@charset "UTF-8";

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

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

:active,
:focus {
    outline: 0
}

a:active,
a:focus {
    outline: 0
}

aside,
footer,
header,
nav {
    display: block
}

body,
html {
    height: 100%;
    width: 100%;
    font-family: var(--font-family);
    line-height: 1
}

button,
input,
textarea {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer;
    background: 0 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a,
a:visited {
    text-decoration: none;
    font-family: var(--font-family)
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

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

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

:root {
    --primary: #34aef3;
    --primary-hover: #3eb8fd;
    --secondary: #1d2432;
    --black: #1d2432;
    --gray: #9aa4a9;
    --color-border: #e7ecf0;
    --color-bg-gray: #f6f6f6;
    --color-bg: #ffffff;
    --white: #ffffff;
    --red: #f94545;
    --font-family: "Onest", sans-serif, Arial, -apple-system, "BlinkMacSystemFont", sans-serif, Helvetica, sans-serif;
    --font-family-second: "Gotham", sans-serif, Arial, -apple-system, "BlinkMacSystemFont", sans-serif, Helvetica, sans-serif;
    --header-fixed: 80px;
    --header: 206px;
    --main-section-paddings: 54px;
    --main-header-paddings: var(--header);
    --border-radius-md: 60px;
    --border-radius-sm: 30px;
    --height-md: 68px;
    --height-sm: 48px
}

@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");
    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: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-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 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-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;
    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: 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: 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: 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: 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%;
    min-height: 1px;
    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%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
    z-index: 10;
    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;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    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;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-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
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

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

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

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

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 {
    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: 99992
}

.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 {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-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);
    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;
    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;
    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 {
    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;
    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);
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    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;
    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--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-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;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

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

.fancybox-caption {
    padding: 75px
}

.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: a 1s linear infinite;
    animation: a 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 a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-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: translateZ(0);
    transform: translateZ(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);
    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: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

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

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

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-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: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(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: translateZ(0) scale(1);
    transform: translateZ(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
}

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

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-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;
    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;
    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: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 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);
    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
}

::-moz-selection {
    background: var(--primary)
}

::selection {
    background: var(--primary)
}

::-moz-selection {
    background: var(--primary)
}

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

a {
    text-decoration: none;
    color: var(--primary);
    -webkit-transition: var(--trsn);
    transition: var(--trsn)
}

a:hover {
    text-decoration: none;
    color: var(--primary)
}

button {
    cursor: pointer
}

p {
    margin: 0 0 .67em 0
}

html {
    min-width: 320px;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    background-color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
    color: var(--color-black);
    font-family: var(--ffmain);
    line-height: 1.4;
    text-align: left;
    overflow-x: hidden;
    min-width: 320px;
    position: relative;
    width: 100%;
    height: 100%
}

body._scroll-lock {
    overflow: hidden
}

.b-loaded+.bg-loading {
    display: none
}

.b-error+.bg-loading {
    display: none
}

.swiper-lazy-loaded+.bg-loading {
    display: none
}

.loadmore-slice {
    cursor: pointer;
    margin-top: 40px
}

.img-position-inset {
    position: absolute;
    inset: 0;
    z-index: 3;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a[href^="tel:"] {
    white-space: nowrap
}

.color-primary,
.modal-form__heading span {
    color: var(--primary)
}

.color-red {
    color: var(--red)
}

.screen-page {
    width: 100%;
    height: auto;
    min-height: 100vh;
    position: relative;
    position: relative
}

.screen-page::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    z-index: 98;
    visibility: hidden;
    -webkit-transition: linear .2s;
    transition: linear .2s
}

.screen-page._scroll-lock::after {
    opacity: 1;
    visibility: visible
}

main section.breacrumbs-section:first-child:is(section) {
    padding-bottom: 0
}

main section.breacrumbs-section:first-child+section {
    padding-top: 0
}

main section {
    padding: var(--main-section-paddings) 0
}

main section:first-child {
    padding-top: calc(var(--main-header-paddings) + 20px)
}

main section:first-child:is(.hero-ab),
main section:first-child:is(.m-intro) {
    padding-top: calc(var(--main-header-paddings))
}

img {
    max-width: 100%
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.fancybox-slide--image .fancybox-content.fancybox-is-hidden {
    visibility: visible
}

#cookie_notification {
    display: none;
    position: fixed;
    z-index: 30002;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    padding: 18px;
    background: var(--white);
    -webkit-box-shadow: 0 0 54px rgba(0, 0, 0, .1);
    box-shadow: 0 0 54px rgba(0, 0, 0, .1)
}

#cookie_notification .btn {
    margin-left: 10px;
    cursor: pointer;
    white-space: nowrap
}

#cookie_notification p:first-child {
    margin-bottom: 0
}

#cookie_notification p {
    color: #444445;
    line-height: 1.3;
    font-size: 11px;
    font-weight: 400
}

#cookie_notification p a {
    color: inherit;
    position: relative;
    text-decoration: underline;
    text-underline-offset: 3px
}

#cookie_notification.show {
    -webkit-animation: CookieAnim ease-in-out 1s alternate;
    animation: CookieAnim ease-in-out 1s alternate;
    display: block
}

@-webkit-keyframes CookieAnim {
    0% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }

    70% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes CookieAnim {
    0% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }

    70% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.pthanks:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.pthanks__flex {
    gap: 80px
}

.pthanks__btn {
    margin-top: 27px
}

.pthanks__img {
    max-width: 460px;
    width: 100%
}

.pthanks__img-wrap {
    width: 100%;
    padding-top: 80%;
    position: relative
}

.pthanks__img-wrap img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center bottom;
    object-position: center bottom;
    z-index: 4
}

.p404__flex {
    gap: 80px
}

.p404__btn {
    margin-top: 27px
}

.p404 svg {
    max-width: 100%;
    height: auto
}

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

.cursor-pointer {
    cursor: pointer
}

.w-100 {
    width: 100%
}

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

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.aifs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.aife {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

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

.jcfe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jcsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jcsa {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.fwrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fwrap-rev {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.fdc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.fdr-rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.trsn {
    -webkit-transition: var(--trsn);
    transition: var(--trsn)
}

.color-white {
    color: var(--color-white)
}

.color-black {
    color: var(--color-black)
}

.color-text-tr {
    color: var(--color-text-tr)
}

.bg-loading {
    --bg-loading-1: #ececec;
    --bg-loading-2: #f5f5f5;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: -6;
    background: linear-gradient(60deg, var(--bg-loading-1) 30%, var(--bg-loading-2) 45%, var(--bg-loading-1) 60%);
    background-size: 200% 100%;
    -webkit-animation: 1s bgLoadingAnimation linear infinite;
    animation: 1s bgLoadingAnimation linear infinite
}

.bg-loading-white {
    --bg-loading-1: #2e2d2d;
    --bg-loading-2: #3d3d3d
}

.bg-loading-br {
    border-radius: var(--border-lg)
}

#breadcrumbs {
    font-size: 12px;
    margin-bottom: 17px;
    font-weight: 500;
    color: var(--color-black);
    text-transform: lowercase;
    opacity: .5
}

#breadcrumbs>span {
    color: var(--breadcrumbs-color)
}

#breadcrumbs a {
    color: inherit
}

#breadcrumbs a:hover {
    color: var(--primary)
}

#breadcrumbs span :not(:first-child) {
    margin-left: 4px
}

#breadcrumbs span :not(:last-child):after {
    content: "";
    background-color: currentColor;
    width: 12px;
    height: 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 9.75L3.75 6L7.5 2.25' stroke='%239090AA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 9.75L3.75 6L7.5 2.25' stroke='%239090AA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-left: 5px;
    display: inline-block;
    margin-bottom: -2px
}

input {
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    max-width: 100%;
    min-width: auto;
    background-color: transparent
}

.h1,
h1 {
    font-size: 48px;
    font-weight: 500;
    color: var(--secondary);
    line-height: 1em;
    letter-spacing: -.02em;
    margin-bottom: .6em
}

.h2,
h2 {
    font-family: var(--font-family);
    font-size: 36px;
    font-weight: 500;
    color: var(--secondary);
    margin-bottom: .6em;
    gap: 30px
}

.h3,
h3 {
    font-family: var(--font-family);
    font-size: 28px;
    font-weight: 500;
    margin-bottom: .6em
}

.content-field .h1,
.content-field h1,
.content-field h2 {
    font-size: 48px;
    font-weight: 500;
    color: var(--secondary);
    line-height: 1em;
    letter-spacing: -.02em
}

.content-field .h2,
.content-field h2 {
    font-family: var(--font-family);
    font-size: 36px;
    font-weight: 500;
    color: var(--secondary);
    margin-bottom: .6em
}

.content-field .h4,
.content-field h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4
}

.content-field .h4:not(:last-child),
.content-field h4:not(:last-child) {
    margin-bottom: 1em
}

.content-field li,
.content-field p {
    font-size: 16px;
    font-weight: 500;
    opacity: .5
}

.content-field ol,
.content-field ul {
    margin-left: 1.4em;
    margin-bottom: 1.4em;
    margin-top: 1.4em
}

.content-field ul li {
    list-style-type: disc
}

.content-field-md li,
.content-field-md p {
    font-weight: 400;
    opacity: 1
}

.title-md {
    font-family: var(--font-family);
    font-size: 36px;
    font-weight: 500;
    color: var(--secondary);
    margin-bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.title-md span {
    color: var(--primary)
}

.title-md h1,
.title-md h2,
.title-md h3,
.title-md h4,
.title-md h5,
.title-md h6 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

.wide {
    margin-left: -50px;
    margin-right: -50px
}

.font-family-second {
    font-family: var(--font-family-second)
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--height-md);
    padding: 0 30px;
    border-radius: 100px;
    background-color: var(--primary);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: linear .2s;
    transition: linear .2s;
    font-family: var(--font-family-second);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase
}

.btn:hover {
    color: var(--white);
    background-color: var(--primary-hover)
}

.btn.btn--gray {
    background-color: var(--color-bg-gray);
    border-radius: 24px;
    color: var(--black)
}

.btn.btn--gray:hover {
    color: var(--black);
    background-color: #e4e4e4
}

.btn.btn--doc:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25 8.25H13.75' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 11H13.75' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 13.75H11' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4652 18.5625H4.125C3.94266 18.5625 3.7678 18.4901 3.63886 18.3611C3.50993 18.2322 3.4375 18.0573 3.4375 17.875V4.125C3.4375 3.94266 3.50993 3.7678 3.63886 3.63886C3.7678 3.50993 3.94266 3.4375 4.125 3.4375H17.875C18.0573 3.4375 18.2322 3.50993 18.3611 3.63886C18.4901 3.7678 18.5625 3.94266 18.5625 4.125V13.4652C18.5625 13.5555 18.5447 13.6449 18.5102 13.7283C18.4756 13.8117 18.425 13.8875 18.3611 13.9514L13.9514 18.3611C13.8875 18.425 13.8117 18.4756 13.7283 18.5102C13.6449 18.5447 13.5555 18.5625 13.4652 18.5625V18.5625Z' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5004 13.7493H13.75V18.4999' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25 8.25H13.75' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 11H13.75' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 13.75H11' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4652 18.5625H4.125C3.94266 18.5625 3.7678 18.4901 3.63886 18.3611C3.50993 18.2322 3.4375 18.0573 3.4375 17.875V4.125C3.4375 3.94266 3.50993 3.7678 3.63886 3.63886C3.7678 3.50993 3.94266 3.4375 4.125 3.4375H17.875C18.0573 3.4375 18.2322 3.50993 18.3611 3.63886C18.4901 3.7678 18.5625 3.94266 18.5625 4.125V13.4652C18.5625 13.5555 18.5447 13.6449 18.5102 13.7283C18.4756 13.8117 18.425 13.8875 18.3611 13.9514L13.9514 18.3611C13.8875 18.425 13.8117 18.4756 13.7283 18.5102C13.6449 18.5447 13.5555 18.5625 13.4652 18.5625V18.5625Z' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5004 13.7493H13.75V18.4999' stroke='%231D2432' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.btn.btn--black {
    background-color: var(--black);
    color: var(--white)
}

.btn.btn--black:hover {
    background-color: var(--black);
    color: var(--white)
}

.btn._sm {
    height: var(--height-sm);
    padding: 0 25px
}

.btn._sm span {
    padding-top: 2px;
}

.btn._tp {
    color: var(--secondary);
    background-color: transparent;
    border: 1px solid var(--primary)
}

.text-capitalize {
    text-transform: capitalize
}

.filters-format-1 {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px
}

.filters-format-1 li a {
    border-radius: 20px;
}

.filters-format-1 li.cat-polygraphy {
order: -1;
}


.filters-format-1 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--height-sm);
    font-family: var(--font-family-second);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--secondary);
    background-color: var(--color-bg-gray);
    will-change: background-color;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    padding: 0 24px;
    white-space: nowrap
}

.filters-format-1 li a:hover {
    background-color: #e4e4e4
}

.filters-format-1 li a._active {
    color: #fff;
    background-color: var(--secondary)
}

.btn-more {
    margin-top: 40px
}

.btn-more .icon {
    margin-left: 20px;
    font-size: 16px
}

.swiper-pagination span {
    width: 6px;
    height: 6px;
    border: 1px solid #324a73;
    background-color: transparent;
    opacity: 1;
    margin: 0 7px !important
}

.swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #324a73
}

.swiper-button-next,
.swiper-button-prev {
    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;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--primary)
}

.swiper-button-next .icon,
.swiper-button-prev .icon {
    font-size: 16px;
    color: #fff
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none
}

.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock {
    display: none
}

.swiper-button-prev {
    right: calc(100% + 25px);
    left: auto
}

.swiper-button-next {
    left: calc(100% + 25px);
    right: auto
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;
    height: 22px;
    width: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23F3F3F3'/%3E%3Cpath d='M14.9375 7.0625L7.0625 14.9375' stroke='%239AA4A9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9375 14.9375L7.0625 7.0625' stroke='%239AA4A9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.form-response:not(:empty) {
    position: relative;
    padding: 6px 6px 6px 40px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ed4f4f), color-stop(50.19%, #df3434));
    background: linear-gradient(90deg, #ed4f4f 0, #df3434 50.19%);
    color: var(--white);
    font-size: 14px;
    border-radius: 12px;
    min-height: 37px
}

.form-response:not(:empty):before {
    content: "";
    background-position: center;
    background-size: contain;
    margin-right: 15px;
    display: block;
    position: absolute;
    left: 6px;
    top: 6px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    z-index: 2;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8V13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9961 16H12.0051' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.bsearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 5
}

.bsearch button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 18px;
    width: 20px;
    height: 20px;
    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
}

.bsearch button .icon-search {
    font-size: 16px
}

.bsearch label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.bsearch input {
    height: var(--height-sm);
    border-radius: 100px;
    width: 100%;
    padding: 0 20px 0 55px;
    font-size: 14px;
    color: var(--secondary)
}

.bsearch input::-webkit-input-placeholder {
    font-size: 14px;
    color: var(--gray)
}

.bsearch input::-moz-placeholder {
    font-size: 14px;
    color: var(--gray)
}

.bsearch input:-ms-input-placeholder {
    font-size: 14px;
    color: var(--gray)
}

.bsearch input::-ms-input-placeholder {
    font-size: 14px;
    color: var(--gray)
}

.bsearch input::placeholder {
    font-size: 14px;
    color: var(--gray)
}

.bsearch__list {
    --gutter: 10px;
    gap: var(--gutter)
}

.bsearch__list>* {
    max-width: var(--search-item-max-width);
    width: var(--search-item-width)
}

.bsearch__list>.g-catalog__item {
    --search-item-max-width: 202px;
    --search-item-width: calc(16.66667% - var(--gutter))
}

.bsearch__list>.prod-types__item {
    --search-item-max-width: 414px;
    --search-item-width: calc(33.3333% - (var(--gutter)))
}

.bsearch__list>.g-category__item {
    --search-item-max-width: 50%;
    --search-item-width: calc(50% - (var(--gutter)))
}

.bsearch__list>.services__item {
    --search-item-max-width: 50%;
    --search-item-width: calc(50% - (var(--gutter)))
}

.bsearch .search-results {
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 500px;
    max-width: 100%;
    overflow: auto;
    border-radius: var(--border-radius-sm);
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    background-color: var(--white);
    padding: 15px 10px
}

.bsearch .search-results.results-hidden,
.bsearch .search-results:empty {
    display: none
}

.bsearch .search-results li {
    list-style-type: none
}

.bsearch .search-results li a {
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 12px;
    display: block;
    color: var(--black);
    font-weight: 500
}

.bsearch .search-results li a:hover {
    background-color: var(--primary);
    color: var(--white)
}

.flexible-content-post-item-text {
    padding-top: var(--layout-py);
    margin-top: var(--layout-py);
    border-top: 1px solid var(--color-border)
}

.flexible-content-post-item-img,
.flexible-content-post-item-imgs {
    margin-top: var(--layout-py);
    margin-bottom: var(--layout-py);
    padding: var(--layout-py) 0
}

.flexible-content-post-item-img:first-child,
.flexible-content-post-item-imgs:first-child {
    padding-top: 0;
    margin-top: var(--layout-py)
}

.flexible-content-post-item-img+[class*=-item-text],
.flexible-content-post-item-imgs+[class*=-item-text] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

.flexible-content-post-item-catalog:not(:first-child) {
    margin-top: var(--layout-py)
}

.flexible-content-post-item-catalog:not(:last-child) {
    margin-bottom: var(--layout-py);
    padding-bottom: var(--layout-py)
}

.flexible-content-post-item__catalog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px
}

.flexible-content-post-item__text a {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    color: inherit
}

.flexible-content-post-item__text a:hover {
    color: var(--primary)
}

.flexible-content-post-item__text ol,
.flexible-content-post-item__text ul {
    margin-left: 2em
}

.flexible-content-post-item__text li,
.flexible-content-post-item__text p {
    margin-bottom: .6em
}

.flexible-content-post-item__text li:last-child,
.flexible-content-post-item__text p:last-child {
    margin-bottom: 0
}

.flexible-content-post-item__text h3 {
    color: var(--primary)
}

.flexible-content-post-item__imgs {
    overflow: hidden;
    position: relative
}

.flexible-content-post-item__imgs .swiper-button-next,
.flexible-content-post-item__imgs .swiper-button-prev {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 10;
    cursor: pointer;
    background-color: var(--white);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    top: auto
}

.flexible-content-post-item__imgs .swiper-button-next .icon,
.flexible-content-post-item__imgs .swiper-button-prev .icon {
    color: var(--black)
}

.flexible-content-post-item__imgs .swiper-button-next:hover svg rect,
.flexible-content-post-item__imgs .swiper-button-prev:hover svg rect {
    fill: var(--black);
    stroke: var(--black)
}

.flexible-content-post-item__imgs .swiper-button-next {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    margin-left: 10px
}

.flexible-content-post-item__imgs-item {
    position: relative;
    padding-top: 62%;
    background-color: var(--color-bg-gray);
    border-radius: var(--border-radius-md)
}

.flexible-content-post-item__imgs-item img {
    border-radius: inherit;
    z-index: 3
}

.tabs {
    position: relative
}

.tabs__content .tabs__item {
    display: none
}

.tabs__content .tabs__item._show {
    display: grid
}

.js-video {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.js-video iframe,
.js-video img,
.js-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.js-video::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s
}

.js-video::before {
    content: "";
    font-size: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.js-video._playing::after,
.js-video._playing::before {
    opacity: 0
}

.icon {
    font-family: icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-down:before {
    content: "\e900"
}

.icon-arrow-left:before {
    content: "\e901"
}

.icon-arrow-right:before {
    content: "\e902"
}

.icon-burger:before {
    content: "\e903"
}

.icon-direct:before {
    content: "\e904"
}

.icon-metro:before {
    content: "\e905"
}

.icon-search:before {
    content: "\e906"
}

.icon-telegram:before {
    content: "\e907"
}

.icon-whatsapp:before {
    content: "\e908"
}

.icon-close:before {
    content: "\e909"
}

.header {
    background-color: var(--color-bg-gray);
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: var(--header);
    line-height: 1.2
}

.header p {
    margin-bottom: 0
}

.header.fixed {
    --logo-display: none;
    --logo-white-display: block;
    --color: var(--black);
    --color-secondary: #aaaeb2;
    --color-socials: var(--secondary);
    --filter-socials: invert(0);
    background-color: var(--color-bg-gray);
    padding: 0;
    position: fixed;
    -webkit-animation: HeaderAnim ease-in-out .4s alternate;
    animation: HeaderAnim ease-in-out .4s alternate;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    height: var(--header-fixed)
}

.header__row>.container {
    height: 100%
}

.header__row>.container>.header__inner {
    height: 100%
}

.header__row._bottom {
    background-color: #fff
}

.header__inner {
    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;
    position: relative
}

.header__nav-list {
    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 30px
}

.header__nav-list li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.header__nav-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    color: var(--gray)
}

.header__text {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray);
    margin-left: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.header__text .icon {
    font-size: 12px;
    margin-right: 5px
}

.header__logo {
    position: absolute;
    top: 0;
    left: 0
}

.header__logo img {
    height: 123px
}

.header__btn {
    margin-right: 10px
}

.header__btn._catalog {
    background-color: var(--secondary);
    position: relative
}

.header__btn._catalog:after {
    content: "";
    position: absolute;
    top: 100%;
    z-index: 3;
    left: 0;
    right: 0;
    height: 10px;
    pointer-events: none
}

.header__btn._catalog:active,
.header__btn._catalog:hover {
    color: var(--white);
    background-color: #313846
}

.header__btn._catalog._active {
    background-color: var(--primary)
}

.header__btn._catalog._active:after {
    pointer-events: all
}

.header__btn._catalog._active .icon-close {
    display: block
}

.header__btn._catalog._active .icon-burger {
    display: none
}

.header__btn._catalog .icon {
    font-size: 16px;
    margin-right: 20px
}

.header__btn._catalog .icon-close {
    display: none
}

.header__btn._send {
    white-space: nowrap
}

.header__search {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 10px
}

.header__search input {
    background-color: var(--white)
}

.header__social {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    --soc-s: 16px
}

.header__social img {
    width: var(--soc-s);
    height: var(--soc-s);
    min-width: var(--soc-s)
}

.header__social-link {
    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;
    border-radius: 50%;
    width: var(--height-sm);
    height: var(--height-sm);
    background-color: #fff
}

.header__social-link:hover {
    background-color: var(--social-hover, "#fff")
}

.header__social-link:hover img {
    -webkit-filter: var(--invert, "none");
    filter: var(--invert, "none")
}

.header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.header__phone p {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary)
}

.header__phone p a {
    color: var(--primary)
}

.header__phone span {
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary);
    white-space: nowrap
}

.header__phone span a {
    color: var(--secondary)
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 200px
}

.header__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 40px
}

.header__submenu {
    position: relative
}

.header__submenu .icon {
    font-size: 13px;
    color: var(--primary)
}

.header__submenu .icon._active {
    color: var(--primary)
}

.header__menu-link {
    font-size: 14px;
    font-weight: 700;
    color: var(--secondary);
    text-transform: uppercase;
    letter-spacing: 1px
}

.header__submenu-list {
    position: absolute;
    z-index: 98;
    top: calc(100% + 10px);
    padding: 10px 5px;
    background-color: #fff;
    border-radius: 24px;
    min-width: 218px;
    margin-left: -20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s
}

.header__submenu-list li {
    display: block;
    width: 100%
}

.header__submenu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: var(--secondary);
    padding: 7px 15px;
    border-radius: 15px
}


.header__submenu-link.hot {
  color: var(--primary);
  font-weight: 700;
  background: rgba(52, 174, 243, 0.1);
  position: relative;
  padding-right: 28px;
}

.header__submenu-link.hot::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
  -webkit-box-shadow: 0 0 0 3px rgba(52, 174, 243, 0.25);
          box-shadow: 0 0 0 3px rgba(52, 174, 243, 0.25);
}

.header__catalog-nav li a.hot:not(._active) {
  color: var(--primary);
  font-weight: 700;
  background: rgba(52, 174, 243, 0.12);
}

.header__catalog-list li a.hot {
  border-color: rgba(52, 174, 243, 0.55);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 174, 243, 0.1)), to(rgba(52, 174, 243, 0.02)));
  background: linear-gradient(180deg, rgba(52, 174, 243, 0.1) 0%, rgba(52, 174, 243, 0.02) 100%);
}

.header__catalog-list li a.hot p {
  color: var(--primary);
  font-weight: 700;
}

.header__catalog-list li a.hot .icon {
  color: var(--primary);
  right: 28px;
}

.header__catalog-list li a.hot::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
  -webkit-box-shadow: 0 0 0 3px rgba(52, 174, 243, 0.25);
          box-shadow: 0 0 0 3px rgba(52, 174, 243, 0.25);
  z-index: 1;
}

.header__products {
    position: relative;
    margin-left: 88px
}

.header__catalog {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 44px 0 rgba(29, 36, 50, .0784313725);
    box-shadow: 3px 3px 44px 0 rgba(29, 36, 50, .0784313725);
    border-radius: 24px;
    padding: 10px;
    z-index: 99;
    width: 874px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 40px;
    visibility: hidden;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
    will-change: opacity, transform, visibility;
    -webkit-transition: opacity ease-in-out .2s, visibility ease-in-out .2s, -webkit-transform ease-in-out .2s;
    transition: opacity ease-in-out .2s, visibility ease-in-out .2s, -webkit-transform ease-in-out .2s;
    transition: opacity ease-in-out .2s, transform ease-in-out .2s, visibility ease-in-out .2s;
    transition: opacity ease-in-out .2s, transform ease-in-out .2s, visibility ease-in-out .2s, -webkit-transform ease-in-out .2s
}

.header__catalog._show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header__catalog-nav {
    width: 248px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.header__catalog-nav li a {
    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;
    height: 40px;
    padding: 0 15px;
    background-color: var(--color-bg-gray);
    color: var(--secondary);
    font-family: var(--font-family-second);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.header__catalog-nav li a._active {
    background-color: var(--secondary);
    color: #fff
}

.header__catalog-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.header__catalog-list li a {
    height: 100%;
    display: block;
    position: relative;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    padding: 11px 15px
}

.header__catalog-list li a p {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    color: var(--secondary)
}

.header__catalog-list li a span {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray)
}

.header__catalog-list li a .icon {
    font-size: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px
}

.header__burger {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__burger .icon {
    font-size: 24px;
    font-weight: 700
}

.header__burger._active .icon-close {
    display: block
}

.header__burger._active .icon-burger {
    display: none
}

.header__burger .icon-close {
    display: none
}

@-webkit-keyframes HeaderAnim {
    0% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes HeaderAnim {
    0% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.g-advant {
    overflow: hidden
}

.g-advant__title {
    display: grid;
    grid-template-columns: 1fr 60%;
    gap: 30px;
    margin-bottom: 26px
}

.g-advant__title:has(>:only-child) {
    grid-template-columns: 1fr
}

.g-advant__title:only-child {
    grid-column-end: span 2
}

.g-advant__title h2 {
    margin-bottom: 0
}

.g-advant__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.g-advant__item {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 20px ;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--color-border)
}

.g-advant__item-icon {
    position: relative;
    margin-bottom: 28px
}

.g-advant__item-icon:after {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: #7dd0ff;
    border-radius: 22px;
    width: 64px;
    height: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50%
}

.g-advant__item-icon img {
    width: 42px;
    height: 42px;
    position: relative;
    z-index: 4;
    -o-object-fit: contain;
    object-fit: contain
}

.g-advant__item-title h3 {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: var(--secondary);
    margin-bottom: 3px;
}

.g-advant__item-title p {
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    color: var(--gray);
    margin-bottom: 0;
}
.g-advant__item-title strong {
    color: #000;
    display: block;
} 
.g-advant__btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.g-calculate__inner {
    display: flex;
    border: 1px solid var(--primary);
    border-radius: var(--border-radius-md)
}

.g-calculate__content {
    min-width: 50%;
    padding: 50px;
    padding-right: 0;
    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
}

.g-calculate__title {
    margin-bottom: 0;
    max-width: 480px;
}
.g-calculate__title p {
    font-size: 18px;

}

.g-calculate__text {
    font-size: 16px;
    color: var(--secondary);
    opacity: .5
}

.g-calculate__btn {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 14px;
}

.g-calculate__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g-calculate__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-right: 10px
}

.g-calculate__social li a {
    width: 48px;
    height: 48px;
    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;
    border-radius: 50%;
    background-color: var(--color-bg-gray)
}

.g-calculate__social li a .icon {
    font-size: 16px;
    color: var(--secondary)
}

.g-calculate__connection span {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    color: var(--secondary)
}

.g-calculate__connection span a {
    color: inherit;

    text-decoration: underline;
}

.g-calculate__connection p {
    font-size: 20px;
    font-weight: 500;
    color: var(--primary);
    display: inline;
}

.g-calculate__connection p a {
    text-decoration: underline;
    color: inherit
}

.g-calculate__connection span a:hover, .g-calculate__connection p a:hover {
    text-decoration: none;
}

.g-calculate__image {
    margin-top: auto;
    margin-right: -40px;
    z-index: 10;
    display: flex;
    justify-content: center;
}

.g-calculate__image img {
    width: 60%
}

@media (max-width: 1324px) {
    
    .g-calculate__image img {
        width: 78%;
        border-radius: 30px;
    }
}

.g-calculate__advant {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 20px
}

.g-calculate__advant .g-advant__item {
    border-radius: var(--border-radius-sm)
}

.g-calculate__advant .g-advant__item:nth-child(4n+2),
.g-calculate__advant .g-advant__item:nth-child(4n+3) {
    background-color: var(--color-bg-gray);
    border-color: transparent
}

.g-catalog__search {
    margin-bottom: 40px
}

.g-catalog__search input {
    border: 1px solid var(--color-border)
}

.g-catalog__search input:focus,
.g-catalog__search input:hover {
    border-color: #d3d8dc
}

.g-catalog__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px
}

.g-catalog__item {
    position: relative;
    border-radius: var(--border-radius-sm)
}

.g-catalog__item .link_to_edit,
.g-catalog__item .link_to_quick_edit {
    position: absolute;
    top: 0;
    right: 10px;
    visibility: hidden
}

.g-catalog__item .link_to_quick_edit {
    right: 50px
}

.g-catalog__item-image {
    display: block;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    position: relative;
    padding: 0 0 122% 0;
    height: 100%
}

.g-catalog__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.g-catalog__item-content {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #fff;
    border-radius: 20px;
    padding: 11px 15px
}

.g-catalog__item-content .g-catalog__item-title,
.g-catalog__item-content h3 {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary);
    margin: 0
}

.g-catalog__item-content .g-catalog__item-title a,
.g-catalog__item-content h3 a {
    color: inherit
}

.g-catalog__item-content span {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray)
}

.g-catalog__item-content span.g-catalog__item-desc {
    margin-top: 10px
}

.g-catalog__item-content .icon {
    color: #bec9cf;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.g-catalog__btn.btn {
    margin-top: 40px
}

.g-calculate__btn.btn .icon {
    font-weight: bold;
}

.g-catalog__btn.btn .icon, .g-calculate__btn.btn .icon {
    margin-left: 20px;
    font-size: 16px
}

.g-category {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px
}

.g-category__item {
    position: relative
}

.g-category__item:hover .g-category__item-content {
    background-color: var(--black);
    color: var(--white)
}

.g-category__item .link_to_edit {
    z-index: 5
}

.g-category__item-link {
    position: absolute;
    z-index: 4;
    inset: 0
}

.g-category__item-image {
    overflow: hidden;
    position: absolute;
    inset: 0;
    border-radius: var(--border-radius-sm);
    background-color: var(--color-bg-gray);
    z-index: 1
}

.g-category__item-image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(34.03%, rgba(246, 246, 246, .07)), to(var(--color-bg-gray)));
    background: linear-gradient(-90deg, rgba(246, 246, 246, .07) 34.03%, var(--color-bg-gray) 100%);
    width: 100%;
    height: 100%;
    z-index: 4
}

.g-category__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0
}

.g-category__item-content {
    border-radius: 20px;
    color: var(--secondary);
    background-color: #fff;
    position: relative;
    margin: 10px;
    width: 50%;
    padding: 15px;
    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;
    z-index: 2
}

.g-category__item-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 130%;
    color: inherit;
    margin-bottom: 10px;
    min-height: 63px
}

.g-category__item-title a {
    color: inherit
}

.g-category__item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: auto
}

.g-category__item-row span {
    font-size: 12px;
    font-weight: 500;
    color: inherit
}

.g-category__item-btn {
    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;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--primary)
}

.g-category__item-btn .icon {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.g-partners__list {
    position: relative
}

.g-partners__slider {
    overflow: hidden
}

.g-partners__slide {
    border-radius: 20px;
    background-color: var(--color-bg-gray);
    height: auto;
    min-height: 110px;
    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
}

.g-partners__slide img {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 144px;
    max-height: 42px
}

.g-reviews__inner {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.g-reviews__posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.g-reviews__partners-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.g-reviews__partners-list .g-reviews__partners-slide {
    border-radius: 20px;
    background-color: var(--color-bg-gray);
    height: auto;
    min-height: 110px;
    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
}

.g-reviews__partners-list .g-reviews__partners-slide img {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 144px;
    max-height: 42px
}

/* .g-works__link {
    position: absolute;
    inset: 0;
    z-index: 3
} */
 .g-works__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
 }

 .g-works__subtitle {
    margin-top: -10px;
    margin-bottom: 10px;
 }



.g-works__slide {
    display: flex;
    flex-direction: column;
}

.g-works__slide .link_to_edit {
    position: absolute;
    z-index: 4;
    right: 10px;
    top: 10px;
    pointer-events: none;
    visibility: hidden
}

.g-works__slide:hover .link_to_edit {
    pointer-events: all;
    visibility: visible
}

.g-works__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-bottom: 40px
}

.g-works__filter li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family-second);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--secondary);
    position: relative;
    padding: 0 22px;
    padding-bottom: 14px;
    white-space: nowrap
}

.g-works__filter li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--color-border);
    width: 100%;
    height: 1px
}

.g-works__filter li a._active {
    color: var(--primary)
}

.g-works__filter li a._active::after {
    height: 3px;
    background: var(--primary)
}

.g-works__list {
    position: relative
}

.g-works__slider:not(.swiper-initialized) .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.g-works__slider:not(.swiper-initialized) .swiper-wrapper>* {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%
}

.g-works__slider.g-works-slider-list .swiper-wrapper {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.g-works__slider.g-works-slider-list~.swiper-button-next,
.g-works__slider.g-works-slider-list~.swiper-button-prev {
    display: none
}

.g-works__loadmore {
    margin-top: 40px;
    cursor: pointer;
    border-radius: 34px;
    border: 1px solid var(--primary);
    padding: 14px 17px;
    font-size: 12px;
    font-weight: 500;
    font-family: var(--font-family-second);
    letter-spacing: .04em;
    text-transform: uppercase
}

.g-works__loadmore .icon {
    font-weight: 400;
    height: 40px;
    width: 40px;
    min-width: 40px;
    color: var(--white);
    font-size: 20px;
    background-color: var(--black);
    border-radius: 50%
}

.g-works__loadmore-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.g-works__slide {
    position: relative;
    height: auto;
    background-color: var(--color-bg-gray);
    border-radius: var(--border-radius-sm);
    overflow: hidden
}

.g-works__item-image {
    overflow: hidden;
    position: relative;
    padding: 0 0 100% 0;
    background-color: var(--color-bg-gray)
}

.g-works__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.g-works__item-image svg {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .9;
    -webkit-filter: drop-shadow(2px 2px 44px rgba(29, 36, 50, .3));
    filter: drop-shadow(2px 2px 44px rgba(29, 36, 50, .3))
}

.g-works__item-content {
    /* position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 20px; */
    display: flex;
    flex-direction: column;
    padding: 11px 15px;
    flex-grow: 1;
}
.g-works__item-content__btns {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

.g-works__item-content .btn {
    width: 100%;
color: var(--secondary) !important;
}

 .nazvanie_klienta {

color: var(--primary);
}

.g-works__item-content .g-works__item-title,
.g-works__item-content h3 {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary)
}

/* .g-works__item-content span {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray)
} */

.g-works__item-content .icon {
    color: var(--secondary);
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.g-about__content {
    padding: 50px;
    border-radius: var(--border-radius-md);
    border: 1px solid var(--color-border)
}

.g-about__title {
    margin-bottom: 45px
}

.g-about__text {
    font-size: 16px;
    line-height: 130%
}

.g-about__text p:not(:last-child) {
    margin-bottom: 20px
}

.g-about__btn {
    /* margin-top: 45px */
    width: 100%;
}

.g-about__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.g-about__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.g-about__item {
    border-radius: var(--border-radius-md);
    background-color: var(--color-bg-gray);
    padding: 50px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.g-about__item._center {
    background-color: var(--primary)
}

.g-about__item._center .g-about__item-icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.g-about__item._center .g-about__item-number,
.g-about__item._center .g-about__item-title,
.g-about__item._center .g-about__item-title p {
    color: #fff
}

.g-about__item-icon {
    margin-bottom: 40px;
    position: relative
}

.g-about__item-icon:after {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: #7dd0ff;
    border-radius: 22px;
    width: 84px;
    height: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50%
}

.g-about__item-icon img {
    position: relative;
    z-index: 5;
    width: 62px
}

.g-about__item-number {
    font-size: 66px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1
}


.g-about__item-title p {
    font-size: 18px;
    line-height: 120%;
    line-height: 1;
    text-align: center;
    margin-bottom: 0 !important;
}


.g-about__card {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.8fr;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-gap: 70px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    min-height: 360px;
    padding: 60px 50px;
    border-radius: var(--border-radius-md);
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.g-about__card::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    background: linear-gradient(185.11deg, rgba(42, 57, 83, 0) 4.1%, rgba(42, 57, 83, .8) 68.91%);
    width: 100%;
    height: 100%;
    z-index: -1
}

.g-about__card-item span {
    font-size: 66px;
    font-weight: 500;
    color: #fff;
    line-height: 1
}

.g-about__card-item p {
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
    color: #fff;
    margin-top: 15px;
    max-width: 380px
}

.g-posts__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px
}

.g-posts__item {
    position: relative
}

.g-posts__item-link {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: block
}

.g-posts__item-link:hover+.g-posts__item-image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.g-posts__item>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    min-width: 50%
}

.g-posts__item-content {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    padding: 20px 28px;
    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
}

.g-posts__item-content .link_to_edit {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    visibility: hidden;
    pointer-events: none
}

.g-posts__item-image {
    display: block
}

.g-posts__item-image-wrap {
    height: 100%;
    display: block;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    position: relative;
    padding: 0 0 66% 0;
    background-color: var(--color-bg-gray)
}

.g-posts__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.g-posts__item-date {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray)
}

.g-posts__item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    margin-top: auto;
    letter-spacing: -.04em;
    color: var(--secondary);
    margin-top: 15px
}

.g-posts__item-title a {
    color: inherit
}

.g-posts__btn {
    margin-top: 0
}

.g-posts__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-bottom: 40px
}

.g-posts__filter li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family-second);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--secondary);
    position: relative;
    padding: 0 22px;
    padding-bottom: 14px;
    white-space: nowrap
}

.g-posts__filter li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--color-border);
    width: 100%;
    height: 1px
}

.g-posts__filter li a._active {
    color: var(--primary)
}

.g-posts__filter li a._active::after {
    height: 3px;
    background: var(--primary)
}

.g-breadcrumbs {
    padding-top: 16px;
    padding-bottom: 10px;
    border-top: 1px solid var(--color-border);
    margin-bottom: 0 !important
}

.g-breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g-breadcrumbs__list li .icon {
    margin: 0 6px;
    font-size: 10px
}

.g-breadcrumbs__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    color: #c8d1d6
}

.g-breadcrumbs__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: inherit
}

.m-intro {
    padding-bottom: 30px
}

.m-intro__wrap {
    position: relative
}

@supports selector(:has(a, b)) {
    .m-intro__wrap:has(.swiper-initialized) {
        padding-bottom: 20px
    }
}

@supports not selector(:has(a, b)) {
    .m-intro__wrap {
        padding-bottom: 20px
    }
}

.m-intro__bg-img {
    position: absolute;
    inset: 0;
    z-index: -1;
    /* background-color: var(--color-bg-gray); */
        /* background: var(--primary) ; */

}

.m-intro__bg-img img {

    border-radius: var(--border-radius-md, 40px) ;
}

/* .m-intro__bg-img > img {
    position: absolute;
    inset: 0;
    transform-origin: center center;
    z-index: -1;
    filter: blur(10px);

} */
.m-intro__bg-img .container {
    position: relative;
    height: 100%;
    z-index: 3;
}

.m-intro__bg-img-mob {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--color-bg-gray)
}

.m-intro #breadcrumbs {
    position: absolute;
    top: 15px;
    opacity: .4;
    color: var(--black)
}

.m-intro .swiper {
    overflow: hidden
}

.m-intro .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
    height: auto;

    border-radius: var(--border-radius-md, 40px) 0 0 var(--border-radius-md, 40px);
}


.m-intro .swiper-slide .container:has(.m-intro__title) {
    padding-left: 40px;
}

@media (min-width: 1199px) {
    
    .m-intro  .m-intro__title h1  {
        font-size: 44px !important;
    }
}


@media (max-width: 590px) {
    
    .swiper-slide:not(.m-intro__slide-white) {
        text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
    }
    .swiper-slide.m-intro__slide-white .m-intro__title,
    .swiper-slide.m-intro__slide-white .m-intro__text {
        text-shadow: 0 0 10px #000;
    }
}

.m-intro__slide-white {
    color: var(--white)
}

.m-intro__slide-white .content-field {
    color: inherit
}

.m-intro__slide-white .content-field>* {
    color: inherit
}

.m-intro .swiper-pagination.swiper-pagination-horizontal {
    bottom: -10px
}

.m-intro .swiper-button-next,
.m-intro .swiper-button-prev {
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 24px 0 rgba(42, 57, 83, .1215686275);
    box-shadow: 2px 2px 24px 0 rgba(42, 57, 83, .1215686275)
}

.m-intro .swiper-button-next .icon,
.m-intro .swiper-button-prev .icon {
    color: #324a73
}

.m-intro .swiper-button-prev {
    left: 50%;
    right: auto;
    -webkit-transform: translateY(-15px) translateX(-750px);
    -ms-transform: translateY(-15px) translateX(-750px);
    transform: translateY(-15px) translateX(-750px)
}

.m-intro .swiper-button-next {
    right: 50%;
    left: auto;
    -webkit-transform: translateY(-15px) translateX(750px);
    -ms-transform: translateY(-15px) translateX(750px);
    transform: translateY(-15px) translateX(750px)
}

.m-intro__info-title {
    font-size: 12px;
    opacity: .6;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 3px
}

.m-intro__info-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2
}

.m-intro__text-profits {
    position: relative;
    z-index: 4;
    max-width: 600px;
    display: block
}

.m-intro__text-profits ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.m-intro__text-profits ul li {
    padding: 8px;
    color: inherit;
    font-size: 16px;
    line-height: 1.2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    padding-right: 18px
}

.m-intro__text-profits ul li:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background-color: var(--black);
    opacity: .1;
    z-index: -1
}

.m-intro__text-profits ul li:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75 11.9999L10.58 14.8299L16.25 9.16992' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75 11.9999L10.58 14.8299L16.25 9.16992' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.m-intro__title {
    max-width: 50%;
}
.m-intro__title.content-field li, .m-intro__title.content-field p {
    font-size: 1.5rem;

}

.m-intro__btns {
    gap: 26px;
    margin-top: 30px
}

.m-intro__btns .btn {
    background: #fff !important;
    border: 1px solid var(--primary) !important;
    color: var(--secondary) !important;
}
.m-intro__btns .btn:hover {
    background: var(--primary) !important;
    border: 1px solid #fff !important ;
    color: #fff !important;
}

.m-about__card {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.8fr;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-gap: 70px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    min-height: 360px;
    padding: 60px 50px;
    border-radius: var(--border-radius-md);
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.m-about__card::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    background: linear-gradient(185.11deg, rgba(42, 57, 83, 0) 4.1%, rgba(42, 57, 83, .8) 68.91%);
    width: 100%;
    height: 100%;
    z-index: -1
}

.m-about__card-item span {
    font-size: 66px;
    font-weight: 500;
    color: #fff
}

.m-about__card-item p {
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
    color: #fff;
    margin-top: 15px;
    max-width: 380px
}

.prod-types__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.prod-types__item {
    border-radius: var(--border-radius-sm);
    position: relative
}

.prod-types__item .link_to_edit {
    position: absolute;
    z-index: 6;
    right: 10px;
    top: 10px;
    pointer-events: none;
    visibility: hidden
}

.prod-types__item:hover .prod-types__item-content {
    background-color: var(--black);
    color: var(--white)
}

.prod-types__item:hover .prod-types__item-content>.icon {
    color: var(--primary)
}

.prod-types__item-img {
    background-color: var(--color-bg-gray);
    border-radius: inherit;
    position: absolute;
    inset: 0;
    z-index: 3
}

.prod-types__item-img img {
    border-radius: inherit;
    z-index: 3
}

.prod-types__item-link {
    position: absolute;
    inset: 0;
    z-index: 5
}

.prod-types__item-content {
    margin: 10px;
    margin-top: 40%;
    padding: 14px 18px;
    border-radius: 20px;
    background-color: var(--white);
    position: relative;
    z-index: 4
}

.prod-types__item-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .4em
}

.prod-types__item-desc {
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4
}

.prod-price {
    overflow: hidden
}

.prod-price__filter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.prod-price table {
    --t-border-color: #d9e3ea;
    --t-odd: var(--color-bg-gray);
    --t-radius: 14px;
    width: 100%;
    border-spacing: 0;
    font-weight: 500
}

.prod-price table td,
.prod-price table th {
    vertical-align: bottom
}

.prod-price table td:not(:first-child),
.prod-price table th:not(:first-child) {
    white-space: nowrap
}

.prod-price table td>span,
.prod-price table th>span {
    display: inline-block;
    padding: 15px 20px;
    position: relative;
    width: 100%
}

.prod-price table td>span:after,
.prod-price table th>span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    height: 1px;
    background-color: var(--t-border-color)
}

.prod-price table td:nth-last-child(odd),
.prod-price table th:nth-last-child(odd) {
    background-color: var(--t-odd)
}

.prod-price table thead tr th {
    color: var(--primary)
}

.prod-price table thead tr:first-child td,
.prod-price table thead tr:first-child th {
    border-top-left-radius: var(--t-radius);
    border-top-right-radius: var(--t-radius)
}

.prod-price table tbody tr td {
    font-size: 16px
}

.prod-price table tbody tr:last-child td,
.prod-price table tbody tr:last-child th {
    border-bottom-left-radius: var(--t-radius);
    border-bottom-right-radius: var(--t-radius)
}

.prod-price table th:first-child span,
.prod-price table th:last-child span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #9aa4a9
}

.prod-price table .prod-price-wrap {
    vertical-align: middle;
    padding: 10px
}

.prod-price table .prod-price-wrap-flex {
    gap: 10px
}

.prod-price__qty {
    background-color: var(--white);
    border-radius: 18px;
    padding: 5px
}

.prod-price__qty input {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    background-color: transparent;
    min-width: 109px;
    width: 109px;
    display: block
}

.prod-price__qty-minus,
.prod-price__qty-plus {
    font-size: 16px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    min-width: 24px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.prod-price__qty-minus {
    background: #f6f6f6;
    color: var(--black)
}

.prod-price__qty-plus {
    background: var(--black);
    color: var(--white)
}

.prod-price__qty-btn.btn {
    padding: 0 20px;
    font-size: 12px;
    height: 34px;
    background-color: #dfe5e9;
    pointer-events: none;
    font-weight: 400
}

.prod-price__qty.not-empty-qty~.btn {
    pointer-events: all;
    background-color: var(--primary)
}

.prod-vid__group {
    position: relative
}

.prod-vid__group .swiper-pagination {
    position: relative;
    bottom: 0
}

.prod-vid-swiper {
    overflow: hidden
}

.prod-vid__item {
    border: 1px solid #e7ecf0;
    padding: 10px;
    border-radius: var(--border-radius-sm)
}

.prod-vid__item-img {
    position: relative;
    padding-top: 62%;
    border-radius: 22px;
    margin-bottom: 25px
}

.prod-vid__item-img img {
    z-index: 4;
    border-radius: inherit
}

.prod-vid__item-content {
    padding: 10px
}

.prod-vid__item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    color: var(--black);
    margin-bottom: 31px
}

.prod-vid__item-bottom {
    gap: 13px
}

.prod-vid__item-count {
    color: var(--primary);
    letter-spacing: -.02em
}

.prod-vid__item-text {
    color: #9aa4a9;
    line-height: 1.4;
    font-weight: 500;
    font-size: 14px
}

.prod-payment__tabs {
    list-style-type: none;
    padding: 0;
    gap: 25px;
    margin-bottom: 40px
}

.prod-payment__tabs li {
    padding: 0;
    margin: 0;
    color: #9aa4a9
}

.prod-payment__tabs li a {
    font-weight: 500;
    color: inherit;
    border-bottom: 1px solid transparent
}

.prod-payment__tabs li a._active {
    border-color: var(--primary);
    color: var(--black)
}

.prod-payment__tabs li a:not(._active):hover {
    color: var(--primary)
}

.prod-payment__flex {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.prod-payment__item {
    background-color: var(--color-bg-gray);
    border-radius: var(--border-radius-sm);
    padding: 26px 30px
}

.prod-payment__item-heading {
    margin-bottom: 38px
}

.prod-payment__item-heading h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 110%;
    color: var(--black)
}

.prod-payment__item-bottom {
    gap: 20px
}

.prod-payment__item-text p {
    color: #9aa4a9;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4
}

.prod-payment__item-icon img {
    min-width: 58px;
    width: 58px;
    height: 58px
}

.prod-others__list {
    position: relative
}

.prod-others__slider {
    overflow: hidden
}

.bcont {
    --border-radius-bcont-row: 50px;
    --border-radius-bcont: 40px
}

.bcont__row {
    border: 1px solid var(--color-border);
    padding: 10px;
    border-radius: var(--border-radius-bcont-row)
}

.bcont__item {
    position: relative;
    padding-top: 80%
}

.bcont__item img {
    z-index: 3;
    border-radius: var(--border-radius-bcont)
}

.bcont__slider {
    border-radius: var(--border-radius-bcont);
    overflow: hidden
}

.bcont__btn {
    margin-top: 31px
}

.bcont__imgs {
    position: relative;
    border-radius: var(--border-radius-bcont)
}

.bcont__imgs .bcont-swiper-mode-list .swiper-wrapper {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.bcont__imgs .bcont-swiper-mode-list .swiper-wrapper .bcont__item {
    padding-top: 0
}

.bcont__imgs .bcont-swiper-mode-list .swiper-wrapper img {
    position: relative
}

.bcont__imgs .bcont-swiper-mode-list .swiper-wrapper .bg-loading {
    display: none
}

.bcont__imgs .bcont-swiper-mode-list~.swiper-button-next,
.bcont__imgs .bcont-swiper-mode-list~.swiper-button-prev {
    display: none
}

.bcont__imgs-wrap {
    position: relative
}

.bcont__imgs .swiper-button-next,
.bcont__imgs .swiper-button-prev {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 10;
    cursor: pointer;
    background-color: var(--white);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    top: auto
}

.bcont__imgs .swiper-button-next .icon,
.bcont__imgs .swiper-button-prev .icon {
    color: var(--black)
}

.bcont__imgs .swiper-button-next:hover svg rect,
.bcont__imgs .swiper-button-prev:hover svg rect {
    fill: var(--black);
    stroke: var(--black)
}

.bcont__imgs .swiper-button-next {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    margin-left: 10px
}

.bcont__content {
    padding: 40px
}

.faq__flex {
    gap: 20px
}

.faq__item {
    --faq-py: 14px;
    --faq-px: 26px;
    border-radius: var(--border-radius-sm);
    border: 1px solid #e7ecf0;
    will-change: border-color, background-color;
    -webkit-transition: border-color .2s ease, background-color .2s ease;
    transition: border-color .2s ease, background-color .2s ease
}

.faq__item.is-active {
    background-color: var(--color-bg-gray);
    border-color: var(--white)
}

.faq__item.is-active .faq__item-name-text {
    color: var(--primary)
}

.faq__item.is-active .faq__item-arrow svg {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.faq__item:not(.is-active):hover {
    border-color: var(--primary)
}

.faq__item-name {
    cursor: pointer;
    padding: var(--faq-py) var(--faq-px);
    width: 100%;
    font-weight: 500;
    letter-spacing: -.02em;
    font-size: 18px;
    line-height: 1.2
}

.faq__item-name-text>:last-child {
    margin-bottom: 0
}

.faq__item-arrow svg {
    will-change: transform;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.faq__item-content {
    padding: 0 var(--faq-px);
    padding-bottom: var(--faq-py)
}

.services__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 20px
}

.services__item {
    position: relative
}

.services__item:hover .services__item-content {
    background-color: var(--black);
    color: var(--white)
}

.services__item .link_to_edit {
    z-index: 5
}

.services__item-link {
    position: absolute;
    z-index: 4;
    inset: 0
}

.services__item-image {
    overflow: hidden;
    position: relative;
    padding: 0 0 26% 0;
    border-radius: var(--border-radius-sm);
    background-color: var(--color-bg-gray);
    z-index: 1
}

.services__item-image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(34.03%, rgba(246, 246, 246, .07)), to(var(--color-bg-gray)));
    background: linear-gradient(-90deg, rgba(246, 246, 246, .07) 34.03%, var(--color-bg-gray) 100%);
    width: 100%;
    height: 100%;
    z-index: 4
}

.services__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0
}

.services__item-content {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    border-radius: 20px;
    color: var(--secondary);
    background-color: #fff;
    width: 50%;
    padding: 15px;
    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: 2
}

.services__item-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 130%;
    color: inherit;
    margin-bottom: 10px
}

.services__item-title a {
    color: inherit
}

.services__item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: auto
}

.services__item-row span {
    font-size: 12px;
    font-weight: 500;
    color: inherit
}

.services__item-btn {
    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;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--primary)
}

.services__item-btn .icon {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.swork-hero {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: var(--main-section-paddings);
    margin-bottom: calc(var(--main-section-paddings) * .5)
}

.swork-hero__group {
    position: relative
}

.swork-hero__group .swiper-pagination {
    bottom: 0;
    margin-top: 5px;
    position: relative
}

.swork-hero__grid {
    display: grid;
    margin-top: var(--main-section-paddings);
    grid-template-columns: 1fr 50%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 92px
}

.swork-hero__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    margin-bottom: 20px
}

.swork-hero__heading-title {
    font-family: var(--font-family);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--black);
    margin: 0
}

.swork-hero__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(52,174,243,.12);
    color: var(--primary);
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap
}

.swork-hero__highlight {
    background: var(--color-bg-gray);
    border-radius: 16px;
    padding: 18px 22px;
    margin-bottom: 24px;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--black)
}

.swork-hero__products {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
    margin-bottom: 24px
}

.swork-hero__product {
    border: 1px solid var(--color-border);
    border-radius: 16px;
    padding: 18px 20px;
    background: var(--white)
}

.swork-hero__product-title {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--black);
    margin-bottom: 6px
}

.swork-hero__product-meta {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--gray)
}

.swork-hero__title h3 {
    font-family: var(--font-family);
    font-size: 28px;
    font-weight: 500;
    margin-bottom: .6em
}

.swork-hero__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px
}

.swork-hero__btn {
    gap: 10px;
    margin-top: 0
}

.swork-hero__btn .icon {
    font-size: 14px
}

.swork-hero__slider {
    overflow: hidden
}

.swork-hero__slider:not(.swiper-initialized)~.swiper-button-next,
.swork-hero__slider:not(.swiper-initialized)~.swiper-button-prev {
    display: none
}

.swork-hero__slider .swiper-slide:only-child>* {
    padding-top: 0;
    height: 414px
}

.swork-hero__slider-item {
    position: relative;
    display: block;
    padding-top: 100%;
    background-color: var(--color-bg-gray);
    border-radius: var(--border-radius-sm);
    max-height: 414px
}

.swork-hero__slider-item img {
    border-radius: var(--border-radius-sm)
}

.swork-hero__review {
    border-radius: var(--border-radius-md);
    border: 1px solid var(--color-border);
    position: relative
}

.swork-hero__review-icon {
    color: var(--primary);
    position: absolute;
    top: -10px;
    right: 10%
}

.swork-hero__review-content {
    padding: 50px
}

.swork-hero__review-heading {
    color: var(--primary);
    font-family: var(--font-family);
    font-size: 25px;
    letter-spacing: -.02em;
    font-weight: 500;
    line-height: 1;
    margin-bottom: .6em
}

.swork-hero__review-text-wrap .sep-first,
.swork-hero__review-text-wrap .sep-last {
    display: contents
}

.swork-hero__review-text-wrap p {
    display: contents
}

.swork-hero__review-text-before p {
    font-size: 16px;
    margin-bottom: .6em;
    font-weight: 700;
    line-height: 1.4
}

.sales__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.sales__item {
    position: relative;
    border-radius: var(--border-radius-sm)
}

.sales__item .link_to_edit {
    position: absolute;
    z-index: 4;
    right: 10px;
    top: 10px;
    pointer-events: none;
    visibility: hidden
}

.sales__item:hover .link_to_edit {
    pointer-events: all;
    visibility: visible
}

.sales__item-link {
    position: absolute;
    inset: 0;
    z-index: 3
}

.sales__item-image {
    background-color: var(--color-bg-gray);
    border-radius: var(--border-radius-sm);
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: var(--border-radius-sm)
}

.sales__item-image img {
    border-radius: var(--border-radius-sm)
}

.sales__item-badges {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 60px
}

.sales__item-badges-item {
    text-transform: lowercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    background-color: var(--white);
    padding: 4px 12px;
    border-radius: 17px;
    text-align: center;
    color: var(--black)
}

.sales__item-title {
    font-family: var(--font-family);
    font-size: 26px;
    font-weight: 500;
    margin-bottom: .6em;
    line-height: 1.1
}

.sales__item-desc {
    opacity: .5;
    font-size: 12px;
    line-height: 1.4
}

.sales__item-btn {
    margin-top: 19px;
    position: relative;
    z-index: 6
}

.sales__item-content {
    position: relative;
    z-index: 4;
    padding: 15px;
    margin: 10px;
    border-radius: 20px;
    color: var(--white);
    background-color: var(--color-card-bg-sale, #e43b3b);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cont-form__grid {
    display: grid;
    grid-template-columns: 1fr 50%;
    gap: 48px
}

.cont-form__right {
    border-radius: var(--border-radius-md);
    border: 1px solid var(--primary);
    padding: 50px;
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 100%;
}

.cont-form__right-heading {
    padding-right: 50px
}

.cont-form__right-heading h3 {
    font-size: 28px
}

.cont-form__right-img {
    position: absolute;
    right: 50px;
    border-radius: 50%;
    width: 80px;
    top: -10px
}

.cont-form__right-img-wrap {
    position: relative;
    padding-top: 100%;
    border-radius: 50%;
    background-color: var(--primary);
    overflow: hidden
}

.cont-form__right-img-wrap img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center bottom;
    object-position: center bottom
}

.requirements__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.requirements__item {
    border: 1px solid var(--color-border);
    background-color: transparent;
    position: relative;
    border-radius: var(--border-radius-sm);
    padding: 20px 25px
}

.requirements__item:last-child:nth-child(odd) {
    grid-column: 1/-1
}

.requirements__item:hover {
    background-color: var(--black);
    color: var(--white)
}

.requirements__item-link {
    position: absolute;
    inset: 0;
    z-index: 2
}

.requirements__item .link_to_edit {
    position: absolute;
    z-index: 4;
    right: 10px;
    top: 10px;
    pointer-events: none;
    visibility: hidden
}

.requirements__item:hover .link_to_edit {
    pointer-events: all;
    visibility: visible
}

.requirements__item-title {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .4em
}

.requirements__item-podpis {
    font-family: var(--font-family);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--gray);
    margin-bottom: 1em
}

.requirements__item:hover .requirements__item-podpis {
    color: rgba(255,255,255,.72)
}

.requirements__item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: auto
}

.requirements__item-desc p {
    font-size: 12px;
    font-weight: 500;
    color: inherit;
    line-height: 1.2
}

.requirements__item-desc>:last-child {
    margin-bottom: 0
}

.requirements__item-btn {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background-color: var(--primary)
}

.requirements__item-btn .icon {
    margin-left: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.reqs-content {
    --reqs-right: 308px
}

.reqs-content__grid {
    display: grid;
    grid-template-columns: 1fr var(--reqs-right);
    gap: 116px
}

.reqs-content__list {
    gap: 30px
}

.reqs-content__content {
    overflow: hidden
}

.reqs-content__preview {
    background-color: var(--color-bg-gray);
    border-radius: var(--border-radius-md);
    margin-bottom: 45px
}

.reqs-content__preview-wrap {
    position: relative;
    padding-top: 38%;
    border-radius: inherit
}

.reqs-content__preview-wrap img {
    border-radius: inherit
}

.reqs-content__flexible {
    --layout-py: 30px
}

.contacts {
    overflow: hidden
}

.contacts__grid {
    display: grid;
    grid-template-columns: 52% 1fr;
    gap: 70px;
    border: 1px solid var(--color-border);
    padding: 10px;
    border-radius: 50px
}

.contacts__content {
    padding: 50px;
    padding-right: 0
}

.contacts__content-top {
    gap: 30px
}

.contacts__content-top .contacts__content-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: .4em
}

.contacts__content-bottom {
    gap: 16px;
    margin-top: 38px
}

.contacts__content-center {
    margin-top: 38px
}

.contacts__content-item p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--gray)
}

.contacts__content-item h3 {
    font-weight: 700;
    line-height: 1.2;
    font-size: 25px;
    margin-bottom: 0
}

.contacts__content-item h3+p {
    margin-top: .5em
}

.contacts__content-item a {
    color: inherit;
    will-change: color;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.contacts__content-item a:hover {
    color: var(--primary)
}

.contacts__socials {
    gap: 10px
}

.contacts__socials li {
    list-style-type: none
}

.contacts__socials li a {
    background-color: var(--social-hover);
    color: var(--white);
    padding: 0 15px;
    height: var(--height-sm);
    border-radius: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    will-change: opacity;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.contacts__socials li a:hover {
    opacity: .7
}

.contacts__socials li a img {
    -webkit-filter: var(--invert);
    filter: var(--invert)
}

.contacts__socials li a span {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.2;
    font-family: var(--font-family-second);
    font-size: 12px;
    min-width: 105px;
    text-align: center
}

.contacts__map {
    position: relative;
    border-radius: 40px
}

.contacts__map .js-ymap {
    position: absolute;
    inset: 0;
    z-index: 4;
    background-color: var(--color-bg-gray);
    height: 100%;
    width: 100%;
    border-radius: inherit;
    overflow: hidden
}

.contacts__map .js-ymap .ymap_content_title {
    font-family: var(--font-family-second);
    font-size: 12px;
    font-weight: 500;
    max-width: 157px;
    text-overflow: ellipsis;
    line-clamp: 1;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 7px;
    position: absolute;
    left: 100%;
    margin-left: 48px;
    top: 10px;
    padding: 5px
}

.contacts__map .js-ymap [class*=ymaps-2][class*=-copyrights-promo] {
    display: none
}

.contacts__map .js-ymap [class*=ymaps-2][class*=-copyright__content] {
    display: none
}

.contacts__map .js-ymap [class*=ymaps-2][class*=-balloon__content] {
    font-family: var(--font-family)
}

.contacts__map .js-ymap [class*=ymaps-2][class*=-balloon__content] a {
    font-size: 1.2em;
    text-decoration: underline;
    text-underline-offset: 3px
}

.hero-ab {
    padding-bottom: 30px
}

.hero-ab__group {
    position: relative;
    color: var(--white);
    padding-bottom: var(--main-section-paddings)
}

.hero-ab #breadcrumbs {
    opacity: .4;
    padding-top: 18px;
    color: var(--white)
}

.hero-ab__title {
    margin-top: 40px;
    max-width: 50%
}

.hero-ab__title.content-field>* {
    color: inherit
}

.hero-ab__nums {
    margin-top: 55px;
    gap: 55px
}

.hero-ab__nums-item-num {
    color: inherit;
    margin-bottom: 0
}

.hero-ab__nums-item-num p {
    margin-bottom: 0
}

.hero-ab__img {
    position: absolute;
    inset: 0;
    z-index: -3
}

.hero-ab__img:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    background: linear-gradient(268deg, rgba(42, 57, 83, 0) 32.49%, rgba(42, 57, 83, .8) 57.39%)
}

.hero-ab__img img {
    z-index: -4
}

.spost__grid {
    display: grid;
    grid-template-columns: 902px 1fr;
    gap: 124px;
    --img-pt: 40%
}

.spost__content {
    max-width: 902px;
    background-color: var(--white);
    border-radius: var(--br-main);
    padding: var(--p-main)
}

.spost__content:only-child {
    margin-right: auto;
    margin-left: auto;
    grid-column-end: span 2
}

.spost__desc {
    font-size: 12px;
    color: #93999f
}

.spost__flexible {
    --layout-py: 30px
}

.spost__flexible .flexible-content-post-item__imgs-item {
    padding-top: 40%;
    border-radius: 0
}

.spost__flexible .flexible-content-post-item-text:last-child {
    padding-bottom: var(--layout-py);
    margin-bottom: var(--layout-py);
    border-bottom: 1px solid var(--color-border)
}

.spost__text {
    margin: calc(var(--py-main) * .9) 0
}

.spost__text h2:not(:first-child),
.spost__text h3:not(:first-child),
.spost__text h4:not(:first-child),
.spost__text h5:not(:first-child),
.spost__text h6:not(:first-child) {
    margin-top: 2em
}

.spost__text h4 {
    line-height: 1.4;
    letter-spacing: -.02em;
    font-size: 24px
}

.spost__text p {
    font-size: 20px
}

.spost__share {
    gap: 18px;
    margin-top: 36px
}

.spost__share-item {
    border-radius: 50%;
    background-color: var(--black);
    padding: 7px
}

.spost__share-item:hover {
    opacity: .7
}

.spost__share-item svg {
    display: block
}

.spost__sidebar {
    align-self: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px
}

.spost__img {
    margin: calc(var(--px-main) * -1);
    position: relative
}

.spost__img-wrap {
    position: relative;
    padding-top: var(--img-pt);
    background-color: var(--color-bg-gray);
    overflow: hidden
}

.spost__img:first-child {
    margin-bottom: 30px
}

.spost__img:not(:first-child) {
    margin-top: calc(var(--py-main) * .9);
    margin-bottom: calc(var(--py-main) * .9)
}

.spost__item {
    position: relative;
    padding-top: var(--img-pt)
}

.spost__item img {
    z-index: 3
}

.spost__slider {
    overflow: hidden
}

.spost__imgs {
    position: relative
}

.spost__imgs-wrap {
    position: relative
}

.spost__imgs .swiper-next-custom,
.spost__imgs .swiper-prev-custom {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 10;
    cursor: pointer
}

.spost__imgs .swiper-next-custom:hover svg rect,
.spost__imgs .swiper-prev-custom:hover svg rect {
    fill: var(--black);
    stroke: var(--black)
}

.spost__imgs .swiper-next-custom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    margin-left: 10px
}

.spost__imgs .swiper-prev-custom {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.kak-zakazat__heading {
    margin-bottom: 40px
}

.kak-zakazat__flex {
    max-width: 908px
}

.kak-zakazat__item {
    --count-size: 68px;
    gap: 35px
}

.kak-zakazat__item:last-child .kak-zakazat__item-count:after {
    content: none
}

.kak-zakazat__item-count {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.kak-zakazat__item-count-wrap {
    background-color: var(--color-bg-gray);
    border-radius: 50%;
    height: var(--count-size);
    width: var(--count-size);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .04em
}

.kak-zakazat__item-count:after {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #e7ecf0;
    width: 1px
}

.kak-zakazat__item-icon img {
    --i-size: 70px;
    min-width: var(--i-size);
    height: var(--i-size);
    width: var(--i-size)
}

.kak-zakazat__item-content {
    padding-bottom: 36px;
    margin-bottom: 36px;
    border-bottom: 1px solid #e7ecf0
}

.kak-zakazat__item-btns {
    gap: 15px;
    margin-top: 27px
}

.kak-zakazat__item-btns-right {
    gap: 10px
}

.kak-zakazat__item-text>:last-child {
    margin-bottom: 0
}

.kak-zakazat__item-text h3 {
    margin-bottom: 1em;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 1
}

.kak-zakazat__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-right: 10px
}

.kak-zakazat__social li a {
    width: 48px;
    height: 48px;
    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;
    border-radius: 50%;
    background-color: var(--color-bg-gray)
}

.kak-zakazat__social li a .icon {
    font-size: 16px;
    color: var(--secondary)
}

.kak-zakazat__social a {
    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;
    border-radius: 50%;
    width: var(--height-sm);
    height: var(--height-sm);
    background-color: #fff
}

.kak-zakazat__social a:hover {
    background-color: var(--social-hover, "#fff")
}

.kak-zakazat__social a:hover img {
    -webkit-filter: var(--invert, "none");
    filter: var(--invert, "none")
}

.kak-zakazat__connection span {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    color: var(--secondary)
}

.kak-zakazat__connection span a {
    color: inherit
}

.kak-zakazat__connection p {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary)
}

.kak-zakazat__connection p a {
    color: inherit
}

.payment__headings {
    margin-bottom: 40px;
    gap: 30px
}

.payment__headings>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.payment__docs {
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.payment__flex {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.payment__item {
    background-color: var(--color-bg-gray);
    border-radius: var(--border-radius-sm);
    padding: 26px 30px
}

.payment__item-heading {
    margin-bottom: 38px
}

.payment__item-heading h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 110%;
    color: var(--black)
}

.payment__item-bottom {
    gap: 20px
}

.payment__item-text p {
    color: #9aa4a9;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4
}

.payment__item-icon img {
    min-width: 58px;
    width: 58px;
    height: 58px
}

.obmen__heading {
    margin-bottom: 40px
}

.obmen__flex {
    gap: 40px
}

.obmen__item {
    padding: 30px;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--color-border);
    gap: 35px
}

.obmen__item-icon img {
    --icon-s: 70px;
    min-width: var(--icon-s);
    width: var(--icon-s);
    height: var(--icon-s)
}

.obmen__item-text a {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    color: inherit
}

.obmen__item-text a:hover {
    color: var(--primary)
}

.obmen__item-text ol,
.obmen__item-text ul {
    margin-left: 2em
}

.obmen__item-text li,
.obmen__item-text p {
    margin-bottom: .6em
}

.obmen__item-text li:last-child,
.obmen__item-text p:last-child {
    margin-bottom: 0
}

.obmen__item-text h3 {
    font-size: 24px
}

.obmen__item-blocks {
    margin-top: 26px
}

.obmen__item-blocks-item {
    border-radius: 14px;
    padding: 21px 30px
}

.obmen__item-blocks-item:nth-child(odd) {
    background-color: var(--color-bg-gray)
}

.obmen__item-blocks-item h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4
}

.obmen__item-blocks-item h5:not(:last-child) {
    margin-bottom: .6em
}

.footer__subscribe {
    background-color: var(--primary);
    padding: 32px 0
}

.subscribe__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subscribe__title {
    color: #fff
}

.subscribe__title>* {
    color: #fff
}

.subscribe__title h3 {
    letter-spacing: -.02em;
    font-size: 32px;
    font-weight: 500;
    line-height: 1
}

.subscribe__image {
    margin-top: -50px;
    margin-bottom: -32px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.subscribe__image img {
    width: 210px
}

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

.subscribe__input {
    position: relative
}

.subscribe__input input {
    border-radius: 100px;
    height: var(--height-md);
    padding: 0 33px;
    border: 1px solid #fff;
    background-color: transparent;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    width: 300px
}

.subscribe__input input.form--error {
    border-color: var(--red)
}

.subscribe__input input::-webkit-input-placeholder {
    color: #7af4ff
}

.subscribe__input input::-moz-placeholder {
    color: #7af4ff
}

.subscribe__input input:-ms-input-placeholder {
    color: #7af4ff
}

.subscribe__input input::-ms-input-placeholder {
    color: #7af4ff
}

.subscribe__input input::placeholder {
    color: #7af4ff
}

.subscribe__input input:focus::-webkit-input-placeholder,
.subscribe__input input:hover::-webkit-input-placeholder {
    color: #fff
}

.subscribe__input input:focus::-moz-placeholder,
.subscribe__input input:hover::-moz-placeholder {
    color: #fff
}

.subscribe__input input:focus:-ms-input-placeholder,
.subscribe__input input:hover:-ms-input-placeholder {
    color: #fff
}

.subscribe__input input:focus::-ms-input-placeholder,
.subscribe__input input:hover::-ms-input-placeholder {
    color: #fff
}

.subscribe__input input:focus::placeholder,
.subscribe__input input:hover::placeholder {
    color: #fff
}

.subscribe__input input:not(:-moz-placeholder-shown)+svg {
    display: none
}

.subscribe__input input:not(:-ms-input-placeholder)+svg {
    display: none
}

.subscribe__input input:not(:placeholder-shown)+svg {
    display: none
}

.subscribe__input svg {
    position: absolute;
    top: 50%;
    right: 20px;
    pointer-events: none;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.subscribe__btn {
    background-color: #fff;
    color: var(--secondary)
}

.subscribe__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px
}

.subscribe__checkbox input {
    width: 0;
    height: 0;
    font-size: 0;
    opacity: 0;
    position: absolute
}

.subscribe__checkbox input:checked+span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 15.75C12.7279 15.75 15.75 12.7279 15.75 9C15.75 5.27208 12.7279 2.25 9 2.25C5.27208 2.25 2.25 5.27208 2.25 9C2.25 12.7279 5.27208 15.75 9 15.75Z' fill='white' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0938 7.3125L7.96873 11.25L5.90625 9.28125' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    background-color: #fff
}

.subscribe__checkbox span {
    font-size: 10px;
    font-weight: 500;
    color: #66e0ff;
    line-height: 120%;
    position: relative
}

.subscribe__checkbox span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% + 10px);
    background: #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px
}

.subscribe__checkbox span a {
    color: #66e0ff;
    text-decoration: underline
}

.footer__content {
    background-color: var(--color-bg-gray);
    padding: 0px 0 28px
}

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

.footer__row._middle {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.4fr;
    grid-gap: 96px;
    padding: 54px 0 70px
}

.footer__row._bottom {
    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: 15px 24px
}

.footer__search {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.footer__search button {
    background-color: #fff;
    will-change: background-color, outline;
    -webkit-transition: background-color .2s ease, outline .2s ease;
    transition: background-color .2s ease, outline .2s ease;
    border-radius: 50%;
    outline: 7px solid transparent
}

.footer__search button span {
    color: var(--black)
}

.footer__search button:hover {
    outline-color: var(--color-bg-gray);
    background-color: var(--color-bg-gray)
}

.footer__search input {
    border: 1px solid #fff;
    background-color: #fff
}

.footer__search input:focus,
.footer__search input:hover {
    border-color: #e7ecf0
}

.footer__btn._map {
    font-size: 10px;
    letter-spacing: .5px;
    height: 38px;
    padding: 0 20px;
    margin-top: 10px
}

.footer__title {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 22px
}

.footer__links li:not(:last-child) {
    margin-bottom: 14px
}

.footer__links li a {
    font-size: 12px;
    color: var(--secondary)
}

.footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px
}

.footer__info .icon-direct,
.footer__info .icon-whatsapp {
    position: absolute;
    top: -4px;
    right: calc(100% + 14px);
    font-size: 16px;
    font-weight: 400;
    width: 40px;
    height: 40px;
    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;
    background-color: #fff;
    border-radius: 50%
}

.footer__info .icon-direct {
    color: var(--secondary);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--secondary)
}

.footer__connection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    position: relative
}

.footer__connection h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2
}

.footer__connection h4 a {
    color: var(--secondary)
}

.footer__connection p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.2;
    color: var(--gray)
}

.footer__connection p a {
    color: var(--primary)
}

.footer__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    position: relative
}

.footer__address h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    color: var(--secondary)
}

.footer__address p {
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    color: var(--gray)
}

.footer__address-metro {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family-second);
    font-size: 12px;
    font-weight: 500;
    line-height: 120%
}

.footer__address-metro .icon {
    font-size: 14px;
    margin-right: 6px
}

.footer__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    font-size: 10px;
    color: #b7c0c5
}

.footer__text img {
    height: 12px
}

.footer__text a {
    color: #b7c0c5
}

.el-form {
    --el-form-border: #eee;
    --el-form-color: var(--color-black);
    --el-form-placeholder: var(--color-black);
    --el-form-policy: #adbbc9;
    --el-form-br: 10px
}

.el-form-flex {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.el-form-label {
    position: relative;
    display: block
}

.el-form-label-wrap {
    position: relative;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    border: 1px solid var(--el-form-border);
    padding: 10px 14px;
    background-color: var(--color-white);
    height: 100%;
    border-radius: 12px
}

.el-form-label-wrap-select::after {
    content: "";
    pointer-events: none;
    height: 24px;
    width: 24px;
    right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9201 8.9502L13.4001 15.4702C12.6301 16.2402 11.3701 16.2402 10.6001 15.4702L4.08008 8.9502' stroke='%2334aef3' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.el-form-label.label--error .el-form-label-wrap {
    border-color: var(--red)
}

.el-form-span {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 12px
}

.el-form-input {
    background-color: transparent;
    max-width: 100%;
    width: 100%;
    font-size: inherit;
    font-weight: 400;
    color: var(--el-form-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    display: block;
    height: 100%;
    border: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 0
}

.el-form-input-transparent {
    background-color: transparent
}

.el-form-input.el-form-input-date::-webkit-calendar-picker-indicator {
    color: transparent;
    opacity: 0
}

.el-form-input::-webkit-input-placeholder {
    opacity: 1;
    color: #aeaeae;
    font-weight: 400
}

.el-form-input::-moz-placeholder {
    opacity: 1;
    color: #aeaeae;
    font-weight: 400
}

.el-form-input:-ms-input-placeholder {
    opacity: 1;
    color: #aeaeae;
    font-weight: 400
}

.el-form-input::-ms-input-placeholder {
    opacity: 1;
    color: #aeaeae;
    font-weight: 400
}

.el-form-input::placeholder {
    opacity: 1;
    color: #aeaeae;
    font-weight: 400
}

.el-form-input.form--error {
    border-color: var(--red)
}

.el-form-input-file {
    max-height: 0;
    max-width: 0;
    visibility: visible;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none
}

.el-form-input-file:focus~.el-form-file-area {
    border-color: var(--el-form-placeholder)
}

.el-form-h3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1;
    color: var(--primary);
    margin-bottom: 13px;
    margin-top: 28px
}

.el-form-select {
    height: 100%;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit
}

.el-form-select optgroup {
    color: var(--el-form-color)
}

.el-form-select option {
    padding: 0;
    color: var(--el-form-color)
}

.el-form-select option:checked {
    color: var(--primary)
}

.el-form-select.placeholder-shown {
    color: #aeaeae
}

.el-form-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.el-form-btns button {
    margin-right: 10px
}

.el-form-btns>* {
    margin-bottom: 10px
}

.el-form-policy {
    color: #c3c3c3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.el-form-policy svg {
    min-width: 16px;
    width: 16px;
    height: 16px;
    margin-right: 9px
}

.el-form-policy-wrap {
    margin-top: 10px
}

.el-form-policy.label--error .el-form-policy-span:before {
    color: var(--red)
}

.el-form-policy p:last-child {
    margin-bottom: 0
}

.el-form-policy input {
    visibility: hidden;
    height: 0;
    width: 0;
    display: block
}

.el-form-policy input:checked+.el-form-policy-span:before {
    content: ""
}

.el-form-policy-span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 12px;
    height: 100%
}

.el-form-policy-span p {
    margin-bottom: 0
}

.el-form-policy a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px
}

.el-form-policy a:hover {
    color: var(--primary)
}

.el-form-policy-wrap {
    width: 100%
}

.el-form-simple .el-form-flex {
    grid-template-columns: repeat(2, 1fr)
}

.el-form-simple .el-form-label-wrap {
    padding: 0;
    border-radius: 34px
}

.el-form-simple .el-form-label-wrap-name:after,
.el-form-simple .el-form-label-wrap-tel:after {
    content: "";
    display: block;
    height: 18px;
    width: 18px;
    pointer-events: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 30px
}

.el-form-simple .el-form-label-wrap-tel:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4775 13.7475C16.4775 14.0175 16.4175 14.295 16.29 14.565C16.1625 14.835 15.9975 15.09 15.78 15.33C15.4125 15.735 15.0075 16.0275 14.55 16.215C14.1 16.4025 13.6125 16.5 13.0875 16.5C12.3225 16.5 11.505 16.32 10.6425 15.9525C9.78 15.585 8.9175 15.09 8.0625 14.4675C7.2 13.8375 6.3825 13.14 5.6025 12.3675C4.83 11.5875 4.1325 10.77 3.51 9.915C2.895 9.06 2.4 8.205 2.04 7.3575C1.68 6.5025 1.5 5.685 1.5 4.905C1.5 4.395 1.59 3.9075 1.77 3.4575C1.95 3 2.235 2.58 2.6325 2.205C3.1125 1.7325 3.6375 1.5 4.1925 1.5C4.4025 1.5 4.6125 1.545 4.8 1.635C4.995 1.725 5.1675 1.86 5.3025 2.055L7.0425 4.5075C7.1775 4.695 7.275 4.8675 7.3425 5.0325C7.41 5.19 7.4475 5.3475 7.4475 5.49C7.4475 5.67 7.395 5.85 7.29 6.0225C7.1925 6.195 7.05 6.375 6.87 6.555L6.3 7.1475C6.2175 7.23 6.18 7.3275 6.18 7.4475C6.18 7.5075 6.1875 7.56 6.2025 7.62C6.225 7.68 6.2475 7.725 6.2625 7.77C6.3975 8.0175 6.63 8.34 6.96 8.73C7.2975 9.12 7.6575 9.5175 8.0475 9.915C8.4525 10.3125 8.8425 10.68 9.24 11.0175C9.63 11.3475 9.9525 11.5725 10.2075 11.7075C10.245 11.7225 10.29 11.745 10.3425 11.7675C10.4025 11.79 10.4625 11.7975 10.53 11.7975C10.6575 11.7975 10.755 11.7525 10.8375 11.67L11.4075 11.1075C11.595 10.92 11.775 10.7775 11.9475 10.6875C12.12 10.5825 12.2925 10.53 12.48 10.53C12.6225 10.53 12.7725 10.56 12.9375 10.6275C13.1025 10.695 13.275 10.7925 13.4625 10.92L15.945 12.6825C16.14 12.8175 16.275 12.975 16.3575 13.1625C16.4325 13.35 16.4775 13.5375 16.4775 13.7475Z' stroke='%231D2432' stroke-miterlimit='10'/%3E%3C/svg%3E%0A")
}

.el-form-simple .el-form-input {
    height: 58px;
    padding: 0 30px;
    font-size: 12px;
    font-weight: 500;
    font-family: var(--font-family-second);
    border-radius: 34px
}

.el-form-simple .el-form-input::-webkit-input-placeholder {
    color: var(--black);
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .04em
}

.el-form-simple .el-form-input::-moz-placeholder {
    color: var(--black);
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .04em
}

.el-form-simple .el-form-input:-ms-input-placeholder {
    color: var(--black);
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .04em
}

.el-form-simple .el-form-input::-ms-input-placeholder {
    color: var(--black);
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .04em
}

.el-form-simple .el-form-input::placeholder {
    color: var(--black);
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .04em
}

.el-form-button.el-form-wrap:is(div) {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.el-form-button button {
    font-weight: 500
}

.el-form-button button.loading-button {
    pointer-events: none;
    opacity: .6
}

.el-form-response:not(:empty) {
    margin-top: 15px;
    color: var(--el-form-color);
    border-radius: var(--border-sm);
    padding: 9px 15px;
    font-weight: 500;
    border: 1px solid var(--red)
}

.el-form-file .el-form-span {
    font-weight: 600;
    color: var(--el-form-color);
    margin-bottom: 15px
}

.el-form-file.dragover .el-form-file-area {
    border-color: var(--primary);
    color: var(--primary)
}

.el-form-file-area {
    width: 100%;
    border: 1px solid rgba(235, 236, 236, .1254901961);
    border-radius: 32px;
    cursor: pointer;
    min-height: 64px;
    padding: 10px 22px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 10px;
    border: 2px dashed #e7ecf0
}

.el-form-file-area:hover {
    border-color: var(--primary)
}

.el-form-file-area-content {
    line-height: 1.2
}

.el-form-file-area-icon {
    margin-right: 13px
}

.el-form-file-area-icon svg {
    display: block;
    height: 34px;
    width: 34px;
    min-width: 34px
}

.el-form-file-area-title {
    color: var(--color-white);
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.el-form-file-area-subtitle {
    color: #bcc6cb;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4
}

.el-form-files {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.el-form-files-item {
    background-color: var(--color-bg-gray);
    max-width: 100%;
    padding: 8px;
    border-radius: 10px
}

.el-form-files-item-icon {
    margin-right: 12px
}

.el-form-files-item-icon svg {
    display: block;
    height: 18px;
    min-width: 18px;
    width: 18px
}

.el-form-files-item-name {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-overflow: ellipsis
}

.el-form-files-item-size {
    color: var(--el-form-placeholder);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 2px;
    margin-right: 6px;
    white-space: nowrap
}

.el-form-files-item-remove {
    cursor: pointer
}

.el-form-files-item-remove:hover svg path {
    stroke: var(--red)
}

.el-form-files-item-remove svg {
    display: block;
    height: 18px;
    min-width: 18px;
    width: 18px
}

@-webkit-keyframes inputReqHide {
    to {
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }
}

@keyframes inputReqHide {
    to {
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }
}

.modal-form.fancybox-content {
    max-width: 940px;
    width: 95%;
    margin: 25px 0;
    background-color: var(--white);
    padding: 20px 15px;
    border-radius: 20px
}

.modal-form .modal-form__content:before {
    content: "";
    display: block;
    float: right;
    width: 35px;
    height: 35px
}

.modal-form .modal-form__content:after {
    content: "";
    clear: both;
    display: block
}

.modal-form .modal-form__heading {
    font-size: 34px;
    line-height: 110%;
    margin-bottom: 15px
}

.modal-form .modal-form__heading p {
    font-size: 34px;
    line-height: 110%
}

.modal-form .modal-form__heading strong {
    font-weight: 700
}

.modal-form .modal-form__subheading {
    margin-bottom: 30px
}

.modal-form .modal-form__subheading p {
    font-size: 14px;
    line-height: 120%
}

.modal-form .modal-form__subheading p:last-child {
    margin-bottom: 0
}

.modal-form .el-form --el-form- .el-form-flex-auto .el-form-policy-wrap {
    width: 100%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.fancybox-close[data-fancybox-close] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20;
    font-size: 25px;
    border-radius: 4px
}

.fancybox-close[data-fancybox-close]:hover svg rect {
    fill: #ddd
}

.fancybox-close[data-fancybox-close] svg rect {
    fill: #f1f1f1
}

.to-top-fixed {
    opacity: 0;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 50;
    padding: 10px 15px;
    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;
    cursor: pointer;
    visibility: hidden;
    -webkit-transition: var(--trsn);
    transition: var(--trsn);
    height: 46px;
    width: 46px;
    font-size: 24px;
    color: var(--color-white)
}

.to-top-fixed:hover:after {
    opacity: 1
}

.to-top-fixed svg {
    position: absolute
}

.to-top-fixed svg path {
    -webkit-transition: var(--trsn);
    transition: var(--trsn)
}

.to-top-fixed.fixed {
    opacity: 1;
    visibility: visible
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }

    .g-posts__item-sm>* {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .modal-form.fancybox-content {
        padding: 25px 35px;
        border-radius: 30px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }

    .modal-form .el-form --el-form- .el-form-flex-auto>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

@media (min-width:991px) {
    .g-breadcrumbs__list li a:hover {
        text-decoration: underline
    }
}

@media (min-width:998px) {

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

    .hide-up-lg {
        display: none !important
    }

    .pthanks__content {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .flexible-content-post-item__text li,
    .flexible-content-post-item__text p {
        font-size: 18px
    }

    .header.fixed .header__row {
        height: 100%
    }

    .header.fixed .header__row._bottom,
    .header.fixed .header__row._top {
        display: none
    }

    .header.fixed .header__row .container {
        height: 100%
    }

    .header.fixed .header__row .header__inner {
        height: 100%;
        padding-bottom: 0
    }

    .header.fixed .header__row .header__logo {
        height: 100%
    }

    .header.fixed .header__row .header__logo img {
        height: 100%;
        padding-top: 10px
    }

    .header__row>.container>.header__menu {
        height: 100%
    }

    .header__row._top {
        height: calc(var(--header) * .253)
    }

    .header__row._middle {
        height: calc(var(--header) * .393)
    }

    .header__row._bottom {
        height: calc(var(--header) * .35)
    }

    .header__menu-mob-close {
        display: none
    }

    .header__menu-list~* {
        display: none
    }

    .header__submenu:hover .header__submenu-list {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .header__submenu-link {
        -webkit-transition: linear .2s;
        transition: linear .2s
    }

    .header__submenu-link:hover {
        background-color: var(--primary);
        color: #fff
    }

    .header__catalog-nav li:first-child a {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px
    }

    .header__catalog-nav li:last-child a {
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px
    }

    .g-catalog__item:hover .link_to_edit,
    .g-catalog__item:hover .link_to_quick_edit {
        visibility: visible
    }

    .g-catalog__item:hover .g-catalog__item-image img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .g-posts__item:hover .link_to_edit {
        visibility: visible;
        pointer-events: all
    }

    .g-posts__item-big:nth-child(4n+3),
    .g-posts__item-big:nth-child(4n+4) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .g-posts__item-sm .g-posts__item-title {
        font-size: 24px
    }

    .m-intro__bg-img-mob {
        display: none
    }

    .prod-types__item:hover .link_to_edit {
        pointer-events: all;
        visibility: visible
    }

    .prod-payment__item-heading {
        max-width: 209px
    }

    .bcont__row:not(.fdr-rev) .swiper-button-next,
    .bcont__row:not(.fdr-rev) .swiper-button-prev {
        left: auto;
        right: 40px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 0
    }

    .bcont__row:not(.fdr-rev) .swiper-button-prev {
        -webkit-transform: translateX(calc(-100% - 10px));
        -ms-transform: translateX(calc(-100% - 10px));
        transform: translateX(calc(-100% - 10px))
    }

    .bcont__imgs-wrap {
        position: sticky;
        top: calc(var(--header-fixed) + 40px)
    }

    .bcont__imgs {
        width: 50%;
        min-width: 50%
    }

    .sales__item-content {
        max-width: 50%
    }

    .requirements__item-title {
        min-height: 0
    }

    .payment__item-heading {
        max-width: 209px
    }

    .obmen__heading p {
        font-size: 16px
    }

    .obmen__item-text li,
    .obmen__item-text p {
        font-size: 16px
    }

    .el-form-grid-2 {
        grid-column-end: span 2
    }

    .el-form-grid-3 {
        grid-column-end: span 3
    }

    .el-form-grid-4 {
        grid-column-end: span 4
    }

    .el-form-select {
        max-width: 225px
    }

    .modal-form.fancybox-content {
        border-radius: 40px;
        padding: 45px 35px
    }
}

@media (min-width:1324px) {

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

    .el-form-select {
        max-width: 300px
    }
}

@media (max-width:1440px) {
    .m-intro .swiper-button-prev {
        -webkit-transform: translate(0, -15px);
        -ms-transform: translate(0, -15px);
        transform: translate(0, -15px);
        left: 10px
    }

    .m-intro .swiper-button-next {
        -webkit-transform: translate(0, -15px);
        -ms-transform: translate(0, -15px);
        transform: translate(0, -15px);
        right: 10px
    }
}

@media (max-width:1400px) {
    .swiper-button-prev {
        right: auto;
        left: 0
    }

    .swiper-button-next {
        left: auto;
        right: 0
    }

    .g-partners__list {
        padding: 0 30px
    }

    .g-works__filter li a {
        padding-right: 20px;
        padding-left: 20px
    }

    .g-posts__filter li a {
        padding-right: 20px;
        padding-left: 20px
    }

    .m-about__card {
        grid-template-columns: 1fr 1.4fr 1.8fr
    }

    .m-about__card-item span {
        font-size: 60px
    }

    .m-about__card-item p {
        font-size: 20px
    }

    .prod-others__list {
        padding: 0 30px
    }
}

@media (max-width:1323.98px) {
    :root {
        --main-section-paddings: 40px;
        --header-fixed: 70px;
        --header: 180px
    }

    .loadmore-slice {
        margin-top: 30px
    }

    .pthanks__flex {
        gap: 50px
    }

    .p404__flex {
        gap: 50px
    }

    .content-field .h2,
    .content-field h2 {
        font-size: 30px
    }

    .content-field .h4,
    .content-field h4 {
        font-size: 18px
    }

    .bsearch__list>.g-catalog__item {
        --search-item-width: calc(20% - var(--gutter))
    }

    .header__text {
        max-width: 200px
    }

    .header__logo img {
        height: 109px
    }

    .header__btn._catalog {
        font-size: 10px;
        padding: 0 18px
    }

    .header__btn._catalog .icon {
        font-size: 14px
    }

    .header__btn._send {
        font-size: 10px;
        padding: 0 15px
    }

    .header__social {
        --soc-s: 16px
    }

    .header__social-link {
        height: 36px;
        width: 36px
    }

    .header__phone p {
        font-size: 12px
    }

    .header__phone span {
        font-size: 15px
    }

    .header__menu-list {
        gap: 5px 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__menu-link {
        font-size: 10px
    }

    .header__products {
        margin-right: 0
    }

    .g-advant__list {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .g-advant__item {
        padding: 20px 10px
    }

    .g-category__item-content {
        width: 65%
    }

    .g-works__list {
        padding: 0 30px
    }

    .g-works__list-list {
        padding: 0
    }

    .g-about__title {
        margin-bottom: 10px
    }

    .g-about__btn {
        margin-top: 0
    }

    .g-about__item {
        padding: 20px
    }

    .g-about__item-number {
        font-size: 42px
    }

    .g-about__card {
        grid-template-columns: 1fr 1.4fr 1.8fr
    }

    .g-about__card-item span {
        font-size: 60px
    }

    .g-about__card-item p {
        font-size: 20px
    }

    .g-posts__item-title {
        font-size: 20px
    }

    .m-intro__info-subtitle {
        font-size: 22px
    }

    .prod-vid__item-img {
        margin-bottom: 20px
    }

    .prod-vid__item-title {
        margin-bottom: 20px
    }

    .prod-payment__tabs {
        margin-bottom: 30px
    }

    .prod-payment__item {
        padding: 20px 25px
    }

    .prod-payment__item-heading {
        margin-bottom: 30px
    }

    .prod-payment__item-heading h3 {
        font-size: 20px
    }

    .swork-hero__grid {
        gap: 50px
    }

    .swork-hero__slider .swiper-slide:only-child>* {
        height: 300px
    }

    .swork-hero__review-content {
        padding: 40px
    }

    .swork-hero__review-heading {
        font-size: 22px
    }

    .cont-form__grid {
        gap: 32px
    }

    .cont-form__right {
        padding: 40px
    }

    .cont-form__right-img {
        right: 40px
    }

    .cont-form__form .el-form-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .requirements__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .requirements__item {
        padding: 16px 26px
    }

    .reqs-content__grid {
        gap: 70px
    }

    .reqs-content__list {
        gap: 20px
    }

    .reqs-content__preview {
        margin-bottom: 30px
    }

    .reqs-content__flexible {
        --layout-py: 25px
    }

    .contacts__grid {
        gap: 50px
    }

    .contacts__content {
        padding: 40px;
        padding-right: 0
    }

    .contacts__content-top {
        gap: 20px
    }

    .contacts__content-bottom {
        margin-top: 30px
    }

    .contacts__content-center {
        margin-top: 30px
    }

    .contacts__content-item h3 {
        font-size: 22px
    }

    .hero-ab__nums {
        gap: 35px;
        margin-top: 40px
    }

    .spost__grid {
        gap: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .spost__flexible {
        --layout-py: 25px
    }

    .spost__text h4 {
        font-size: 22px
    }

    .spost__text p {
        font-size: 18px
    }

    .spost__sidebar {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 10px
    }

    .kak-zakazat__item-icon img {
        --i-size: 60px
    }

    .kak-zakazat__item-btns {
        margin-top: 20px
    }

    .kak-zakazat__item-text h3 {
        font-size: 22px
    }

    .kak-zakazat__social a {
        height: 36px;
        width: 36px
    }

    .payment__item {
        padding: 20px 25px
    }

    .payment__item-heading {
        margin-bottom: 30px
    }

    .payment__item-heading h3 {
        font-size: 20px
    }

    .obmen__item-icon img {
        --icon-s: 60px
    }

    .obmen__item-icon img {
        --icon-s: 50px
    }

    .obmen__item-text h3 {
        font-size: 22px
    }

    .footer__row._middle {
        grid-gap: 55px
    }

    .modal-form .modal-form__heading {
        font-size: 30px
    }

    .modal-form .modal-form__heading p {
        font-size: 30px
    }
}

@media (max-width:1240px) {
    :root {
        --height-md: 48px
    }

    .h1,
    h1 {
        font-size: 36px
    }

    .h2,
    h2 {
        font-size: 28px
    }

    .h3,
    h3 {
        font-size: 22px
    }

    .content-field .h1,
    .content-field h1,
    .content-field h2 {
        font-size: 36px
    }

    .content-field .h2,
    .content-field h2 {
        font-size: 28px
    }

    .title-md {
        font-size: 28px;
        gap: 10px
    }

    .btn {
        padding: 0 25px
    }

    .filters-format-1 {
        overflow-x: scroll
    }

    .filters-format-1::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .header__row._top .header__inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__row._middle .header__inner {
        gap: 20px 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header__btn._send {
        margin-right: 0
    }

    .header__search {
        margin-right: 0;
        min-width: 200px
    }

    .header__social {
        margin-left: 10px
    }

    .header__menu-link {
        padding: 12px 0
    }

    .header__submenu-list {
        display: none;
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
        border-radius: 0;
        position: static;
        width: 100%;
        margin-left: 0;
        padding-left: 0
    }

    .header__submenu-list._show {
        display: block;
        border-top: 1px solid #e8e8e8
    }

    .header__submenu-link {
        padding-left: 0
    }

    .header__catalog {
        width: 640px;
        grid-gap: 20px
    }

    .header__catalog-nav {
        width: 240px
    }

    .header__catalog-list {
        grid-template-columns: 1fr 1fr
    }

    .header__catalog-list li a .icon {
        right: 10px
    }

    .g-calculate__inner {
        grid-template-columns: 1fr
    }

    .g-calculate__content {
        padding: 40px;
        padding-bottom: 20px
    }

    .g-calculate__btn {
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 12px;
    }

    

    .g-calculate__advant {
        grid-gap: 20px;
        padding: 20px 40px;
        padding-bottom: 40px
    }

    .g-calculate__advant .g-advant__item {
        grid-column: span 1
    }

    .g-catalog__search {
        margin-bottom: 30px
    }

    .g-catalog__list {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .g-category {
        grid-template-columns: 1fr
    }

    .g-partners__slide img {
        max-width: 100px;
        max-height: 35px
    }

    .g-reviews__inner {
        grid-template-columns: 1fr;
        grid-gap: 30px
    }

    .g-reviews__posts {
        gap: 20px
    }

    .g-reviews__partners-list .g-reviews__partners-slide img {
        max-width: 100px;
        max-height: 35px
    }

    .g-works__filter {
        overflow-x: scroll;
        padding-bottom: 4px
    }

    .g-works__filter::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .g-works__item-content .g-works__item-title,
    .g-works__item-content h3 {
        font-size: 14px
    }

    .g-about__info {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    .g-about__item {
        padding: 40px
    }

    .g-about__item-number {
        font-size: 35px;
        margin-bottom: 30px
    }

    .g-about__card {
        grid-template-columns: 1.2fr 1.4fr 1.8fr;
        padding: 40px;
        grid-gap: 30px;
        min-height: 280px
    }

    .g-about__card-item span {
        font-size: 32px
    }

    .g-about__card-item p {
        font-size: 16px
    }

    .g-posts__item-image-wrap {
        padding: 0 0 60% 0
    }

    .g-posts__filter {
        overflow-x: scroll;
        padding-bottom: 4px
    }

    .g-posts__filter::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .m-intro__title {
        max-width: 50%
    }
    .m-intro__title.content-field li, .m-intro__title.content-field p {
        font-size: 1.3rem;

    }
    .m-about__card {
        grid-template-columns: 1.2fr 1.4fr 1.8fr;
        padding: 40px;
        grid-gap: 30px;
        min-height: 280px
    }

    .m-about__card-item span {
        font-size: 32px
    }

    .m-about__card-item p {
        font-size: 16px
    }

    .services__grid {
        grid-template-columns: 1fr
    }

    .services__item-image {
        padding: 0 0 24% 0
    }

    .swork-hero__heading-title {
        font-size: 28px
    }

    .swork-hero__title h3 {
        font-size: 22px
    }

    .sales__item-title {
        font-size: 23px
    }

    .cont-form__right-heading h3 {
        font-size: 20px
    }

    .hero-ab__title {
        max-width: 80%
    }

    .footer__subscribe {
        padding: 25px 0;
        position: relative
    }

    .subscribe__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .subscribe__title h3 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .subscribe__image {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .subscribe__form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 72%
    }

    .subscribe__checkbox {
        width: 100%;
        margin-top: 10px
    }

    .footer__content {
        padding: 0px 0 30px
    }

    .footer__row._middle {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 40px 50px;
        padding: 40px 0 40px
    }

    .footer__col:last-child {
        grid-column: span 2
    }

    .footer__title {
        margin-bottom: 20px
    }

    .footer__info {
        gap: 20px
    }
}

@media (max-width:1062px) {

    .m-intro .swiper-button-next,
    .m-intro .swiper-button-prev {
        display: none
    }
}

@media (max-width:997.98px) {
    :root {
        --main-section-paddings: 30px;
        --header: 60px;
        --header-fixed: 60px
    }

    :root {
        --border-radius-md: 30px;
        --border-radius-sm: 20px
    }

    body.menu-mob-toggled {
        overflow: hidden
    }

    .loadmore-slice {
        margin-top: 20px
    }

    .fancybox-slide--video {
        padding: 15px !important
    }

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

    .pthanks__flex {
        gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pthanks__btn {
        margin-top: 20px
    }

    .p404__flex {
        gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .p404__btn {
        margin-top: 20px
    }

    .content-field .h4,
    .content-field h4 {
        font-size: 16px
    }

    .content-field ol,
    .content-field ul {
        margin-bottom: 1em;
        margin-top: 1em
    }

    .wide {
        margin-left: 0;
        margin-right: 0
    }

    .bsearch__list>.g-catalog__item {
        --search-item-width: calc(50% - var(--gutter))
    }

    .bsearch__list>.prod-types__item {
        --search-item-width: calc(50% - var(--gutter))
    }

    .flexible-content-post-item__imgs .swiper-button-next,
    .flexible-content-post-item__imgs .swiper-button-prev {
        bottom: 20px;
        left: 20px
    }

    .flexible-content-post-item__imgs .swiper-button-next svg,
    .flexible-content-post-item__imgs .swiper-button-prev svg {
        width: auto;
        height: 40px
    }

    .header .header__row {
        height: 100%
    }

    .header .header__row._top {
        display: none
    }

    .header .header__row._bottom {
        height: 0
    }

    .header .header__row .container {
        height: 100%
    }

    .header .header__row .header__inner {
        height: 100%;
        padding-bottom: 0
    }

    .header .header__row .header__inner>.header__social {
        margin-left: 0;
        gap: 4px
    }

    .header .header__row .header__inner>.header__btn:not(._calc) {
        display: none
    }

    .header .header__row .header__inner>.header__btn .btn {
        margin-left: 3px;
        padding: 0 10px;
        height: 32px;
        font-size: 9px
    }

    .header .header__row .header__inner>.header__phone {
        padding-left: 5px
    }

    .header .header__row .header__inner>.header__phone span a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: transparent;
        max-width: 30px;
        width: 30px;
        height: 30px;
        overflow: hidden;
        font-size: 0;
        position: relative;
        border-radius: 50%;
        background-color: var(--white)
    }

    .header .header__row .header__inner>.header__phone span a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block;
        height: 20px;
        width: 20px;
        background: center/contain no-repeat url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5.34916C3.01461 4.52105 3.33809 3.83986 3.92286 3.27179C4.00782 3.18448 4.10965 3.11537 4.22217 3.06866C4.33468 3.02195 4.45552 2.99861 4.57733 3.00006C4.71632 3.00006 4.85657 3.02093 4.99473 3.00716C5.2869 2.97836 5.45386 3.12194 5.55612 3.37029C5.83077 4.02811 6.11459 4.68258 6.37004 5.34791C6.41637 5.46854 6.38924 5.66137 6.31995 5.77365C6.13191 6.06429 5.92617 6.34308 5.70388 6.60844C5.57115 6.7729 5.5603 6.91899 5.66757 7.0993C6.47606 8.45667 7.6001 9.44381 9.07392 10.0261C9.27343 10.105 9.43622 10.0737 9.5727 9.90085C9.81813 9.59115 10.0736 9.28979 10.3132 8.97465C10.4509 8.79225 10.612 8.72422 10.8165 8.81855C11.5261 9.15246 12.2307 9.48638 12.9306 9.83657C13.0041 9.87331 13.0721 9.99769 13.0751 10.0841C13.1034 10.8208 12.8893 11.4377 12.2328 11.8672C11.4155 12.4015 10.5573 12.4482 9.64491 12.1919C7.30459 11.535 5.56656 10.0716 4.17121 8.13986C3.71207 7.50125 3.28884 6.84344 3.11019 6.06374C3.05426 5.83125 3.03506 5.58833 3 5.34916Z' fill='black'/%3E%3C/svg%3E%0A")
    }

    .header .header__row .header__logo {
        height: 100%
    }

    .header .header__inner>.header__products {
        display: none
    }

    .header .header__inner>.header__search {
        display: none
    }

    .header .header__inner>.header__phone>p {
        display: none
    }

    .header .header__row._middle .header__inner {
        padding-bottom: 0;
        padding-top: 0
    }

    .header__row._middle .header__inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__inner>.header__phone {
        padding-left: 10px;
        padding-right: 10px
    }

    .header__inner>.header__social {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header__nav {
        width: 100%
    }

    .header__nav-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0;
        width: 100%
    }

    .header__nav-list li {
        width: 100%
    }

    .header__nav-link {
        font-weight: 700;
        text-transform: uppercase;
        color: var(--secondary);
        padding: 12px 0;
        width: 100%;
        font-size: 12px;
        border-bottom: 1px solid #e8e8e8
    }

    .header__nav-link:hover {
        color: var(--secondary)
    }

    .header__text {
        max-width: 100%;
        margin-left: 0;
        margin-top: 10px;
        font-size: 14px;
        line-height: 130%
    }

    .header__text>p:only-child {
        padding-left: 18px
    }

    .header__logo {
        top: 0;
        position: relative;
        margin-right: auto
    }

    .header__logo img {
        min-width: 70px;
        height: 100%
    }

    .header__btn._catalog .icon {
        font-size: 15px
    }

    .header__search {
        min-width: 100px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% - 45px)
    }

    .header__search input {
        background-color: var(--color-bg-gray)
    }

    .header__social {
        margin-right: 0
    }

    .header__social {
        --soc-s: 14px
    }

    .header__phone {
        width: 100%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

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

    .header__phone span {
        font-size: 18px
    }

    .header__menu-mob-close {
        display: block;
        margin-left: auto;
        -webkit-box-ordinal-group: -110;
        -ms-flex-order: -111;
        order: -111;
        min-height: 32px;
        position: fixed;
        right: 20px;
        top: 20px
    }

    .header__menu-mob-close>* {
        pointer-events: none
    }

    .header__menu-mob-close svg {
        display: block
    }

    .header__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 0;
        position: fixed;
        width: calc(100% - 60px);
        max-width: 320px;
        height: calc(var(--vh, 1vh) * 100);
        background-color: #fff;
        z-index: 999;
        top: 0;
        right: 0;
        padding: 40px 20px;
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        visibility: hidden;
        -webkit-transition: ease .2s;
        transition: ease .2s;
        gap: 20px
    }

    .header__menu::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .header__menu._show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        visibility: visible
    }

    .header__menu {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .header__menu>.header__phone {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .header__menu>.header__phone p {
        font-size: 13px
    }

    .header__menu>.header__phone>span {
        font-size: 16px
    }

    .header__menu>.header__social {
        margin-left: 0
    }

    .header__menu>.header__social li a {
        background-color: var(--color-bg-gray)
    }

    .header__menu>.header__social li a:hover {
        background-color: var(--social-hover, "#fff")
    }

    .header__menu-list {
        gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .header__menu-list li {
        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;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .header__menu-list>li {
        border-bottom: 1px solid #e8e8e8
    }

    .header__submenu:not(:first-child) .icon {
        border-top: 0
    }

    .header__submenu:not(:last-child) .icon {
        border-bottom: 0
    }

    .header__submenu .icon {
        font-size: 18px;
        color: var(--black);
        padding: 10px;
        border: 1px solid #e8e8e8;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: -1px
    }

    .header__menu-link {
        font-size: 12px
    }

    .header__menu-link:hover {
        color: var(--secondary)
    }

    .header__products {
        width: 100%;
        margin-left: 0
    }

    .header__products .header__btn {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .header__products .header__btn>span:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center
    }

    .header__products._active~:not(.header__menu-mob-close) {
        display: none
    }

    .header__catalog {
        position: relative;
        max-height: 0;
        top: 0;
        width: 100%;
        grid-template-columns: 1fr
    }

    .header__catalog:not(._show) {
        padding: 0
    }

    .header__catalog._show {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        margin-top: 10px;
        max-height: 100%;
        border-radius: 0
    }

    .header__catalog-nav {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: auto;
        padding-bottom: 10px;
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        max-width: none
    }

    .header__catalog-nav li:first-child a {
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px
    }

    .header__catalog-nav li:last-child a {
        border-bottom-right-radius: 14px;
        border-top-right-radius: 14px
    }

    .header__catalog-nav li a {
        white-space: nowrap
    }

    .header__catalog-list {
        grid-template-columns: 1fr
    }

    .header__catalog-list li a {
        padding: 10px 12px
    }

    .header__burger {
        margin-left: auto
    }

    .header__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 4px
    }

    .g-advant__title {
        gap: 20px;
        grid-template-columns: 1fr
    }

    .g-advant__list {
        grid-template-columns: repeat(3, 1fr)
    }

    .g-advant__item-icon:after {
        width: 48px;
        height: 24px
    }

    .g-catalog__btn.btn {
        margin-top: 20px
    }

    .g-category__item-title {
        min-height: 40px
    }

    .g-works__slide .link_to_edit {
        pointer-events: all;
        visibility: visible
    }

    .g-works__slider:not(.swiper-initialized) .swiper-wrapper>* {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .g-works__slider.g-works-slider-list .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }

    .g-works__loadmore {
        padding: 10px 14px;
        margin-top: 30px
    }

    .g-about__item-icon:after {
        width: 48px;
        height: 24px
    }

    .g-posts__list {
        gap: 15px 10px
    }

    .g-posts__item-content {
        padding: 15px 20px
    }

    .g-posts__item-title {
        font-size: 20px;
        margin-top: 20px
    }

    .m-intro__bg-img-mob+.m-intro__bg-img {
        display: none
    }

    .m-intro #breadcrumbs {
        opacity: 1
    }

    .m-intro__slide-white #breadcrumbs {
        color: var(--white)
    }

    .m-intro .swiper-button-next,
    .m-intro .swiper-button-prev {
        display: none
    }

    .m-intro__info-subtitle {
        font-size: 18px
    }

    .m-intro__text-profits ul li {
        font-size: 14px;
        padding-right: 12px;
        gap: 8px
    }

    .m-intro__text-profits ul li:before {
        width: 18px;
        height: 18px;
        min-width: 18px
    }

    .prod-types__row {
        grid-template-columns: 1fr
    }

    .prod-types__item .link_to_edit {
        pointer-events: all;
        visibility: visible
    }

    .prod-types__item-content {
        border-radius: 15px
    }

    .prod-types__item-title {
        font-size: 18px
    }

    .prod-price__slide {
        overflow: auto
    }

    .prod-price table td:first-child,
    .prod-price table th:first-child {
        min-width: 130px;
        background-color: #fff;
        position: sticky;
        z-index: 5;
        left: 0
    }

    .prod-price table thead tr th {
        font-size: 12px
    }

    .prod-price table tbody tr td {
        font-size: 14px
    }

    .prod-price table th:first-child span,
    .prod-price table th:last-child span {
        font-size: 12px
    }

    .prod-price table .prod-price-wrap-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px
    }

    .prod-price__qty input {
        font-size: 14px
    }

    .prod-price__qty-btn.btn {
        font-size: 10px;
        width: 100%;
        height: 30px
    }

    .prod-vid__item-img {
        border-radius: 12px;
        margin-bottom: 15px
    }

    .prod-vid__item-content {
        padding: 0
    }

    .prod-vid__item-title {
        margin-bottom: 15px
    }

    .prod-payment__tabs {
        gap: 20px;
        margin-bottom: 20px
    }

    .prod-payment__flex {
        grid-template-columns: repeat(2, 1fr)
    }

    .prod-payment__item {
        padding: 15px 20px
    }

    .prod-payment__item-heading {
        margin-bottom: 20px
    }

    .prod-payment__item-heading h3 {
        font-size: 18px
    }

    .prod-payment__item-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .prod-payment__item-icon img {
        min-width: 40px;
        width: 40px;
        height: 40px
    }

    .bcont {
        --border-radius-bcont-row: 30px;
        --border-radius-bcont: 20px
    }

    .bcont__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bcont__btn {
        margin-top: 20px
    }

    .bcont__imgs {
        max-width: 400px
    }

    .bcont__imgs .swiper-button-next,
    .bcont__imgs .swiper-button-prev {
        bottom: 20px;
        left: 20px
    }

    .bcont__imgs .swiper-button-next svg,
    .bcont__imgs .swiper-button-prev svg {
        width: auto;
        height: 40px
    }

    .bcont__content {
        padding: 20px
    }

    .faq__flex {
        gap: 15px
    }

    .faq__item {
        --faq-py: 10px;
        --faq-px: 15px
    }

    .faq__item-name {
        font-size: 16px
    }

    .swork-hero__grid {
        gap: 20px;
        grid-template-columns: 1fr
    }

    .swork-hero__heading {
        margin-bottom: 16px
    }

    .swork-hero__heading-title {
        font-size: 24px
    }

    .swork-hero__highlight {
        padding: 14px 16px;
        margin-bottom: 20px;
        font-size: 15px;
        border-radius: 12px
    }

    .swork-hero__product {
        padding: 14px 16px;
        border-radius: 12px
    }

    .swork-hero__product-title {
        font-size: 16px
    }

    .swork-hero__btns {
        margin-top: 20px
    }

    .swork-hero__slider .swiper-slide:only-child>* {
        height: 250px
    }

    .swork-hero__review-icon svg {
        width: 60px;
        height: auto
    }

    .swork-hero__review-content {
        padding: 35px
    }

    .swork-hero__review-heading {
        font-size: 20px
    }

    .sales__list {
        grid-template-columns: 1fr
    }

    .sales__item .link_to_edit {
        pointer-events: all;
        visibility: visible
    }

    .sales__item-badges {
        min-height: 45px
    }

    .sales__item-btn {
        margin-top: 15px
    }

    .sales__item-content {
        max-width: 230px;
        border-radius: 15px;
        padding: 10px;
        margin: 7px
    }

    .cont-form__grid {
        gap: 20px;
        grid-template-columns: 1fr
    }

    .cont-form__right {
        padding: 30px
    }

    .cont-form__right-img {
        right: 30px;
        width: 50px
    }

    .requirements__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .requirements__item {
        padding: 15px 20px
    }

    .requirements__item .link_to_edit {
        pointer-events: all;
        visibility: visible
    }

    .requirements__item-title {
        font-size: 22px
    }

    .requirements__item-btn {
        width: 32px;
        height: 32px;
        min-width: 32px
    }

    .reqs-content__grid {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .reqs-content__list {
        gap: 15px
    }

    .reqs-content__preview {
        margin-bottom: 15px
    }

    .reqs-content__flexible {
        --layout-py: 15px
    }

    .contacts__grid {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .contacts__grid {
        border-radius: 35px
    }

    .contacts__content {
        padding: 30px
    }

    .contacts__content-top {
        gap: 15px
    }

    .contacts__content-bottom {
        margin-top: 20px
    }

    .contacts__content-center {
        margin-top: 20px
    }

    .contacts__content-item h3 {
        font-size: 20px
    }

    .contacts__socials li a span {
        font-size: 11px
    }

    .contacts__map {
        border-radius: 25px;
        min-height: 220px
    }

    .hero-ab #breadcrumbs {
        opacity: 1
    }

    .hero-ab__nums {
        gap: 10px 25px;
        margin-top: 30px
    }

    .spost__flexible {
        --layout-py: 15px
    }

    .spost__text h4 {
        font-size: 18px
    }

    .spost__text p {
        font-size: 16px
    }

    .spost__share {
        margin-top: 20px
    }

    .spost__img:first-child {
        margin-bottom: 20px
    }

    .spost__imgs .swiper-next-custom,
    .spost__imgs .swiper-prev-custom {
        bottom: 20px;
        left: 20px
    }

    .spost__imgs .swiper-next-custom svg,
    .spost__imgs .swiper-prev-custom svg {
        width: auto;
        height: 40px
    }

    .kak-zakazat__heading {
        margin-bottom: 20px
    }

    .kak-zakazat__item {
        --count-size: 50px;
        gap: 20px 10px;
        display: grid;
        grid-template-columns: var(--count-size) 1fr
    }

    .kak-zakazat__item-count {
        grid-row: 1/span 2
    }

    .kak-zakazat__item-count-wrap {
        font-size: 18px
    }

    .kak-zakazat__item-icon img {
        --i-size: 50px
    }

    .kak-zakazat__item-content {
        padding-bottom: 26px;
        margin-bottom: 26px
    }

    .kak-zakazat__item-btns {
        margin-top: 15px
    }

    .kak-zakazat__item-btns-right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .kak-zakazat__item-text h3 {
        font-size: 20px
    }

    .payment__headings {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 30px
    }

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

    .payment__flex {
        grid-template-columns: repeat(2, 1fr)
    }

    .payment__item {
        padding: 15px 20px
    }

    .payment__item-heading {
        margin-bottom: 20px
    }

    .payment__item-heading h3 {
        font-size: 18px
    }

    .payment__item-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .payment__item-icon img {
        min-width: 40px;
        width: 40px;
        height: 40px
    }

    .obmen__heading {
        margin-bottom: 20px
    }

    .obmen__flex {
        gap: 20px
    }

    .obmen__item {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px
    }

    .obmen__item-text h3 {
        font-size: 20px
    }

    .obmen__item-blocks {
        margin-top: 15px
    }

    .obmen__item-blocks-item {
        padding: 15px 18px
    }

    .obmen__item-blocks-item h5 {
        font-size: 16px
    }

    .el-form {
        --el-form-h: 60px
    }

    .el-form-flex {
        grid-template-columns: repeat(2, 1fr)
    }

    .el-form-grid-md-2 {
        grid-column-end: span 2
    }

    .el-form-label-wrap {
        border-radius: 8px
    }

    .el-form-label-wrap {
        padding: 6px 10px;
        font-size: 14px
    }

    .el-form-input {
        max-width: calc(var(--vw, 1vw) * 100 - 100px)
    }

    .el-form-h3 {
        font-size: 18px;
        margin-top: 20px
    }

    .el-form-select {
        max-width: calc(var(--vw) * 100 - 100px)
    }

    .el-form-date {
        max-width: calc(var(--vw) * 100 - 100px)
    }

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

    .el-form-simple .el-form-label-wrap-name:after,
    .el-form-simple .el-form-label-wrap-tel:after {
        right: 20px
    }

    .el-form-simple .el-form-input {
        padding: 0 23px;
        height: 50px
    }

    .el-form-file-area {
        padding: 10px 15px;
        min-height: 50px
    }

    .el-form-file-area-content {
        display: block
    }

    .el-form-file-area-icon svg {
        height: 25px;
        width: 25px;
        min-width: 25px
    }

    .el-form-file-area-title {
        font-size: 14px;
        margin-bottom: 10px
    }

    .el-form-files {
        margin-bottom: 20px;
        margin-top: 15px
    }

    .el-form-files-item-icon svg {
        height: 16px;
        min-width: 16px;
        width: 16px
    }

    .el-form-files-item-remove svg {
        height: 16px;
        min-width: 16px;
        width: 16px
    }

    .modal-form .modal-form__heading {
        font-size: 24px
    }

    .modal-form .modal-form__heading p {
        font-size: 24px
    }

    .modal-form .modal-form__subheading {
        margin-bottom: 20px
    }

    .modal-form .modal-form__subheading p {
        font-size: 13px
    }

    .to-top-fixed {
        height: 40px;
        width: 40px;
        bottom: 20px
    }
    
    .m-intro__img .m-intro__img-bg {
        display: none !important;
    }

    .m-intro__title {
        max-width: 100%
    }

    .g-calculate__image {
        display: none
    }
}


@media (max-width:997.98px) and (max-width:490px) {
    .header__inner>.header__btn._send {
        display: none
    }
}

@media (max-width:997.98px) and (max-width:997.98px) {
    .header__inner>.header__phone {
        font-size: 18px;
        white-space: nowrap
    }
}

@media (max-width:997.98px) and (max-width:575.98px) {
    .header__inner>.header__phone {
        font-size: 12px
    }
}

@media (max-width:767.98px) {
    #cookie_notification .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #cookie_notification .btn {
        margin-left: auto;
        height: 40px;
        font-size: 12px
    }

    .flexible-content-post-item__catalog {
        grid-template-columns: repeat(2, 1fr)
    }

    .header__logo img {
        min-height: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .header__social-link {
        width: 30px;
        height: 30px
    }

    .header__phone {
        width: auto
    }

    .g-advant__title {
        gap: 10px
    }

    .g-advant__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .g-works__slider.g-works-slider-list .swiper-wrapper {
        grid-template-columns: 1fr
    }

    .g-works__loadmore {
        font-size: 10px;
        margin-top: 20px;
        padding: 8px
    }

    .g-posts__item-title {
        font-size: 14px;
        margin-top: 10px
    }

    .prod-types__item-title {
        font-size: 16px
    }

    .swork-hero__heading-title {
        font-size: 22px
    }

    .swork-hero__products {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 20px
    }

    .swork-hero__btns {
        margin-top: 15px;
        flex-direction: column;
        align-items: stretch
    }

    .swork-hero__btns .btn {
        width: 100%
    }

    .swork-hero__review-content {
        padding: 20px
    }

    .swork-hero__review-heading {
        font-size: 18px
    }

    .cont-form__right {
        padding: 15px 20px
    }

    .cont-form__right-img {
        right: 15px
    }

    .requirements__item-desc p {
        font-size: 11px
    }

    .contacts__content {
        padding: 15px
    }

    .contacts__content-item h3 {
        font-size: 18px
    }

    .kak-zakazat__item-icon img {
        --i-size: 40px
    }

    .kak-zakazat__item-text h3 {
        font-size: 18px
    }

    .kak-zakazat__social a {
        width: 30px;
        height: 30px
    }

    .obmen__item {
        padding: 15px
    }

    .obmen__item-text h3 {
        font-size: 18px
    }

    .el-form-flex-auto .el-form-policy-wrap {
        width: 100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .el-form-span {
        font-size: 11px
    }

    .el-form-h3 {
        font-size: 16px
    }
}

@media (max-width:767px) {

    .h1,
    h1 {
        font-size: 30px
    }

    .h2,
    h2 {
        font-size: 24px
    }

    .h3,
    h3 {
        font-size: 20px
    }

    .content-field .h1,
    .content-field h1,
    .content-field h2 {
        font-size: 30px
    }

    .content-field .h2,
    .content-field h2 {
        font-size: 24px
    }

    .content-field li,
    .content-field p {
        font-size: 14px
    }

    .title-md {
        font-size: 24px;
        gap: 5px
    }

    .btn {
        font-size: 11px
    }

    .filters-format-1 li a {
        padding: 0 20px
    }

    .btn-more {
        margin-top: 30px
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 40px;
        height: 40px
    }

    .g-advant__item-icon {
        margin-bottom: 15px
    }

    .g-advant__item-icon img {
        width: 30px;
        height: 30px
    }

    .g-calculate__content {
        padding: 15px;
        padding-bottom: 20px
    }

    .g-calculate__connection span {
        font-size: 16px
    }

    .g-calculate__advant {
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
        grid-gap: 0
    }

    .g-catalog__list {
        grid-template-columns: 1fr 1fr
    }

    .g-category__item-content {
        width: 70%;
        min-width: 220px
    }

    .g-category__item-title {
        font-size: 20px;
        line-height: 110%;
        margin-bottom: 0
    }

    .g-category__item-btn {
        width: 32px;
        height: 32px
    }

    .g-category__item-btn .icon {
        font-size: 14px
    }

    .g-partners__list {
        padding: 0 20px
    }

    .g-partners__slide {
        min-height: 100px
    }

    .g-reviews__col>div {
        width: 100% !important
    }

    .g-reviews__partners-list .g-reviews__partners-slide {
        min-height: 100px
    }

    .g-works__filter {
        margin-bottom: 30px
    }

    .g-about__content {
        padding: 30px
    }

    .g-about__title {
        margin-bottom: 20px
    }

    .g-about__btn {
        margin-top: 30px
    }

    .g-about__list {
        grid-template-columns: 1fr
    }

    .g-about__item {
        padding: 20px
    }

    .g-about__item-icon {
        margin-bottom: 15px
    }

    .g-about__item-icon img {
        width: 30px
    }

    .g-about__item-number {
        font-size: 32px;
        margin-bottom: 15px
    }

    .g-about__item-title p {
        font-size: 16px;
        font-weight: 500;
    }

    .g-about__card {
        grid-template-columns: 1fr;
        padding: 30px
    }

    .g-about__card-item span {
        font-size: 28px
    }

    .g-about__card-item p {
        margin-top: 5px;
        font-size: 14px
    }

    .g-posts__filter {
        margin-bottom: 30px
    }

    .m-intro .swiper-slide {
        padding: 50px 0 50px
    }

    .m-intro .swiper-slide .container {
        padding-left: 20px
    }

    .m-intro .swiper-button-next,
    .m-intro .swiper-button-prev {
        top: auto;
        bottom: 40px
    }

    .m-intro__title {
        max-width: 100%
    }


    .m-about__card {
        grid-template-columns: 1fr;
        padding: 30px
    }

    .m-about__card-item span {
        font-size: 28px
    }

    .m-about__card-item p {
        margin-top: 5px;
        font-size: 14px
    }

    .prod-vid__item-title {
        margin-top: 20px;
        font-size: 20px
    }

    .prod-others__list {
        padding: 0 20px
    }

    .services__item-image {
        padding: 0 0 36% 0;
        min-height: 130px
    }

    .services__item-content {
        width: 70%;
        min-width: 220px
    }

    .services__item-title {
        font-size: 20px;
        line-height: 110%;
        margin-bottom: 0
    }

    .services__item-btn {
        width: 32px;
        height: 32px
    }

    .services__item-btn .icon {
        font-size: 14px
    }

    .swork-hero__title h3 {
        font-size: 20px
    }

    .sales__item-title {
        font-size: 20px
    }

    .cont-form__right-heading h3 {
        font-size: 18px
    }

    .requirements__list {
        grid-template-columns: 1fr
    }

    .requirements__item:last-child:nth-child(odd) {
        grid-column: auto
    }

    .requirements__item-btn .icon {
        font-size: 14px
    }

    .hero-ab__title {
        max-width: 100%
    }

    .kak-zakazat__connection span {
        font-size: 16px
    }

    .subscribe__title h3 {
        font-size: 24px;
        line-height: 120%
    }

    .subscribe__image {
        display: none
    }

    .subscribe__form {
        max-width: 100%
    }

    .subscribe__input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .subscribe__input input {
        width: 100%
    }

    .subscribe__btn {
        width: 100%
    }

    .footer__content {
        padding: 0px 0 30px
    }

    .footer__row._top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__row._middle {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px 20px;
        padding: 30px 0 30px
    }

    .footer__row._bottom {
        gap: 10px 15px
    }

    .footer__btn {
        width: 100%
    }

    .footer__col:last-child {
        grid-column: span 2
    }

    .footer__title {
        font-size: 20px
    }

    .footer__links li:not(:last-child) {
        margin-bottom: 10px
    }

    .footer__info {
        padding-left: 55px
    }

    .footer__text {
        font-size: 12px
    }
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

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

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media (max-width:575.98px) {
    :root {
        --main-section-paddings: 20px
    }

    .bsearch__list>.g-catalog__item {
        --search-item-width: calc(50% - var(--gutter))
    }

    .bsearch__list>.prod-types__item {
        --search-item-width: 100%
    }

    .bsearch__list>.g-category__item {
        --search-item-width: 100%;
        --search-item-max-width: 100%
    }

    .bsearch__list>.services__item {
        --search-item-width: 100%
    }

    .header__logo img {
        min-width: auto;
        width: 70px
    }

    .header__btn._send {
        height: 36px;
        padding: 0 15px;
        font-size: 10px
    }

    .header__phone span {
        font-size: 12px
    }

    .g-advant__item-title h3 {
        font-size: 16px;
    }

    .g-advant__item-title p {
        font-size: 13px
    }

    .g-reviews__partners-list .g-reviews__partners-slide img {
        width: 100%;
        max-width: 90%
    }

    .g-works__list {
        padding: 0 20px
    }

    .g-works__list-list {
        padding: 0
    }

    .g-works__loadmore .icon {
        height: 32px;
        width: 32px;
        min-width: 32px;
        font-size: 14px
    }

    .g-posts__list {
        gap: 15px 5px
    }

    .g-posts__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .g-posts__item>* {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .g-posts__item-content {
        padding: 15px 10px
    }

    .g-posts__item-title {
        font-size: 12px
    }

    .prod-price__slide {
        margin-right: -15px;
        margin-left: -15px;
        padding-right: 15px;
        padding-left: 15px
    }

    .prod-price table tbody tr td {
        font-size: 12px
    }

    .prod-payment__flex {
        grid-template-columns: 1fr
    }

    .prod-payment__item-heading h3 {
        font-size: 16px
    }

    .bcont__btn {
        margin-top: 15px
    }

    .faq__item-name {
        font-size: 14px
    }

    .requirements__item {
        padding: 15px
    }

    .requirements__item-title {
        font-size: 16px
    }

    .requirements__item-btn {
        width: 26px;
        height: 26px;
        min-width: 26px
    }

    .contacts__content-bottom {
        --height-sm: 42px
    }

    .contacts__socials li a span {
        font-size: 10px
    }

    .spost__text h4 {
        font-size: 16px
    }

    .spost__text p {
        font-size: 14px
    }

    .payment__flex {
        grid-template-columns: 1fr
    }

    .payment__item-heading h3 {
        font-size: 16px
    }

    .obmen__item-blocks-item {
        padding: 10px 14px
    }

    .el-form-flex {
        grid-template-columns: 1fr
    }

    .el-form-grid-md-2 {
        grid-column-end: span 1
    }

    .el-form-btns .el-form-button {
        width: 100%
    }

    .el-form-btns button {
        width: 100%
    }

    .el-form-policy-span {
        font-size: 11px
    }

    .el-form-policy-span br {
        display: none
    }

    .modal-form .modal-form__heading {
        font-size: 20px
    }

    .modal-form .modal-form__heading p {
        font-size: 20px
    }

    .fancybox-close[data-fancybox-close] {
        top: 5px;
        right: 5px
    }
}

@media (max-width:1380px) and (min-width:1324px) {

    .m-intro .swiper-button-next,
    .m-intro .swiper-button-prev {
        display: none
    }
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}


.g-facts {
    padding: var(--main-section-paddings) 0;
}
.g-facts__grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr; /* Настройка пропорций карточек */
}
.g-facts__card {
    
    position: relative;
    min-height: 360px;
    display: flex;
    flex-direction: column;
}
.g-facts__card--left {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
    border-radius: var(--border-radius-md, 40px) 0 0 var(--border-radius-md, 40px);
    overflow: hidden;
}
.g-facts__card--left .g-facts__card-overlay {
    position: absolute;
    inset: 0;
    /* Затемнение для читаемости белого текста */
    background: linear-gradient(180deg, rgba(29, 36, 50, 0.45) 0%, rgba(29, 36, 50, 0.75) 100%);
    z-index: 1;
}
.g-facts__card-content {
    position: relative;
    z-index: 2;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    flex-grow: 1;
}
.g-facts__card--right {
    background-color: #ffffff;
    border: 1px solid var(--gray);
    border-left: 0;
    border-radius:  0  var(--border-radius-md, 40px) var(--border-radius-md, 40px) 0;
}
.g-facts__item {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.g-facts__item-label {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--gray);
}
.g-facts__card--left .g-facts__item-label {
    color: #fff;
}
.g-facts__item-value {
    font-size: 56px;
    font-family: var(--font-family-second, sans-serif);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}
.g-facts__card--left .g-facts__item-value {
    color: #ffffff;
}
.g-facts__card--right .g-facts__item-value {
    color: var(--primary);
}
.g-facts__separator {
    width: 100%;
    border-top: 1px solid white;
    margin: 20px 0;
}
.g-facts__card--right .g-facts__separator {
    border-top: 1px solid var(--gray);
}

/* Адаптивность */
@media (max-width: 991px) {
    .g-facts__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .g-facts__card {
        min-height: 280px;
        border-radius: var(--border-radius-sm, 30px);
    }
    .g-facts__card-content {
        padding: 30px;
    }
    .g-facts__item-value {
        font-size: 40px;
    }
}

.g-about__production {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}
.g-about__production-img {
    background-color: var(--color-bg-gray, #f6f6f6);
    border-radius: var(--border-radius-sm, 20px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}
.g-about__production-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.g-about__production-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
}
.g-about__production-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.g-about__production-item-icon {
    background-color: var(--color-bg-gray, #f6f6f6);
    border-radius: 12px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.g-about__production-item-icon img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}
.g-about__production-item-text {
    font-size: 18px;
    line-height: 1.4;
}
.g-about__production-item-text p {
    margin-bottom: 0;
    font-size: inherit;
    font-weight: inherit;
    opacity: 1;
}

@media (max-width: 768px) {
    .g-about__production {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}


/* Верхние плашки (серые/бежевые) */
.g-calculate__top-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.g-calculate__top-card {
    background-color: #f6f5f1; /* Светлый бежевый оттенок с макета */
    border-radius: var(--border-radius-sm, 20px);
    padding: 24px 30px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.g-calculate__top-card-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--secondary, #1d2432);
    margin: 0;
}
.g-calculate__top-card-desc {
    font-size: 14px;
    color: var(--secondary, #1d2432);
    opacity: 0.8;
    margin: 0;
}

/* Новая белая плашка решений */
.g-calculate__solutions-card {
    background-color: #ffffff;
    border: 1px solid var(--color-border, #e7ecf0);
    border-radius: var(--border-radius-md, 40px);
    padding: 50px;
    box-shadow: 0px 10px 30px rgba(29, 36, 50, 0.02);
    margin-bottom: 40px;
}
.g-calculate__solutions-overheading {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--primary, #34aef3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
}
.g-calculate__solutions-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--secondary, #1d2432);
    margin-bottom: 16px;
    line-height: 1.2;
}
.g-calculate__solutions-desc {
    font-size: 16px;
    color: var(--secondary, #1d2432);
    line-height: 1.5;
    margin-bottom: 35px;
}
.g-calculate__solutions-desc p {
    opacity: 0.85;
}

/* Переопределение стилей сетки преимуществ */
.g-calculate__solutions-card .g-calculate__advant {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 40px;
    padding: 0;
    background: transparent;
}
.g-calculate__solutions-card .g-calculate__advant .g-advant__item {
    border: none;
    background: transparent;
    padding: 5px 0 3px 20px;
    border-left: 3px solid var(--primary, #34aef3); /* Синяя линия слева */
    border-radius: 0;
    align-items: flex-start;
    text-align: left;
    display: flex;
    flex-direction: column;
}
.g-calculate__solutions-card .g-calculate__advant .g-advant__item-icon {
    display: none; /* Скрываем иконку-картинку, так как на макете её нет */
}
.g-calculate__solutions-card .g-calculate__advant .g-advant__item-title {
    font-size: 14px;
    line-height: 1.4;
    color: var(--secondary, #1d2432);
    text-align: left;
}
.g-calculate__solutions-card .g-calculate__advant .g-advant__item-title strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary, #1d2432);
    margin-bottom: 6px;
}
.g-calculate__solutions-card .g-calculate__advant .g-advant__item-title p {
    margin: 0;
    color: inherit;
    font-weight: 500;
    opacity: 0.8;
}

/* Адаптивность */
@media (max-width: 991px) {
    .g-calculate__top-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .g-calculate__solutions-card {
        padding: 30px 20px;
        border-radius: var(--border-radius-sm, 30px);
    }
    .g-calculate__solutions-title {
        font-size: 22px;
    }
    .g-calculate__solutions-card .g-calculate__advant {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .g-calculate__top-card {
        background-color: #f6f5f1; /* Светлый бежевый оттенок с макета */
        border-radius: var(--border-radius-sm, 20px);
        padding: 15px 20px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
}


.g-ready-order {
    background-color: var(--primary, #34aef3);
    color: #ffffff;
    overflow: hidden;
}
.g-ready-order__inner {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    align-items: center;
    gap: 30px;
}
.g-ready-order__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.g-ready-order__title {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    line-height: 1.1;
}
.g-ready-order__desc {
    font-size: 16px;
    line-height: 1.4;
    color: #ffffff;
    opacity: 0.95;
    margin: 0;
}
.g-ready-order__manager {
    display: flex;
    justify-content: center;
    align-items: center;
}
.g-ready-order__manager-bg {
    width: 210px;
    height: 170px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}

@media (max-width: 992px) {
    .g-ready-order {
        padding: 25px 0;
    }
    .g-ready-order__manager {
    display: none;
    }
}
.g-ready-order__manager-bg img {
    max-width: 100%;
    max-height: 95%;
    object-fit: contain;
}
.g-ready-order__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
}

/* Переопределение кнопок для гармоничного отображения на синем фоне */
.g-ready-order__btn {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 48px !important;
    border-radius: 100px !important;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.g-ready-order__btn span {
    font-weight: inherit;
    color: inherit;
}
.g-ready-order__btn .icon {
    font-size: 12px;
    color: inherit;
}

/* Кнопка "Быстрый заказ" (верхняя) */
.g-ready-order__btn {
    background: #fff !important;
    border: 1px solid var(--primary) !important;
    color: var(--secondary) !important;
}
.g-ready-order__btn:hover {
    
    background: var(--primary) !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}


/* Адаптивность */
@media (max-width: 991px) {
    .g-ready-order__inner {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 24px;
    }
    .g-ready-order__content {
        align-items: center;
    }
    .g-ready-order__actions {
        margin-right: auto;
        margin-left: auto;
    }
}



.g-about-service {
    padding: var(--main-section-paddings) 0;
}

/* Главная темная карточка */
.g-about-service__hero {
    background-color: var(--secondary, #1d2432);
    border-radius: var(--border-radius-md, 30px);
    padding: 50px;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: center;
    color: #ffffff;
    margin-bottom: 20px;
}
.g-about-service__hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.g-about-service__badge {
    background-color: rgba(52, 174, 243, 0.15); /* Полупрозрачный голубой */
    color: var(--primary, #34aef3);
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.g-about-service__title {
    font-size: 38px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 24px;
    line-height: 1.15;
}
.g-about-service__bullets {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 35px;
    padding: 0;
}
.g-about-service__bullets li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}
.g-about-service__check {
    color: var(--primary, #34aef3);
    font-size: 18px;
    font-weight: 700;
}
.g-about-service__calc-btn {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary, #34aef3);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s ease;
}
.g-about-service__calc-btn:hover {
    color: #ffffff;
}
.g-about-service__calc-btn .icon {
    font-size: 11px;
}
.g-about-service__hero-image {
    width: 100%;
    height: 100%;
    min-height: 280px;
    border-radius: var(--border-radius-sm, 20px);
    overflow: hidden;
    position: relative;
    background-color: rgba(255, 255, 255, 0.05); /* Легкая подложка */
}
.g-about-service__hero-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Две карточки ниже */
.g-about-service__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 20px;
}
.g-about-service__card {
    background-color: var(--color-bg-gray, #f6f6f6);
    border-radius: var(--border-radius-sm, 20px);
    padding: 30px 40px;
}
.g-about-service__card-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--secondary, #1d2432);
    margin-bottom: 12px;
}
.g-about-service__card-desc {
    font-size: 14px;
    line-height: 1.45;
    color: var(--secondary, #1d2432);
    opacity: 0.8;
    margin-bottom: 0;
}

/* Плашка перехода к галерее */
.g-about-service__gallery-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e0f2fe; /* Нежно-голубой фон */
    color: #0284c7; /* Темно-голубой текст */
    border-radius: var(--border-radius-sm, 20px);
    padding: 22px 40px;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.2s ease;
}
.g-about-service__gallery-bar:hover {
    background-color: #bae6fd;
    color: #0369a1;
}
.g-about-service__gallery-bar .icon {
    font-size: 14px;
}

/* Адаптивность под мобильные девайсы */
@media (max-width: 991px) {
    .g-about-service__hero {
        grid-template-columns: 1fr;
        padding: 30px;
        gap: 30px;
    }
    .g-about-service__title {
        font-size: 28px;
    }
    .g-about-service__hero-image {
        min-height: 220px;
    }
    .g-about-service__cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .g-about-service__card {
        padding: 24px;
    }
    .g-about-service__gallery-bar {
        padding: 18px 24px;
        font-size: 14px;
    }
}

/* Sale hero — главный экран акции */
.sale-hero {
  --sale-hero-from: #7b3fe4;
  --sale-hero-to: #5b2cc9;
  padding-bottom: var(--main-section-paddings);
  margin-bottom: calc(var(--main-section-paddings) * 0.5);
}
.sale-hero .g-breadcrumbs { margin-bottom: 20px; }
.sale-hero__card {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  background: var(--white);
  box-shadow: 0 10px 40px rgba(29, 36, 50, 0.06);
}
.sale-hero__top {
  display: flex;
  align-items: stretch;
  gap: 40px;
  padding: 48px;
  background: linear-gradient(135deg, var(--sale-hero-from) 0%, var(--sale-hero-to) 100%);
  color: var(--white);
}
.sale-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 50%;
  min-width: 0;
}
.sale-hero__badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  margin-bottom: 18px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.18);
  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--white);
}
.sale-hero__title {
  font-family: var(--font-family);
  font-size: 42px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--white);
  margin: 0 0 16px;
}
.sale-hero__text {
  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 28px;
  max-width: 36em;
}
.sale-hero__text p { margin: 0; }
.sale-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 28px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--white);
  font-family: var(--font-family-second);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.sale-hero__btn .icon { font-size: 14px; }
.sale-hero__btn:hover {
  background: var(--white);
  color: var(--sale-hero-to);
  border-color: var(--white);
}
.sale-hero__media {
  flex: 1 1 45%;
  min-height: 280px;
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.14);
  position: relative;
}
.sale-hero__media img,
.sale-hero__media .lazy {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sale-hero__info {
  display: flex;
  gap: 24px;
  padding: 32px 40px;
  background: var(--color-bg-gray);
}
.sale-hero__info-col {
  flex: 1 1 50%;
  min-width: 0;
  padding: 24px 28px;
  background: var(--white);
  border-radius: 20px;
}
.sale-hero__info-title {
  font-family: var(--font-family);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--black);
  margin-bottom: 16px;
}
.sale-hero__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: sale-hero-step;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sale-hero__steps li {
  counter-increment: sale-hero-step;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--black);
}
.sale-hero__steps li::before {
  content: counter(sale-hero-step) ".";
  flex: 0 0 auto;
  color: var(--sale-hero-from);
  font-weight: 700;
}
.sale-hero__benefits {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sale-hero__benefits-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--black);
}
.sale-hero__benefits-icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%237B3FE4'/%3E%3Cpath d='M5.5 10.2L8.4 13.1L14.5 6.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.sale-hero__benefits-item--pin .sale-hero__benefits-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%237B3FE4'/%3E%3Cpath d='M10 4.5C7.9 4.5 6.2 6.2 6.2 8.3C6.2 11.1 10 15.5 10 15.5C10 15.5 13.8 11.1 13.8 8.3C13.8 6.2 12.1 4.5 10 4.5Z' fill='white'/%3E%3Ccircle cx='10' cy='8.2' r='1.5' fill='%237B3FE4'/%3E%3C/svg%3E");
}
.sale-hero__bottom {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.sale-hero__btn-bottom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 28px;
  border: 1px solid var(--color-border);
  border-radius: 100px;
  background: var(--white);
  color: var(--black);
  font-family: var(--font-family-second);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.sale-hero__btn-bottom .icon { font-size: 14px; }
.sale-hero__btn-bottom:hover {
  border-color: var(--sale-hero-from);
  color: var(--sale-hero-from);
}
@media (max-width: 1240px) {
  .sale-hero__top { gap: 28px; padding: 36px; }
  .sale-hero__title { font-size: 34px; }
}
@media (max-width: 991px) {
  .sale-hero__top {
    flex-direction: column;
    padding: 28px 20px;
    gap: 24px;
  }
  .sale-hero__title { font-size: 28px; }
  .sale-hero__text { font-size: 15px; margin-bottom: 22px; }
  .sale-hero__media {
    min-height: 220px;
    border-radius: 16px;
    order: -1;
  }
  .sale-hero__info {
    flex-direction: column;
    padding: 24px 20px;
    gap: 20px;
  }
  .sale-hero__info-col {
    padding: 20px;
    border-radius: 14px;
  }
  .sale-hero__info-title { font-size: 18px; }
  .sale-hero__bottom { margin-top: 16px; }
}
@media (max-width: 767px) {
  .sale-hero__title { font-size: 24px; }
}


@media (min-width: 998px) {
    #delivery .payment__flex {
        grid-template-columns: repeat(2, 1fr);
    }
}


.requirements .g-calculate__btn {
    max-width: 100%;
}


.kak-zakazat__connections svg {
	width: 24px;
	height: 24px;
}

.kak-zakazat__connection span {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 2px;
}