*, :after, :before {
    background-repeat: no-repeat;
    box-sizing: border-box
}

:after, :before {
    text-decoration: inherit;
    vertical-align: inherit
}

:where(:root) {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

:where(body) {
    margin: 0
}

:where(h1) {
    font-size: 2em;
    margin: .67em 0
}

:where(dl,ol,ul) :where(dl,ol,ul) {
    margin: 0
}

:where(hr) {
    color: inherit;
    height: 0
}

:where(nav) :where(ol,ul) {
    list-style-type: none;
    padding: 0
}

:where(nav li):before {
    content: "\200B";
    float: left
}

:where(pre) {
    font-family: monospace, monospace;
    font-size: 1em;
    overflow: auto
}

:where(abbr[title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(b,strong) {
    font-weight: bolder
}

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

:where(small) {
    font-size: 80%
}

:where(audio,canvas,iframe,img,svg,video) {
    vertical-align: middle
}

:where(iframe) {
    border-style: none
}

:where(svg:not([fill])) {
    fill: currentColor
}

:where(table) {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

:where(button,input,select) {
    margin: 0
}

:where(button,[type=button i],[type=reset i],[type=submit i]) {
    -webkit-appearance: button
}

:where(fieldset) {
    border: 1px solid #a0a0a0
}

:where(progress) {
    vertical-align: baseline
}

:where(textarea) {
    margin: 0;
    resize: vertical
}

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

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

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

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

:where(dialog:not([open])) {
    display: none
}

:where(details>summary:first-of-type) {
    display: list-item
}

:where([aria-busy=true i]) {
    cursor: progress
}

:where([aria-controls]) {
    cursor: pointer
}

:where([aria-disabled=true i],[disabled]) {
    cursor: not-allowed
}

:where([aria-hidden=false i][hidden]) {
    display: initial
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

:where(html) {
    line-height: 1.15
}

:where(h1) {
    -webkit-margin-after: .67em;
    -webkit-margin-before: .67em;
    font-size: 2em;
    margin-block-end: .67em;
    margin-block-start: .67em
}

:where(dl,ol,ul) :where(dl,ol,ul) {
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

:where(hr) {
    box-sizing: content-box;
    color: inherit;
    height: 0
}

:where(pre) {
    font-family: monospace, monospace;
    font-size: 1em
}

:where(abbr[title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(b,strong) {
    font-weight: bolder
}

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

:where(small) {
    font-size: 80%
}

:where(table) {
    border-color: currentColor;
    text-indent: 0
}

:where(button,input,select) {
    margin: 0
}

:where(button) {
    text-transform: none
}

:where(button,input:is([type=button i],[type=reset i],[type=submit i])) {
    -webkit-appearance: button
}

:where(progress) {
    vertical-align: baseline
}

:where(select) {
    text-transform: none
}

:where(textarea) {
    margin: 0
}

:where(input[type=search i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

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

:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring {
    outline: 1px dotted ButtonText
}

:where(:-moz-ui-invalid) {
    box-shadow: none
}

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

:where(dialog:not([open])) {
    display: none
}

:where(summary) {
    display: list-item
}

@charset "UTF-8";
.carousel {
    box-sizing: border-box;
    position: relative
}

.carousel *, .carousel :after, .carousel :before {
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.carousel__track {
    display: flex
}

.carousel__slide {
    -ms-scroll-chaining: none;
    flex: 0 0 auto;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    position: relative;
    width: 60%
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    cursor: pointer;
    display: block;
    height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 22px
}

.carousel__dots .carousel__dot:after {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    opacity: .25;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .15s ease-in-out;
    width: 8px
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    color: currentColor;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 0;
    pointer-events: all;
    transition: opacity .15s ease;
    width: 48px
}

.carousel__button.is-next, .carousel__button.is-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: none;
    height: 50%;
    pointer-events: none;
    width: 50%
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    -webkit-tap-highlight-color: transparent;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    direction: ltr;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    position: fixed;
    right: 0;
    top: 0;
    transform-origin: top left;
    z-index: 1050
}

.fancybox__container *, .fancybox__container :after, .fancybox__container :before {
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 210, 232, .94)
}

.fancybox__backdrop {
    background: rgba(24, 24, 27, .92);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.fancybox__carousel {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    position: relative;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    cursor: default;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    -ms-scroll-chaining: none;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    max-width: 100%;
    outline: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 48px 8px 8px;
    position: relative;
    width: 100%
}

.fancybox__slide:after, .fancybox__slide:before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

@media (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}
@media (max-width: 1024px) {
    .c-container{
        flex-wrap: wrap;
    }
}
.fancybox__content {
    align-self: center;
    background: #fff;
    color: #374151;
    display: flex;
    flex-direction: column;
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    position: relative;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    box-shadow: none;
    outline: thin dotted
}

.fancybox__caption {
    align-self: center;
    color: currentColor;
    cursor: auto;
    flex-shrink: 0;
    line-height: 1.375;
    margin: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 1rem 0 0;
    visibility: visible
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container > .carousel__dots {
    color: #fff;
    top: 100%
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    right: 8px;
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    top: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    z-index: 40
}

@media (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content > .carousel__button.is-close {
    color: #fff;
    position: absolute;
    right: 0;
    top: -40px
}

.fancybox__no-click, .fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    color: currentColor;
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke: currentColor;
    animation: fancybox-dash 1.5s ease-in-out infinite
}

@keyframes fancybox-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.carousel__button.is-close, .carousel__dots, .fancybox__backdrop, .fancybox__caption, .fancybox__nav {
    opacity: 1
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    animation: fancybox-fadeIn .15s ease backwards
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav {
    animation: fancybox-fadeOut .15s ease both
}

.fancybox-fadeIn {
    animation: fancybox-fadeIn .15s ease both
}

.fancybox-fadeOut {
    animation: fancybox-fadeOut .1s ease both
}

.fancybox-zoomInUp {
    animation: fancybox-zoomInUp .2s ease both
}

.fancybox-zoomOutDown {
    animation: fancybox-zoomOutDown .15s ease both
}

.fancybox-throwOutUp {
    animation: fancybox-throwOutUp .15s ease both
}

.fancybox-throwOutDown {
    animation: fancybox-throwOutDown .15s ease both
}

@keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    0% {
        opacity: 0;
        transform: scale(.97) translate3d(0, 16px, 0)
    }
    to {
        opacity: 1;
        transform: scale(1) translateZ(0)
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        opacity: 0;
        transform: scale(.97) translate3d(0, 16px, 0)
    }
}

@keyframes fancybox-throwOutUp {
    to {
        opacity: 0;
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes fancybox-throwOutDown {
    to {
        opacity: 0;
        transform: translate3d(0, 30%, 0)
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-color: #ccc hsla(0, 0%, 100%, .1);
    scrollbar-width: thin
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    transform-origin: 0 0;
    transition: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.has-image .fancybox__content {
    background: transparent;
    min-height: 1px;
    padding: 0
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    height: auto;
    max-width: 100%
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    height: 100%;
    width: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    flex-shrink: 1;
    max-width: 100%;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    height: 80%;
    width: 100%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    height: 540px;
    max-height: 100%;
    max-width: 100%;
    width: 960px
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    background: rgba(24, 24, 27, .9);
    color: #fff;
    padding: 0
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

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

.fancybox__thumbs {
    flex: 0 0 auto;
    opacity: 1;
    padding: 0 3px;
    position: relative
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    align-items: center;
    box-sizing: content-box;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin: 0;
    overflow: visible;
    padding: 8px 3px;
    width: 96px
}

.fancybox__thumbs .carousel__slide .fancybox__thumb:after {
    border: 5px solid rgba(34, 213, 233, .96);
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide > * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__thumb {
    background-color: hsla(0, 0%, 100%, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    padding-top: 66.66667%;
    position: relative;
    width: 100%
}

.fancybox__toolbar {
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44));
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    top: 0;
    touch-action: none;
    z-index: 20
}

@media (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media (max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    line-height: 48px;
    min-width: 72px;
    padding: 0 10px;
    text-align: center
}

.fancybox__progress {
    background: rgba(34, 213, 233, .96);
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 30
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2), .fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

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

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

.popover {
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    display: block;
    font-family: undefined;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    max-width: 276px;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070
}

.popover .popover-arrow {
    display: block;
    height: .5rem;
    position: absolute;
    width: 1rem
}

.popover .popover-arrow:after, .popover .popover-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before, .bs-popover-top > .popover-arrow:before {
    border-top-color: rgba(0, 0, 0, .25);
    border-width: .5rem .5rem 0;
    bottom: 0
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after, .bs-popover-top > .popover-arrow:after {
    border-top-color: #fff;
    border-width: .5rem .5rem 0;
    bottom: 1px
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    height: 1rem;
    left: calc(-.5rem - 1px);
    width: .5rem
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before, .bs-popover-end > .popover-arrow:before {
    border-right-color: rgba(0, 0, 0, .25);
    border-width: .5rem .5rem .5rem 0;
    left: 0
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after, .bs-popover-end > .popover-arrow:after {
    border-right-color: #fff;
    border-width: .5rem .5rem .5rem 0;
    left: 1px
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:before {
    border-bottom-color: rgba(0, 0, 0, .25);
    border-width: 0 .5rem .5rem;
    top: 0
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 .5rem .5rem;
    top: 1px
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before {
    border-bottom: 1px solid #f0f0f0;
    content: "";
    display: block;
    left: 50%;
    margin-left: -.5rem;
    position: absolute;
    top: 0;
    width: 1rem
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    height: 1rem;
    right: calc(-.5rem - 1px);
    width: .5rem
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before, .bs-popover-start > .popover-arrow:before {
    border-left-color: rgba(0, 0, 0, .25);
    border-width: .5rem 0 .5rem .5rem;
    right: 0
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after, .bs-popover-start > .popover-arrow:after {
    border-left-color: #fff;
    border-width: .5rem 0 .5rem .5rem;
    right: 1px
}

.popover-header {
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    font-size: 1rem;
    margin-bottom: 0;
    padding: .5rem 1rem
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: #212529;
    padding: 1rem
}

.offcanvas {
    background-clip: padding-box;
    background-color: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: transform .3s ease-in-out;
    visibility: hidden;
    z-index: 1045
}

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

.offcanvas-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.offcanvas-header .btn-close {
    margin-bottom: -.5rem;
    margin-right: -.5rem;
    margin-top: -.5rem;
    padding: .5rem
}

.offcanvas-title {
    line-height: 1.5;
    margin-bottom: 0
}

.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: 1rem
}

.offcanvas-start {
    border-right: 1px solid rgba(0, 0, 0, .2);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: 400px
}

.offcanvas-end {
    border-left: 1px solid rgba(0, 0, 0, .2);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: 400px
}

.offcanvas-top {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    top: 0;
    transform: translateY(-100%)
}

.offcanvas-bottom, .offcanvas-top {
    height: 30vh;
    left: 0;
    max-height: 100%;
    right: 0
}

.offcanvas-bottom {
    border-top: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.table {
    border-color: #dee2e6;
    color: #212529;
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%
}

.table > :not(caption) > * > * {
    background-color: #212529;
    border-bottom-width: 1px;
    box-shadow: undefined;
    padding: .5rem
}

.table > tbody {
    vertical-align: inherit
}

.table > thead {
    vertical-align: bottom
}

.table > :not(:first-child) {
    border-top: 2px solid
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 1px
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #fff
}

.table-active {
    color: undefined
}

.table-hover > tbody > tr:hover > * {
    color: #fff
}

.table-primary {
    border-color: #bacbe6;
    color: #000
}

.table-secondary {
    border-color: #cbccce;
    color: #000
}

.table-success {
    border-color: #bcd0c7;
    color: #000
}

.table-info {
    border-color: #badce3;
    color: #000
}

.table-warning {
    border-color: #e6dbb9;
    color: #000
}

.table-danger {
    border-color: #dfc2c4;
    color: #000
}

.table-light {
    border-color: #dfe0e1;
    color: #000
}

.table-dark {
    border-color: #373b3e;
    color: #fff
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }
}

.dropdown, .dropend, .dropstart, .dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    color: #212529;
    display: none;
    font-size: 1rem;
    list-style: none;
    margin: 0;
    min-width: 10rem;
    padding: .5rem 0;
    position: absolute;
    text-align: left;
    z-index: 1000
}

.dropdown-menu[data-bs-popper] {
    left: 0;
    margin-top: .125rem;
    top: 100%
}

.dropdown-menu-start[data-bs-popper] {
    left: 0;
    right: auto
}

.dropdown-menu-end[data-bs-popper] {
    left: auto;
    right: 0
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-md-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    bottom: 100%;
    margin-bottom: .125rem;
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    left: 100%;
    margin-left: .125rem;
    margin-top: 0;
    right: auto;
    top: 0
}

.dropend .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    left: auto;
    margin-right: .125rem;
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropstart .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    border-top: 1px solid rgba(0, 0, 0, .15);
    height: 0;
    margin: .5rem 0;
    overflow: hidden
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    clear: both;
    color: #212529;
    display: block;
    font-weight: 400;
    padding: .25rem 1rem;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #e9ecef;
    color: #1e2125
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #0d6efd;
    color: #fff;
    text-decoration: none
}

.dropdown-item.disabled, .dropdown-item:disabled {
    background-color: transparent;
    color: #adb5bd;
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: #6c757d;
    display: block;
    font-size: .875rem;
    margin-bottom: 0;
    padding: .5rem 1rem;
    white-space: nowrap
}

.dropdown-item-text {
    color: #212529;
    display: block;
    padding: .25rem 1rem
}

.dropdown-menu-dark {
    background-color: #343a40;
    border-color: rgba(0, 0, 0, .15);
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
    background-color: hsla(0, 0%, 100%, .15);
    color: #fff
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
    background-color: #0d6efd;
    color: #fff
}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

body {
    background: #f6f6f6;
    color: #424242;
    display: flex;
    flex-direction: column;
    font-family: SuisseIntl, sans-serif;
    min-height: 100vh;
    overflow-x: hidden
}

body, html {
    font-size: 1rem
}

.c-container {
    padding: 0 15px !important
}

@media (min-width: 576px) {
    .c-container {
        padding: 0 calc(50vw - 278.5px) !important
    }
}

@media (min-width: 768px) {
    .c-container {
        padding: 0 calc(50vw - 368.5px) !important
    }
}

@media (min-width: 992px) {
    .c-container {
        padding: 0 calc(50vw - 488.5px) !important
    }
}

@media (min-width: 1200px) {
    .c-container {
        padding: 0 calc(50vw - 578.5px) !important
    }
}

.c-uncontainer {
    margin-left: calc(-50vw + 50%);
    width: 100vw
}

@media (max-width: 576px) {
    .sm-visible {
        display: none !important
    }
}

@media (max-width: 768px) {
    .md-visible {
        display: none !important
    }
}

@media (max-width: 992px) {
    .lg-visible {
        display: none !important
    }
}

@media (max-width: 1200px) {
    .xl-visible {
        display: none !important
    }
}

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

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

@media (min-width: 992px) {
    .lg-hidden {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .xl-hidden {
        display: none !important
    }
}

.c-row {
    display: flex;
    flex-wrap: wrap
}

a:active, a:focus, a:focus-visible, a:focus-within, a:target, button:active, button:focus, button:focus-visible, button:focus-within, button:target {
    outline: none
}

a[href^="tel:"] {
    color: #424242;
    text-decoration: none;
    white-space: nowrap
}

#overlay {
    background: #424242;
    bottom: 0;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: .5s;
    visibility: hidden;
    width: 100vw;
    z-index: 98
}

#overlay[data-toggle-step=active] {
    opacity: .8;
    visibility: visible
}

#main {
    margin-top: 15px
}

@media (max-width: 992px) {
    #main {
        margin-top: 10px
    }
}

img, video {
    max-width: 100%
}

section {
    margin-top: 4rem
}

@media (min-width: 576px) {
    section {
        margin-top: 5.625rem
    }
}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
    font-weight: 600;
    margin-bottom: .972em;
    margin-top: 0
}

.h1, h1 {
    font-size: 1.654rem;
    font-weight: 500
}

@media (min-width: 768px) {
    .h1, h1 {
        font-size: 1.875rem
    }
}

.h2, h2 {
    font-size: 1.458rem
}

@media (min-width: 768px) {
    .h2, h2 {
        font-size: 1.654rem
    }
}

.h3, h3 {
    font-size: 1.286rem
}

@media (min-width: 768px) {
    .h3, h3 {
        font-size: 1.458rem
    }
}

.h4, h4 {
    font-size: 1.134rem
}

@media (min-width: 768px) {
    .h4, h4 {
        font-size: 1.286rem
    }
}

.h5, h5 {
    font-size: 1rem
}

@media (min-width: 768px) {
    .h5, h5 {
        font-size: 1.134rem
    }
}

.text_small, small {
    font-size: .882rem
}

hr {
    background: #e5e5e5;
    border: none;
    color: #e5e5e5;
    height: 1px
}

#h1-wrapper {
    margin-top: 1.25em
}

.is-catalog #h1-wrapper h1 {
    margin-bottom: .66em
}

.carousel__track, .carousel__viewport {
    height: 100%
}

.carousel__dots .carousel__dot {
    height: 20px;
    width: 20px
}

.carousel__dots .carousel__dot:after {
    background-color: #c4c4c4;
    height: 10px;
    opacity: 1;
    width: 10px
}

.carousel__dots .carousel__dot.is-selected:after {
    background-color: #004394
}

.dropdown-menu {
    background: #fff;
    border: none;
    border-radius: 16px;
    box-shadow: 0 1px 30px rgba(0, 0, 0, .15);
    max-width: 100vw;
    padding: 20px
}

@media (min-width: 992px) {
    .mobile-canvas {
        border: none;
        position: static;
        transform: unset;
        visibility: visible !important
    }
}

@media (max-width: 992px) {
    .mobile-canvas {
        background: #fff;
        max-width: 460px;
        min-height: 100vh;
        overflow: hidden;
        overflow-y: auto;
        transition: .5s;
        width: 80vw !important
    }
}

.offcanvas-backdrop {
    background-color: #000 !important;
    border: unset !important;
    border-radius: unset !important;
    margin: 0 !important;
    padding: 0 !important
}

.dots-sep-block {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.dots-sep-block:after {
    border-bottom: 1px dashed;
    content: "";
    display: inline-block;
    margin: 0 .3125em .1875em;
    order: 2;
    width: 80%
}

.dots-sep-block .dots-sep-item {
    flex-shrink: 0
}

.dots-sep-block .dots-sep-item_left {
    order: 1
}

.dots-sep-block .dots-sep-item_right {
    order: 3
}

[data-more-text-item].collapse {
    display: block;
    height: 84px;
    overflow: hidden;
    position: relative
}

[data-more-text-item].collapse:after {
    background: linear-gradient(0deg, #f6f6f6, #f6f6f6 36%, hsla(0, 0%, 96%, .887) 58%, hsla(0, 0%, 96%, 0));
    bottom: 0;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0
}

[data-more-text-item].collapse.show {
    height: auto
}

[data-more-text-item].collapse.show:after {
    height: 0
}

[data-more-text-item].collapsing {
    height: 84px
}

[data-more-text-toggler] {
    background: none;
    border: none;
    color: #b3b3b3;
    font-size: 12px;
    margin-top: 5px;
    outline: none;
    text-align: center;
    text-decoration: underline
}

[data-more-text-toggler]:after {
    content: "Скрыть"
}

[data-more-text-toggler].collapsed:after {
    content: "Показать"
}

[data-fancybox] {
    cursor: pointer
}

.fancybox__container {
    z-index: 1101
}

@media (min-width: 992px) {
    body div.title-search-result {
        z-index: 1101
    }
}

.collapse-button {
    align-items: center;
    background: none !important;
    border: none !important;
    display: flex;
    height: 28px;
    justify-content: center;
    outline: none !important;
    width: 28px
}

.collapse-icon {
    height: 18px;
    position: relative;
    width: 18px
}

.collapse-icon:after, .collapse-icon:before {
    background: #b3b3b3;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: .3s;
    width: 100%
}

.collapsed .collapse-icon:before {
    transform: rotate(90deg)
}

.collapse-head {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    margin-bottom: 0;
    width: 100%
}

.collapse-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.collapse-list > li {
    border-top: 1px solid #e5e5e5;
    list-style: none;
    margin: 0 -38px;
    padding: 22px 38px 28px
}

.collapse-list > li:last-of-type {
    padding-bottom: 0
}

.collapse-list .preview-text {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px
}

.collapse-list .detail-text:before {
    content: "";
    display: block;
    height: 10px;
    width: 100%
}

.collapse-list ul {
    list-style: none;
    padding: 0
}

.collapse-list ul li {
    padding-left: 30px;
    position: relative
}

.collapse-list ul li:before {
    border: .35px solid #b3b3b3;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 10px
}

.collapse-list ul li:after {
    background: #004394;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 4px;
    transform: translate(70%, 70%);
    width: 4px
}

.collapse-list ul li + li {
    margin-top: 10px
}

.info-block {
    align-items: center;
    background: #ecf3fa;
    border-radius: 5px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 15px 9px 18px 19px
}

.info-block:before {
    background: no-repeat 50% url(../img/guarantee-1.png);
    background-size: contain;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 50px;
    margin-right: 19px;
    width: 50px
}

@media (max-width: 576px) {
    .info-block:before {
        height: 46px;
        width: 46px
    }

    .info-block {
        flex-wrap: wrap
    }

    .info-block .text-dop {
        display: inline-block;
        font-weight: 500;
        width: 135px
    }

    .info-block .text {
        margin-top: 18px;
        width: 100%
    }
}

.list_top_border {
    list-style: none;
    margin: 0;
    padding: 0
}

.list_top_border > li + li {
    border-top: 1px solid #e5e5e5;
    list-style: none;
    margin: 0;
    padding: 24px 0 0
}

.list_guarantee_products {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0
}

.list_guarantee_products > li {
    border: .5px solid #424242;
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    list-style: none;
    padding: 7px 16px
}

#page_top_banner section {
    margin-top: 0
}

.offcanvas.show {
    visibility: visible
}

header .header-1 .header-top {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-height: 77px;
    padding-bottom: 8px;
    padding-top: 8px
}

header .header-1 .header-top > * + * {
    margin-left: 10px
}

@media (max-width: 576px) {
    header .header-1 .header-top {
        min-height: 56px;
        padding-bottom: 6px;
        padding-top: 6px
    }
}

header .header-1 .header-logo {
    display: block;
    flex-shrink: 0;
    height: 60px;
    width: auto
}

@media (max-width: 576px) {
    header .header-1 .header-logo {
        height: 45px;
        max-width: 129px
    }
}

header .header-1 .header-logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
    width: 100%
}

header .header-1 .header-shedule .shedule-block {
    font-size: .875em
}

header .header-1 .header-shedule .shedule-block span {
    display: block
}

header .header-1 .header-shedule .shedule-block span:first-of-type {
    color: #b3b3b3;
    font-weight: 500;
    line-height: 1.2
}

header .header-1 .header-shedule .shedule-block span:nth-of-type(2) {
    line-height: 1.2
}

header .header-1 .header-mobile-menu-toggler .mobile-menu--toggler {
    background: unset;
    border: unset;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 0
}

header .header-1 .header-menu {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    flex-wrap: nowrap;
    justify-content: space-between
}

@media (max-width: 992px) {
    header .header-1 .header-menu {
        border-bottom: none
    }
}

header .header-1 .header-menu > * + * {
    margin-left: 10px
}

header .header-1 .header-menu .header-btn {
    line-height: 30px;
    width: 100%
}

header .header-1 .header-menu .header-menu--right {
    width: 21.5%
}

@media (max-width: 992px) {
    header .header-1 .header-menu .header-menu--right {
        display: none
    }
}

header .header-phones a[href^="tel:"] {
    font-size: 20px;
    font-weight: 600
}

@media (max-width: 576px) {
    header .header-phones a[href^="tel:"] {
        font-size: 3.2vw
    }
}

header .header-phones .phones-block {
    position: relative
}

header .header-phones .phones-main {
    align-items: center;
    display: flex
}

header .header-phones .phones-main i {
    margin-left: .3em
}

header .header-phones .phones-add {
    transition: .3s;
    z-index: 1100
}

header .header-phones .phones-form-button {
    display: flex;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

header .header-phones .phones-callback {
    background: unset;
    border: unset;
    color: #b3b3b3;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    outline: unset;
    padding: 0;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

@media (max-width: 576px) {
    header .header-phones .phones-callback {
        font-size: 2vw
    }
}

@media (max-width: 768px) {
    header .header-cart .cart-icon {
        background: unset;
        height: auto;
        position: relative;
        width: auto
    }

    header .header-cart .cart-text {
        display: none
    }
}

header #header-menu--main {
    width: 75%
}

@media (max-width: 992px) {
    header #header-menu--main, header #header-menu--main .child {
        background: #fff;
        max-width: 460px;
        min-height: 100vh;
        overflow: hidden;
        overflow-y: auto;
        transition: .5s;
        width: 80vw
    }
}

@media (min-width: 992px) {
    header #header-menu--main {
        border: none;
        position: static;
        transform: unset;
        visibility: visible !important
    }
}

header ul#header-main-1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

header ul#header-main-1, header ul#header-main-1 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

header ul#header-main-1 li {
    display: flex
}

header ul#header-main-1 a {
    color: #b3b3b3;
    text-decoration: none;
    transition: .2s
}

header ul#header-main-1 .menu_city-selector {
    margin-right: 10px
}

header ul#header-main-1 .menu-shedule {
    color: #b3b3b3;
    font-size: 9px;
    margin-top: 4px
}

@media (min-width: 992px) {
    header ul#header-main-1 li {
        align-items: center
    }

    header ul#header-main-1 > li {
        position: relative
    }

    header ul#header-main-1 > li.root-item-selected > a, header ul#header-main-1 > li:hover > a {
        color: #424242
    }

    header ul#header-main-1 > li.root-item-selected:before, header ul#header-main-1 > li:hover:before {
        width: 100%
    }

    header ul#header-main-1 > li > .child {
        display: none;
        left: 0;
        padding-top: 15px;
        position: absolute;
        top: 100%
    }

    header ul#header-main-1 > li > .child > ul {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 4px 20px rgba(66, 66, 66, .1);
        min-width: 277px;
        padding: 1.44em 0;
        position: relative
    }

    header ul#header-main-1 > li > .child > ul > li {
        padding: 0 1em
    }

    header ul#header-main-1 > li > .child > ul > li > a {
        border-radius: 25px;
        color: #b3b3b3;
        padding: .625em .625em .625em 1.25em;
        transition: .3s;
        width: 100%
    }

    header ul#header-main-1 > li > .child > ul > li:hover > a {
        background: #f2f2f2;
        color: #004394
    }

    header ul#header-main-1 > li > .child > ul > li:hover > .child {
        display: block
    }

    header ul#header-main-1 > li > .child > ul > li > .child {
        bottom: 0;
        display: none;
        left: 100%;
        padding-left: 3px;
        position: absolute;
        top: 0
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul {
        align-content: baseline;
        background: #f9f9f9;
        border-radius: 16px;
        box-shadow: 0 4px 20px rgba(66, 66, 66, .1);
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        height: auto;
        min-height: 100%;
        padding: 25px;
        width: 25em
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul > li {
        border: 1px solid #e5e5e5;
        border-radius: 16px;
        flex-shrink: 0;
        width: calc(50% - .94em)
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul > li > a {
        align-items: center;
        color: #424242;
        display: flex;
        font-size: 10px;
        padding: 5px 10px
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul > li > a > .menu-item--pic {
        flex-shrink: 0;
        height: 45px;
        width: 45px
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul > li > a > .menu-item--pic img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul > li.view-hor {
        height: -moz-fit-content;
        height: fit-content
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul > li.view-hor > a {
        flex-direction: row;
        width: 100%
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul > li.view-hor > a > .menu-item--text {
        margin-left: 10px
    }

    header ul#header-main-1 > li > .child > ul > li > .child > ul > li.view-qube > a {
        flex-direction: column
    }

    header ul#header-main-1 > li:hover > .child {
        display: block
    }

    header ul#header-main-1 > li:before {
        background: #004394;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
        top: calc(100% - 1px);
        transition: .3s;
        width: 0
    }

    header ul#header-main-1 > li > a {
        display: flex;
        padding: 14px 0
    }

    header ul#header-main-1 .menu-item--next {
        display: none
    }
}

@media (max-width: 992px) {
    header ul#header-main-1 {
        flex-direction: column
    }

    header ul#header-main-1 li {
        border-bottom: 1px solid #e5e5e5;
        height: 60px;
        padding: 0 16px
    }

    header ul#header-main-1 a, header ul#header-main-1 li {
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    header ul#header-main-1 a {
        color: #424242;
        display: flex;
        font-weight: 500;
        height: 50%
    }

    header ul#header-main-1 a > span {
        align-items: center;
        display: flex
    }

    header ul#header-main-1 a > span .icon {
        margin-right: 16px
    }

    header ul#header-main-1 .child {
        bottom: 0;
        display: flex;
        flex-direction: column;
        left: 0;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        visibility: hidden;
        z-index: 1045
    }

    header ul#header-main-1 .child.show {
        transform: none;
        visibility: visible
    }

    header ul#header-main-1 .menu-item--next {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 100%;
        justify-content: flex-end;
        width: 3em
    }

    header ul#header-main-1 .menu-back {
        cursor: pointer;
        justify-content: flex-start
    }

    header ul#header-main-1 .menu-back a {
        margin-left: 27px
    }

    header ul#header-main-1 .item-title {
        background: #f9f9f9;
        color: #004394;
        font-weight: 500;
        padding-top: 3px
    }

    header ul#header-main-1 .menu-additional {
        background: #f9f9f9
    }

    header ul#header-main-1 .menu-additional .menu-item--next {
        width: 100%
    }

    header ul#header-main-1 .menu-additional .icon {
        background-color: #004394
    }
}

header .header-fixed-1 {
    align-items: center;
    background: #fff;
    display: flex;
    height: 61px;
    justify-content: space-between;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: .5s;
    visibility: hidden;
    z-index: 1100
}

header .header-fixed-1.fixed {
    filter: drop-shadow(0 4px 10px rgba(66, 66, 66, .1));
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

header .header-fixed-1 .header-fixed_menu {
    align-self: flex-end
}

header .header-fixed-1 .header-fixed_menu > ul > li.root-item + li {
    margin-left: 40px
}

header .header-fixed-1 .header-fixed_menu > ul > li.root-item > a {
    color: #424242 !important
}

header .header-fixed-1 .header-fixed_menu > ul > li.root-item:hover > a {
    color: #004394 !important
}

header .header-fixed-1 .header-fixed_search form input[type=text] {
    border-radius: 12px;
    height: 40px;
    max-width: 165px
}

header .header-fixed-1 .header-fixed_search form input[type=text]::-moz-placeholder {
    font-size: 1rem
}

header .header-fixed-1 .header-fixed_search form input[type=text]:-ms-input-placeholder {
    font-size: 1rem
}

header .header-fixed-1 .header-fixed_search form input[type=text]::placeholder {
    font-size: 1rem
}

header .header-fixed-1 .header-fixed_search form input[type=submit] {
    height: 24px;
    width: 24px
}

header .header-fixed-1 .btn-request-zamer {
    font-size: 1rem;
    padding: 0 42px
}

.menu-bottom {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 16px 80px
}

.menu-bottom--title {
    font-size: 14px;
    font-weight: 500
}

.menu-bottom--item {
    display: flex;
    gap: 14px
}

.menu-bottom--item, .menu-bottom--item a {
    color: #424242;
    font-size: 10px;
    line-height: 20px;
    text-decoration: none
}

.menu-bottom--item_socials {
    gap: 20px
}

.phones-add_list {
    font-size: 1rem
}

.phones-add_list, .phones-add_list li {
    list-style: none;
    margin: 0;
    padding: 0
}

.phones-add_list li + li {
    margin-top: 1.25em
}

.phones-add_list .phone-desc {
    color: #b3b3b3;
    font-size: .75em;
    margin-bottom: .5em
}

.phones-add_list .phone-shedule {
    font-size: .75em;
    margin-top: .25em
}

.icon-mask {
    background: #424242;
    display: inline-block;
    flex-shrink: 0;
    height: 10px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 10px
}

.icon-mask-chevron-down {
    height: 5px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-medium.svg);
    mask-image: url(../img/icons/icon-chevron-down-medium.svg);
    width: 8px
}

.icon-mask-chevron-down-light {
    height: 5px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-light.svg);
    mask-image: url(../img/icons/icon-chevron-down-light.svg);
    width: 7px
}

.icon-mask-chevron-down-bold {
    height: 6px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-bold.svg);
    mask-image: url(../img/icons/icon-chevron-down-bold.svg);
    width: 9px
}

.icon-mask-chevron-left {
    height: 6px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-medium.svg);
    mask-image: url(../img/icons/icon-chevron-down-medium.svg);
    transform: rotate(90deg);
    width: 8px
}

.icon-mask-chevron-left-light {
    height: 7px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-light.svg);
    mask-image: url(../img/icons/icon-chevron-down-light.svg);
    transform: rotate(90deg);
    width: 9px
}

.icon-mask-chevron-left-bold {
    height: 6px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-bold.svg);
    mask-image: url(../img/icons/icon-chevron-down-bold.svg);
    transform: rotate(90deg);
    width: 9px
}

.icon-mask-chevron-right {
    height: 6px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-medium.svg);
    mask-image: url(../img/icons/icon-chevron-down-medium.svg);
    transform: rotate(-90deg);
    width: 8px
}

.icon-mask-chevron-right-light {
    height: 7px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-light.svg);
    mask-image: url(../img/icons/icon-chevron-down-light.svg);
    transform: rotate(-90deg);
    width: 9px
}

.icon-mask-chevron-right-bold {
    height: 6px;
    -webkit-mask-image: url(../img/icons/icon-chevron-down-bold.svg);
    mask-image: url(../img/icons/icon-chevron-down-bold.svg);
    transform: rotate(-90deg);
    width: 9px
}

.icon-mask-magnifier {
    height: 29px;
    -webkit-mask-image: url(../img/icons/icon-magnifier.svg);
    mask-image: url(../img/icons/icon-magnifier.svg);
    width: 29px
}

.icon-mask-cart {
    height: 18px;
    -webkit-mask-image: url(../img/icons/icon-cart.svg);
    mask-image: url(../img/icons/icon-cart.svg);
    width: 18px
}

.icon-mask-burger {
    height: 12px;
    -webkit-mask-image: url(../img/icons/icon-burger.svg);
    mask-image: url(../img/icons/icon-burger.svg);
    width: 16px
}

.icon-mask-arrow-left, .icon-mask-arrow-right {
    height: 11px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right.svg);
    mask-image: url(../img/icons/icon-arrow-right.svg);
    width: 14px
}

.icon-mask-arrow-left {
    transform: rotate(180deg)
}

.icon-mask-play {
    height: 9px;
    -webkit-mask-image: url(../img/icons/icon-play.svg);
    mask-image: url(../img/icons/icon-play.svg);
    width: 6px
}

.icon-mask-in-circle-arrow-right {
    align-items: center;
    background: transparent;
    border: 1px solid #424242;
    border-radius: 50%;
    content: "";
    display: inline-flex;
    height: 36px;
    justify-content: center;
    position: relative;
    width: 36px
}

@media (min-width: 768px) {
    .icon-mask-in-circle-arrow-right {
        height: 46px;
        width: 46px
    }
}

.icon-mask-in-circle-arrow-right:after {
    background: #424242;
    content: "";
    display: inline-flex;
    height: 10px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right.svg);
    mask-image: url(../img/icons/icon-arrow-right.svg);
    width: 14px
}

.icon-mask-in-circle-arrow-right.with-line:before {
    background: #424242;
    content: "";
    height: 1px;
    left: -200%;
    position: absolute;
    right: 29px;
    top: 50%
}

@media (min-width: 768px) {
    .icon-mask-in-circle-arrow-right.with-line:before {
        right: 37px
    }
}

.icon-mask-in-circle-arrow-left {
    align-items: center;
    background: transparent;
    border: 1px solid #424242;
    border-radius: 50%;
    content: "";
    display: inline-flex;
    height: 36px;
    justify-content: center;
    position: relative;
    width: 36px
}

@media (min-width: 768px) {
    .icon-mask-in-circle-arrow-left {
        height: 46px;
        width: 46px
    }
}

.icon-mask-in-circle-arrow-left:after {
    background: #424242;
    content: "";
    display: inline-flex;
    height: 10px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right.svg);
    mask-image: url(../img/icons/icon-arrow-right.svg);
    transform: rotate(180deg);
    width: 14px
}

.icon-mask-in-circle-arrow-left.with-line:before {
    background: #424242;
    content: "";
    height: 1px;
    left: 37px;
    position: absolute;
    right: -200%;
    top: 50%
}

.icon-mask-catalog-block {
    height: 22px;
    -webkit-mask-image: url(../img/icons/icon-catalog-block.svg);
    mask-image: url(../img/icons/icon-catalog-block.svg);
    width: 22px
}

.icon-mask-catalog-list {
    height: 22px;
    -webkit-mask-image: url(../img/icons/icon-catalog-list.svg);
    mask-image: url(../img/icons/icon-catalog-list.svg);
    width: 22px
}

.icon-minus, .icon-plus {
    align-items: center;
    display: inline-flex;
    height: 1.75em;
    justify-content: center;
    position: relative;
    width: 1.75em
}

.icon-minus:after, .icon-minus:before, .icon-plus:after, .icon-plus:before {
    border: 1px solid #424242;
    border-radius: 15%;
    content: "";
    display: inline-flex;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .5s;
    width: 1.125em
}

.icon-minus.fa-angle-down:after, .icon-plus.fa-angle-down:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.icon-plus:after {
    height: 1.125em;
    width: 0
}

.icon-mask-filter {
    height: 15px;
    -webkit-mask-image: url(../img/icons/icon-filter.svg);
    mask-image: url(../img/icons/icon-filter.svg);
    width: 14px
}

.icon-sort {
    background: no-repeat 50% url(../img/icons/icon-sort.svg);
    background-size: contain;
    display: inline-block;
    height: 15px;
    width: 32px
}

.icon-mask-vk {
    height: 25px;
    -webkit-mask-image: url(../img/icons/icon-vk.svg);
    mask-image: url(../img/icons/icon-vk.svg);
    width: 25px
}

.icon-mask-ok {
    height: 25px;
    -webkit-mask-image: url(../img/icons/icon-ok.svg);
    mask-image: url(../img/icons/icon-ok.svg);
    width: 25px
}

.icon-mask-tg {
    height: 25px;
    -webkit-mask-image: url(../img/icons/icon-tg.svg);
    mask-image: url(../img/icons/icon-tg.svg);
    width: 25px
}

.icon-mask-whatsapp {
    height: 25px;
    -webkit-mask-image: url(../img/icons/icon-whatsapp.svg);
    mask-image: url(../img/icons/icon-whatsapp.svg);
    width: 25px
}

.icon-mask-youtube {
    height: 25px;
    -webkit-mask-image: url(../img/icons/icon-youtube.svg);
    mask-image: url(../img/icons/icon-youtube.svg);
    width: 25px
}

.icon-mask-zamer {
    height: 20px;
    -webkit-mask-image: url(../img/icons/icon-zamer.svg);
    mask-image: url(../img/icons/icon-zamer.svg);
    width: 20px
}

.icon-mask-calc {
    height: 20px;
    -webkit-mask-image: url(../img/icons/icon-calc.svg);
    mask-image: url(../img/icons/icon-calc.svg);
    width: 20px
}

.icon-calc {
    background: no-repeat 50% url(../img/icons/icon-calc.svg);
    background-color: transparent !important;
    background-size: contain;
    height: 20px;
    width: 20px
}

.icon-mask-phone {
    height: 20px;
    -webkit-mask-image: url(../img/icons/icon-phone.svg);
    mask-image: url(../img/icons/icon-phone.svg);
    width: 20px
}

.icon-phone-big {
    background: no-repeat 50% url(../img/icons/icon-phone-big.svg);
    background-color: transparent !important;
    background-size: contain;
    height: 46px;
    width: 50px
}

.icon-mask-marker {
    height: 20px;
    -webkit-mask-image: url(../img/icons/icon-marker.svg);
    mask-image: url(../img/icons/icon-marker.svg);
    width: 20px
}

.icon-mask-mail {
    height: 20px;
    -webkit-mask-image: url(../img/icons/icon-mail.svg);
    mask-image: url(../img/icons/icon-mail.svg);
    width: 20px
}

.icon-mask-multiply {
    height: 13.5px;
    -webkit-mask-image: url(../img/icons/icon-x.svg);
    mask-image: url(../img/icons/icon-x.svg);
    width: 13.5px
}

.icon-mask-equal {
    height: 14px;
    -webkit-mask-image: url(../img/icons/icon-result.svg);
    mask-image: url(../img/icons/icon-result.svg);
    width: 14px
}

.icon-copy {
    background: url(../img/copy.png);
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin-left: 10px;
    width: 24px
}

.icon-arrow-css {
    height: 11px;
    position: relative;
    width: 14px
}

.icon-arrow-css:after {
    background: #fff;
    height: 1px;
    left: 0;
    right: 0
}

.icon-arrow-css:after, .icon-arrow-css:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%
}

.icon-arrow-css:before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    height: 8px;
    transform: translateY(-45%);
    width: 8px
}

.icon-arrow-css.right:before {
    right: 1px;
    transform: translateY(-45%) rotate(45deg)
}

.icon-arrow-css.left:before {
    left: 1px;
    transform: translateY(-45%) rotate(-45deg)
}

.icon-arrow-css.dark:before {
    border-color: #424242
}

.icon-arrow-css.dark:after {
    background: #424242
}

.btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #004394;
    border: 1px solid #004394;
    border-radius: 55px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 38px;
    justify-content: center;
    letter-spacing: -.01em;
    line-height: 36px;
    max-width: 100%;
    outline: 0;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: .3s;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.btn:hover {
    box-shadow: inset 2px 4px 10px rgba(34, 34, 34, .2);
    color: #fff
}

.btn:active {
    background: #73a7e5;
    border-color: #e5e5e5;
    color: #424242
}

.btn.disabled, .btn:disabled, .btn[disabled] {
    background: #ccc;
    cursor: default
}

.btn.white {
    background: #fff;
    border-color: #fff;
    color: #424242
}

.btn.gray {
    background: #b3b3b3;
    border-color: #b3b3b3;
    color: #424242
}

.btn.alt {
    background: #b5ccee;
    border-color: #b5ccee;
    color: #424242
}

.btn .icon-mask {
    background-color: #fff
}

.btn-invert {
    background-color: transparent;
    border-color: #004394;
    color: #424242
}

.btn-invert:hover {
    background-color: #004394;
    color: #fff
}

.btn.orange {
    background-color: #ff8400;
    border-color: #ff8400;
    box-shadow: 0 6px 15px rgba(0, 0, 0, .1);
    color: #fff
}

.btn.orange:hover {
    background-color: transparent;
    color: #ff8400
}

.btn-circle {
    align-items: center;
    background: transparent;
    border: 1px solid #424242;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px
}

@media (min-width: 768px) {
    .btn-circle {
        height: 46px;
        width: 46px
    }
}

.btn-circle-arrow-line-left, .btn-circle-arrow-line-right {
    color: #424242;
    display: flex;
    font-size: 1rem;
    position: relative;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content
}

.btn-circle-arrow-line-left span.btn-text, .btn-circle-arrow-line-right span.btn-text {
    display: inline-flex
}

.btn-circle-arrow-line-right .icon-mask-in-circle-arrow-right.with-line {
    position: static
}

.btn-circle-arrow-line-right .icon-mask-in-circle-arrow-right.with-line:before {
    left: 0;
    transition: .3s
}

.btn-circle-arrow-line-right:hover .icon-mask-in-circle-arrow-right.with-line:before {
    transform: translateX(10px)
}

.btn-circle-arrow-line-right span.btn-text {
    margin-right: 1.25em
}

.btn-circle-arrow-line-left .icon-mask-in-circle-arrow-left.with-line {
    position: static
}

.btn-circle-arrow-line-left .icon-mask-in-circle-arrow-left.with-line:before {
    right: 0;
    transition: .3s
}

.btn-circle-arrow-line-left:hover .icon-mask-in-circle-arrow-left.with-line:before {
    transform: translateX(-10px)
}

.btn-circle-arrow-line-left span.btn-text {
    margin-left: 1.25em
}

.btn-circle-orange {
    background: linear-gradient(180deg, #ff8400 19.57%, #ffa647 48.97%, #ff8400 82.61%);
    border-radius: 50%;
    box-shadow: 0 0 28.2609px rgba(66, 66, 66, .15), inset 0 -2.82609px 5.65217px #954700, inset 0 5.65217px 5.65217px hsla(0, 0%, 100%, .2);
    filter: drop-shadow(0 0 5.09804px rgba(0, 0, 0, .25));
    height: 65px;
    width: 65px
}

.btn-circle-orange, .btn-circle-orange-wrap {
    align-items: center;
    border: none;
    display: flex;
    justify-content: center;
    padding: 0;
    transition: .3s
}

.btn-circle-orange-wrap {
    background: transparent;
    border-radius: 50%;
    height: 75px;
    outline: none !important;
    width: 75px
}

.btn-circle-orange-wrap:hover {
    background-color: #6c6c6c
}

.btn-circle-orange:before {
    background: #fff;
    content: "";
    height: 21.67px;
    -webkit-mask: no-repeat center url(../img/icons/icon-download-1.svg);
    mask: no-repeat center url(../img/icons/icon-download-1.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: .3s;
    width: 21.67px
}

.btn-circle-orange:hover {
    box-shadow: 0 0 28.2609px rgba(66, 66, 66, .15), inset 0 -2.82609px 5.65217px #954700, inset 0 5.65217px 5.65217px hsla(0, 0%, 100%, .2);
    filter: drop-shadow(0 0 5.09804px rgba(0, 0, 0, .25))
}

.btn-circle-orange:active {
    background: linear-gradient(180deg, #ff8400 19.57%, #ffa647 48.97%, #ff8400 82.61%)
}

.btn-circle-orange:active:before {
    background: #004394
}

.field {
    position: relative
}

.field + .field {
    margin-top: .875em
}

.field input[type=email], .field input[type=number], .field input[type=password], .field input[type=tel], .field input[type=text] {
    background: transparent;
    border: 1px solid #b3b3b3;
    border-radius: 16px;
    color: #b3b3b3;
    font-size: 1em;
    height: 2.625em;
    line-height: 1.19;
    outline: none !important;
    padding: 0 1.5em;
    transition: .3s;
    width: 100%
}

.field input[type=email]:focus + .field--label-text, .field input[type=email]:hover + .field--label-text, .field input[type=email]:valid + .field--label-text, .field input[type=number]:focus + .field--label-text, .field input[type=number]:hover + .field--label-text, .field input[type=number]:valid + .field--label-text, .field input[type=password]:focus + .field--label-text, .field input[type=password]:hover + .field--label-text, .field input[type=password]:valid + .field--label-text, .field input[type=tel]:focus + .field--label-text, .field input[type=tel]:hover + .field--label-text, .field input[type=tel]:valid + .field--label-text, .field input[type=text]:focus + .field--label-text, .field input[type=text]:hover + .field--label-text, .field input[type=text]:valid + .field--label-text {
    font-size: .8em;
    top: 0;
    width: -moz-fit-content;
    width: fit-content
}

.field input[type=email]:focus, .field input[type=email]:focus-visible, .field input[type=number]:focus, .field input[type=number]:focus-visible, .field input[type=password]:focus, .field input[type=password]:focus-visible, .field input[type=tel]:focus, .field input[type=tel]:focus-visible, .field input[type=text]:focus, .field input[type=text]:focus-visible {
    border-color: #e1e8f0;
    outline-color: #e1e8f0
}

.field textarea {
    background: transparent;
    border: 1px solid #b3b3b3;
    border-radius: 16px;
    color: #b3b3b3;
    font-size: 1em;
    height: 4em;
    line-height: 1.19;
    padding: 0 1.5em;
    width: 100%
}

.field input[type=checkbox] {
    height: 1px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    visibility: hidden;
    width: 1px
}

.field input[type=checkbox] + .field__helper {
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    height: 21px;
    justify-content: center;
    margin-right: 10px;
    position: relative;
    transition: .3s;
    width: 21px
}

.field input[type=checkbox] + .field__helper:before {
    background: no-repeat 50% url(../img/icons/icon-check.svg);
    content: "";
    height: 21px;
    opacity: 0;
    transition: opacity .3s, visibility .3s;
    visibility: hidden;
    width: 21px
}

.field input[type=checkbox]:checked + .field__helper {
    background: #004394;
    border-color: #004394
}

.field input[type=checkbox]:checked + .field__helper:before {
    opacity: 1;
    visibility: visible
}

.field--label-text {
    background: #fff;
    color: #b3b3b3;
    font-size: 1em;
    left: 2em;
    padding: 5px;
    position: absolute;
    right: 2em;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s, width .5s ease-in;
    width: auto
}

.field-title {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px
}

.field.error input {
    border: 1px solid red !important
}

.field-select {
    position: relative
}

.field-select--input {
    height: 1px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 1px
}

.field-select--toggler {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    cursor: pointer;
    justify-content: space-between;
    padding: 10px 17px 10px 23px
}

.field-select--toggler, .field-select--toggler_item {
    align-items: center;
    display: flex
}

.field-select--toggler_icon {
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.field-select--toggler_arrow {
    margin-left: 10px
}

.field-select--dropdown_list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    width: 100%
}

.field-select--dropdown_list.columns-3 {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 330px;
    width: -moz-max-content;
    width: max-content
}

.field-select--dropdown_list.columns-3 .field-select--dropdown_list-item {
    width: 33.333%
}

.field-select--dropdown_list.columns-2 {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 125px;
    width: -moz-max-content;
    width: max-content
}

.field-select--dropdown_list.columns-2 .field-select--dropdown_list-item {
    width: 50%
}

.field-select--dropdown_list-item {
    cursor: pointer;
    list-style: none;
    margin: 0;
    opacity: 1;
    padding: 0
}

.field-select--dropdown_list-item + .field-select--dropdown_list-item {
    margin-top: .5em
}

.field-select--dropdown_list-item.disabled {
    cursor: default;
    opacity: .5
}

.field-select--dropdown_list-item.active, .field-select--dropdown_list-item.current {
    opacity: 1
}

.field-select--dropdown_list-item--icon {
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.field-select--dropdown_list-item--name {
    font-size: 14px
}

footer {
    font-size: 1rem;
    margin-top: auto;
    padding-top: 15px
}

.footer-1 {
    background: #222;
    padding-bottom: 1.19em !important;
    padding-top: 4.5em !important
}

@media (max-width: 576px) {
    .footer-1 {
        padding-top: 50px !important
    }
}

.page-catalog footer, .page-home footer {
    padding-top: 0
}

.footer-row {
    display: flex
}

.footer-row.row-menu {
    gap: 2em;
    justify-content: space-between
}

@media (max-width: 768px) {
    .footer-row.row-menu {
        flex-wrap: wrap
    }
}

.footer-row.row-menu .footer-col {
    max-width: 240px;
    width: auto
}

.footer-row.row-menu .footer-col.contacts, .footer-row.row-menu .footer-col.sending {
    width: 25%
}

@media (max-width: 768px) {
    .footer-row.row-menu .footer-col, .footer-row.row-menu .footer-col.contacts, .footer-row.row-menu .footer-col.sending {
        width: 40%
    }
}

@media (max-width: 576px) {
    .footer-row.row-menu .footer-col, .footer-row.row-menu .footer-col.contacts, .footer-row.row-menu .footer-col.sending {
        max-width: unset;
        width: 100%
    }
}

.footer-row.logos {
    margin-top: 6.25em
}

@media (max-width: 576px) {
    .footer-row.logos {
        margin-top: 60px
    }
}

.footer-row.logos .footer-logo {
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0;
    position: relative
}

.footer-row.logos .footer-logo figcaption {
    color: #fff;
    font-size: 1.25em;
    font-weight: 500;
    left: 0;
    position: absolute;
    top: -30px;
    white-space: nowrap
}

@media (max-width: 576px) {
    .footer-row.logos .footer-logo figcaption {
        font-weight: 400
    }
}

.footer-row.logos .footer-logo + .footer-logo {
    margin-left: 44px
}

.footer-row.logos .footer-logo img {
    -o-object-fit: contain;
    object-fit: contain
}

.footer-row.copyright {
    color: #b3b3b3;
    font-size: 10px;
    margin-top: 30px
}

@media (max-width: 576px) {
    .footer-row.copyright {
        flex-wrap: wrap;
        font-size: 9px;
        gap: 1em;
        justify-content: space-between;
        margin-top: 25px
    }
}

.footer-row.copyright .footer-col + .footer-col {
    margin-left: 12em
}

@media (max-width: 576px) {
    .footer-row.copyright .footer-col + .footer-col {
        margin-left: 0
    }
}

.footer-col--title {
    color: #fff;
    font-size: 1.25em;
    font-weight: 500;
    margin-bottom: .85em
}

.footer-col_content .simple-menu {
    font-size: .875em;
    list-style: none;
    margin: 0;
    padding: 1em 0 0
}

.footer-col_content .simple-menu li {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-col_content .simple-menu li + li {
    margin-top: 1.5em
}

.footer-col_content .simple-menu li a {
    color: #b3b3b3;
    text-decoration: none
}

@media (max-width: 768px) {
    .footer-col.contacts {
        order: 1
    }

    .footer-col.sending {
        order: 2
    }

    .footer-col.company {
        order: 3
    }

    .footer-col.info {
        order: 4
    }
}

.footer-block.phone {
    text-align: right
}

@media (max-width: 768px) {
    .footer-block.phone {
        text-align: left
    }
}

.footer-block.phone a {
    color: #fff;
    font-size: 1.25em
}

.footer-block.email {
    margin-top: .375em;
    text-align: right
}

@media (max-width: 768px) {
    .footer-block.email {
        text-align: left
    }
}

.footer-block.email a {
    color: #b3b3b3;
    font-size: .875em;
    text-decoration: none
}

.footer-block.zamer {
    margin-top: 1.5em
}

.footer-block.zamer .btn {
    font-size: 1em;
    padding-top: 0;
    width: 100%
}

.footer-soc-contacts {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 1.5em
}

.footer-soc-contacts > .soc-contact > .icon-mask {
    background-color: #b3b3b3
}

.region-list {
    display: none
}

.region-current {
    align-items: center;
    display: flex;
    font-size: 1em
}

.region-current i {
    margin-left: .3em
}

.header-search form {
    position: relative
}

.header-search form input[type=text] {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    height: 48px;
    max-width: 20.2em;
    outline: 0;
    padding: 0 0 0 1.5em;
    transition: .3s;
    width: 100%
}

.header-search form input[type=text]::-moz-placeholder {
    color: #b3b3b3
}

.header-search form input[type=text]:-ms-input-placeholder {
    color: #b3b3b3
}

.header-search form input[type=text]::placeholder {
    color: #b3b3b3
}

.header-search form input[type=text]:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, .15)
}

.header-search form input[type=text]:hover + input[type=submit] {
    background: #424242
}

.header-search form input[type=text]:focus {
    border: 3px solid #e1e8f0
}

.header-search form input[type=text]:focus + input[type=submit] {
    background: #004394
}

@media (max-width: 992px) {
    .header-search form input[type=text] {
        height: 30px
    }
}

.header-search form input[type=submit] {
    background: #b3b3b3;
    border: 0;
    cursor: pointer;
    font-size: 0;
    height: 29px;
    -webkit-mask-image: url(../img/icons/icon-magnifier.svg);
    mask-image: url(../img/icons/icon-magnifier.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    outline: 0;
    padding: 0;
    position: absolute;
    right: .9rem;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 29px
}

@media (max-width: 992px) {
    .header-search form input[type=submit] {
        height: 22px;
        width: 22px
    }
}

.main-banner-1 {
    font-size: 1rem;
    height: 450px;
    overflow: hidden;
    position: relative
}

@media (max-width: 768px) {
    .main-banner-1 {
        font-size: 3vw;
        /*height: clamp(460px, 120vw, 100vh);*/
		height: clamp(460px, 120vw, 50vh);
        text-align: center
    }
}

.main-banner-1.ib-section-1 {
    margin-top: 0
}

.main-banner-1 .main-banner_wrap {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.main-banner-1 .main-banner_wrap.text-align-left .main-banner_left {
    order: 2
}

.main-banner-1 .main-banner_wrap.text-align-left .main-banner_right {
    order: 1
}

@media (max-width: 768px) {
    .main-banner-1 .main-banner_wrap.text-align-left .main-banner_right {
        padding: 40px 0 45px
    }

    .main-banner-1 .main-banner_wrap.text-align-left .main-banner_right .main-banner--buttons {
        margin-top: auto
    }
}

.main-banner-1 .main-banner_wrap.text-align-center {
    text-align: center
}

.main-banner-1 .main-banner_wrap.text-align-right .main-banner_left {
    order: 1
}

.main-banner-1 .main-banner_wrap.text-align-right .main-banner_right {
    order: 2
}

.main-banner-1 .main-banner_wrap.text-color-light .main-banner_right {
    color: #fff
}

.main-banner-1 .main-banner_wrap.text-color-dark .main-banner_right {
    color: #424242
}

.main-banner-1 .main-banner--label {
    background: #d4e8ff;
    border-radius: 16px;
    font-size: max(.75em, 12px);
    padding: .5em 1.5em;
    position: absolute;
    top: 3em;
    white-space: nowrap
}

@media (max-width: 576px) {
    .main-banner-1 .main-banner--label {
        top: 2em
    }
}

.main-banner-1 .main-banner--background-pic {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.main-banner-1 .main-banner--background-pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.main-banner-1 .main-banner_left {
    max-height: 100%;
    width: 60%
}

@media (max-width: 768px) {
    .main-banner-1 .main-banner_left {
        width: 100%
    }
}

@media (max-width: 576px) {
    .main-banner-1 .main-banner_left {
        margin-left: -15px;
        margin-right: -15px;
        width: 100vw
    }
}

.main-banner-1 .main-banner_left img {
    /*height: 100%;*/
	height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.main-banner-1 .main-banner_right {
    color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    padding: 7.4% 0;
    width: 40%
}

@media (max-width: 768px) {
    .main-banner-1 .main-banner_right {
        padding: 0 0 10px;
        width: 100%
    }
}

.main-banner-1 .main-banner_right > * {
    padding-left: 6%
}

@media (max-width: 768px) {
    .main-banner-1 .main-banner_right > * {
        padding-left: 0
    }
}

.main-banner-1 .main-banner_right .main-banner--title {
    font-size: 2.125em;
    font-weight: 600;
    line-height: 1.14
}

.main-banner-1 .main-banner_right .main-banner--desc {
    font-size: 1.25em;
    line-height: 1.5;
    margin-top: 35px
}

@media (max-width: 768px) {
    .main-banner-1 .main-banner_right .main-banner--desc {
        margin-top: 10px
    }
}

.main-banner-1 .main-banner_right .main-banner--buttons {
    font-size: 1rem;
    margin-top: auto;
    padding-top: 3.2%
}

@media (max-width: 768px) {
    .main-banner-1 .main-banner_right .main-banner--buttons {
        display: flex;
        justify-content: center;
        margin-top: 0
    }
}

.main-banner-1 .btn {
    background: #004394;
    background: linear-gradient(180deg, #035ac4, #004394);
    border: none;
    height: 58px;
    padding: 0 56px;
    position: relative;
    transition: background 0s, box-shadow .3s
}

.main-banner-1 .btn:hover {
    box-shadow: 2px 6px 15px rgba(34, 34, 34, .4)
}

.main-banner-1 .btn:active {
    background: #004394;
    border-color: #004394;
    box-shadow: inset 2px 4px 10px rgba(34, 34, 34, .3);
    color: #fff
}

.main-banner-1 .carousel__nav {
    display: none
}

.main-banner-1.has-dots {
    overflow: visible
}

#about-1 {
    color: #fff;
    font-size: 1rem;
    overflow: hidden
}

@media (max-width: 992px) {
    #about-1 {
        font-size: .8rem
    }
}

#about-1 .about-1_wrap {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 493px
}

@media (max-width: 992px) {
    #about-1 .about-1_wrap {
        height: 531px
    }
}

#about-1 .about-1_inner {
    display: flex;
    height: 100%;
    position: relative
}

#about-1 .about-1_pic {
    bottom: 0;
    position: absolute;
    right: -155px
}

@media (max-width: 992px) {
    #about-1 .about-1_pic {
        height: 70%;
        right: -85px
    }
}

@media (max-width: 576px) {
    #about-1 .about-1_pic {
        height: clamp(250px, 66vw, 60%)
    }
}

#about-1 .about-1_pic img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

#about-1 .about-1_desc {
    letter-spacing: -.01em;
    margin-bottom: 5em;
    margin-top: auto;
    position: relative;
    z-index: 1
}

@media (max-width: 992px) {
    #about-1 .about-1_desc {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        width: 100%
    }
}

#about-1 .about-1_desc h1 {
    margin-bottom: 1.6em
}

#about-1 .about-1_desc--main {
    position: relative;
    width: 62.5%
}

@media (max-width: 992px) {
    #about-1 .about-1_desc--main {
        width: 100%
    }
}

#about-1 .about-1_desc--main .quotes {
    font-size: 4.375em;
    position: absolute
}

#about-1 .about-1_desc--main .quotes.q-top {
    bottom: calc(100% - .625em);
    left: 0
}

#about-1 .about-1_desc--main .quotes.q-bottom {
    right: 0;
    top: calc(100% - .7em);
    transform: rotate(180deg)
}

#about-1 .about-1_desc--main .about-1_desc--text {
    font-size: 1.25em;
    line-height: 2.125em
}

@media (max-width: 992px) {
    #about-1 .about-1_desc--main .about-1_desc--text {
        line-height: 1.75em
    }
}

@media (max-width: 576px) {
    #about-1 .about-1_desc--main .about-1_desc--text {
        font-size: 14px
    }
}

#about-1 .about-1_desc--bottom {
    margin-top: 2.75em;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 992px) {
    #about-1 .about-1_desc--bottom {
        margin-top: auto
    }
}

@media (max-width: 576px) {
    #about-1 .about-1_desc--bottom {
        width: 160px
    }
}

#about-1 .about-1_desc--bottom .desc-bottom--title {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.5em
}

#about-1 .about-1_desc--bottom .desc-bottom--desc {
    font-size: .875em;
    line-height: 1.25em;
    margin-top: 7px
}

#about-1 .about-1_desc--bottom .desc-bottom--pic {
    bottom: .625em;
    left: calc(100% - 2.625em);
    position: absolute;
    width: 100%
}

@media (max-width: 576px) {
    #about-1 .about-1_desc--bottom .desc-bottom--pic {
        bottom: unset;
        left: calc(100% - 66px);
        right: unset;
        top: 77%
    }
}

#about-1 .about-1_desc--bottom .desc-bottom--pic img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

#advantages-1 .advantages-slider {
    display: flex;
    height: auto;
    margin: 0;
    position: relative
}

@media (min-width: 576px) {
    #advantages-1 .advantages-slider {
        height: 600px
    }
}

@media (min-width: 768px) {
    #advantages-1 .advantages-slider {
        height: 500px;
        margin: 0 -3.86rem;
        margin: 0
    }
}

#advantages-1 .advantages-slider .advantages-item {
    padding: 2rem 0;
    transition: .3s;
    width: 100%
}

@media (min-width: 576px) {
    #advantages-1 .advantages-slider .advantages-item {
        padding: 2rem;
        width: 60%
    }
}

@media (min-width: 768px) {
    #advantages-1 .advantages-slider .advantages-item {
        padding: 2rem 3.86rem;
        width: 50%
    }
}

@media (min-width: 992px) {
    #advantages-1 .advantages-slider .advantages-item {
        width: 33.33%
    }
}

#advantages-1 .advantages-slider .advantages-item .advantages-item--inner {
    background: #fff;
    filter: drop-shadow(0 0 16px rgba(66, 66, 66, .15));
    height: 100%;
    min-height: 355px;
    position: relative;
    width: 100%
}

#advantages-1 .advantages-slider .advantages-item .advantages-item--label {
    background: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 90%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 90%, 0 100%);
    height: 57px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 37px;
    z-index: 1
}

#advantages-1 .advantages-slider .advantages-item .advantages-item--label .advantages-item--label_icon {
    background-size: contain;
    height: 25px;
    left: 50%;
    position: absolute;
    top: 20%;
    transform: translateX(-50%);
    width: 25px
}

#advantages-1 .advantages-slider .advantages-item .advantages-item--picture {
    display: block;
    filter: grayscale(100%);
    height: 230px;
    overflow: hidden;
    transition: .5s
}

@media (min-width: 768px) {
    #advantages-1 .advantages-slider .advantages-item .advantages-item--picture {
        height: 200px
    }
}

#advantages-1 .advantages-slider .advantages-item .advantages-item--picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

#advantages-1 .advantages-slider .advantages-item .advantages-item--text {
    padding: 25px 20px;
    text-align: center
}

#advantages-1 .advantages-slider .advantages-item .advantages-item--title {
    font-weight: 600
}

#advantages-1 .advantages-slider .advantages-item .advantages-item--desc {
    font-size: .75rem;
    line-height: 1.7;
    margin-top: 12px
}

@media (min-width: 576px) {
    #advantages-1 .advantages-slider .advantages-item.is-selected {
        transform: scale(1.39) translateY(2rem)
    }
}

#advantages-1 .advantages-slider .advantages-item.is-selected .advantages-item--picture {
    filter: unset
}

#advantages-1 .advantages-slider .advantages-item.is-selected .advantages-item--title {
    color: #004394
}

#advantages-1 .advantages-slider .carousel__viewport {
    height: calc(100% + 100px);
    margin-top: -50px;
    max-height: unset;
    padding-top: 50px
}

#advantages-1 .advantages-slider .carousel__track {
    height: auto
}

#advantages-1 .advantages-slider .carousel__dots {
    display: none
}

#advantages-1 .advantages-slider .carousel__nav {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

@media (min-width: 576px) {
    #advantages-1 .advantages-slider .carousel__nav {
        bottom: 23px
    }
}

#advantages-1 .advantages-slider .carousel__button {
    align-items: center;
    border: 1px solid #424242;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

@media (min-width: 576px) {
    #advantages-1 .advantages-slider .carousel__button {
        height: 46px;
        width: 46px
    }
}

#advantages-1 .advantages-slider .carousel__button:before {
    background: #424242;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: .3s;
    width: 135%
}

@media (min-width: 576px) {
    #advantages-1 .advantages-slider .carousel__button:before {
        width: 120px
    }
}

#advantages-1 .advantages-slider .carousel__button:after {
    background: #424242;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 25%
}

#advantages-1 .advantages-slider .carousel__button.is-next {
    right: 28%
}

@media (min-width: 768px) {
    #advantages-1 .advantages-slider .carousel__button.is-next {
        right: 16%
    }
}

#advantages-1 .advantages-slider .carousel__button.is-next:before {
    right: 75%
}

#advantages-1 .advantages-slider .carousel__button.is-next:after {
    left: 31%
}

#advantages-1 .advantages-slider .carousel__button.is-prev {
    left: 28%
}

@media (min-width: 768px) {
    #advantages-1 .advantages-slider .carousel__button.is-prev {
        left: 16%
    }
}

#advantages-1 .advantages-slider .carousel__button.is-prev:before {
    left: 75%
}

#advantages-1 .advantages-slider .carousel__button.is-prev:after {
    right: 31%;
    transform: rotate(180deg)
}

#advantages-1 .advantages-slider .carousel__button:hover.is-next:before {
    right: 50%;
    width: 50px
}

#advantages-1 .advantages-slider .carousel__button:hover.is-prev:before {
    left: 50%;
    width: 50px
}

#advantages-1 .advantages-slider .carousel__button svg {
    stroke-width: 2;
    height: 30%;
    position: absolute;
    top: 50%;
    transform: translateY(-47%);
    width: 30%
}

#main-video-1 {
    display: flex;
    flex-wrap: wrap
}

#main-video-1 .text-block {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width: 992px) {
    #main-video-1 .text-block {
        order: 2;
        padding-left: 20px;
        width: 43%
    }
}

#main-video-1 .text-block--desc {
    line-height: 1.5
}

#main-video-1 .text-block--desc .desc-add {
    display: inline-block;
    margin-top: 9px
}

#main-video-1 .text-block--bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 5px
}

#main-video-1 .text-block--link {
    color: #424242;
    font-size: .882rem;
    text-decoration: none
}

#main-video-1 .text-block--link-button {
    border-color: #b3b3b3;
    transition: .3s
}

#main-video-1 .text-block--link-button .icon-mask {
    background: #b3b3b3;
    transition: .3s
}

#main-video-1 .text-block--link-button:hover {
    border-color: #424242
}

#main-video-1 .text-block--link-button:hover .icon-mask {
    background: #424242
}

#main-video-1 .video-block {
    margin-top: 20px;
    width: 100%
}

@media (min-width: 992px) {
    #main-video-1 .video-block {
        margin-top: 0;
        order: 1
    }
}

#main-video-1 .video-block--video {
    aspect-ratio: 1.9/1;
    position: relative;
    width: 100%
}

#main-video-1 .video-block .video-item {
    background-color: #2e6da4;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: .5s;
    width: 100%
}

#main-video-1 .video-block:hover .video-item {
    filter: grayscale(50%) blur(1px) brightness(80%)
}

.video-play {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px
}

@media (min-width: 992px) {
    .video-play {
        height: 59px;
        width: 59px
    }

    .video-play .icon-mask {
        height: 16px;
        width: 9px
    }
}

.def-tabs, .services-tabs {
    border-bottom: 1px solid #e5e5e5;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    padding-bottom: 3px !important
}

.def-tabs .def-tab, .def-tabs .services-tab, .services-tabs .def-tab, .services-tabs .services-tab {
    cursor: pointer;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    position: relative
}

.def-tabs .def-tab + .def-tab, .def-tabs .def-tab + .services-tab, .def-tabs .services-tab + .def-tab, .def-tabs .services-tab + .services-tab, .services-tabs .def-tab + .def-tab, .services-tabs .def-tab + .services-tab, .services-tabs .services-tab + .def-tab, .services-tabs .services-tab + .services-tab {
    margin-left: 2.81em
}

.def-tabs .def-tab--name, .def-tabs .services-tab--name, .services-tabs .def-tab--name, .services-tabs .services-tab--name {
    color: #b3b3b3;
    display: inline-flex;
    padding-bottom: 1em;
    transition: .3s
}

.def-tabs .def-tab--name:after, .def-tabs .services-tab--name:after, .services-tabs .def-tab--name:after, .services-tabs .services-tab--name:after {
    background: #004394;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    position: absolute;
    right: 100%;
    top: 100%;
    transition: .3s
}

.def-tabs .def-tab--name.active:after, .def-tabs .def-tab--name:hover:after, .def-tabs .services-tab--name.active:after, .def-tabs .services-tab--name:hover:after, .services-tabs .def-tab--name.active:after, .services-tabs .def-tab--name:hover:after, .services-tabs .services-tab--name.active:after, .services-tabs .services-tab--name:hover:after {
    right: 0
}

.def-tabs .def-tab--name.active, .def-tabs .services-tab--name.active, .services-tabs .def-tab--name.active, .services-tabs .services-tab--name.active {
    color: #424242
}

.services-tabs--content {
    margin-top: 30px;
    width: 100%
}

.services-tabs--content .tab-item {
    display: none;
    position: relative
}

@media (max-width: 576px) {
    .services-tabs--content .tab-item {
        align-items: end;
        aspect-ratio: 16/9;
        justify-content: center;
        padding: 20px 50px
    }
}

.services-tabs--content .tab-item.active {
    display: flex
}

.services-tabs--content .tab-item--picture {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.services-tabs--content .tab-item--picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.services-tabs--content .tab-item--info {
    background: rgba(0, 0, 0, .6);
    min-width: 325px;
    padding: 2.93em 2.44em 2.56em 4.19em;
    width: 36.8%
}

.services-tabs--content .tab-item--name {
    color: #fff;
    font-size: 2.25em;
    font-weight: 500
}

.services-tabs--content .tab-item--variants {
    list-style: none;
    margin: 3.94em 0 0;
    padding: 0
}

.services-tabs--content .tab-item--variants li {
    background: #fff;
    border-radius: 50px;
    margin: 1.79em 0 0;
    padding: .86em 1.71em;
    width: -moz-fit-content;
    width: fit-content
}

.services-tabs--content .tab-item--bottom {
    margin-top: 3.75em;
    width: 100%
}

.services-tabs--content .tab-item--link {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.25em;
    font-weight: 600;
    justify-content: space-between;
    letter-spacing: .7px;
    width: 100%
}

.services-tabs--content .tab-item--link button {
    border-color: #fff;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative
}

.services-tabs--content .tab-item--link button:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 35px;
    top: 50%;
    transition: .5s;
    width: 120px
}

@media (max-width: 1200px) {
    .services-tabs--content .tab-item--link button:before {
        width: 70px
    }
}

.services-tabs--content .tab-item--link button .icon-mask {
    background: #fff
}

.services-tabs--content .tab-item--link:hover button:before {
    right: 50%;
    width: 100%
}

.services-tabs--content .tab-item--link_mob {
    width: 100%
}

.def-tabs--content {
    margin-top: 30px;
    width: 100%
}

.def-tabs--content .tab-item {
    display: none;
    position: relative
}

.def-tabs--content .tab-item.active {
    display: flex
}

.partners-slider-1 {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    position: relative
}

@media (max-width: 576px) {
    .partners-slider-1 {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px)
    }
}

.partners-slider-1 .carousel__viewport {
    width: 100%
}

.partners-slider-1 .partner-item {
    padding: 10px;
    position: relative;
    width: 25%
}

@media (max-width: 768px) {
    .partners-slider-1 .partner-item {
        width: 50%
    }
}

@media (max-width: 576px) {
    .partners-slider-1 .partner-item {
        padding: 5px
    }
}

.partners-slider-1 .partner-item--pic {
    align-items: center;
    background: #fff;
    box-shadow: 0 0 10px rgba(66, 66, 66, .15);
    display: flex;
    height: 137px;
    justify-content: center;
    padding: 10px;
    width: 100%
}

@media (max-width: 576px) {
    .partners-slider-1 .partner-item--pic {
        height: 85px
    }
}

.partners-slider-1 .partner-item--pic img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

@media (max-width: 576px) {
    .partners-slider-1 .carousel__viewport {
        width: 100%
    }
}

.partners-slider-1 .carousel__nav {
    display: none
}

.news-section-preview-row {
    margin-left: -10px;
    margin-right: -10px
}

@media (max-width: 768px) {
    .news-section-preview-row {
        margin-left: 0;
        margin-right: 0
    }
}

.news-section-preview .news-section {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    padding: 0 10px;
    position: relative;
    width: 50%
}

@media (max-width: 992px) {
    .news-section-preview .news-section {
        font-size: .9rem
    }
}

@media (max-width: 768px) {
    .news-section-preview .news-section {
        padding: 0;
        width: 100%
    }
}

@media (max-width: 576px) {
    .news-section-preview .news-section {
        font-size: .75rem
    }
}

.news-section-preview .news-section-big--item {
    background: #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding-bottom: .94em;
    position: relative
}

.news-section-preview .news-section-big .news-item--title {
    left: 0;
    position: absolute;
    top: 1.18em;
    z-index: 1
}

.news-section-preview .news-section-big .news-item--title_text {
    background: #004394;
    -webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%);
    color: #fff;
    display: inline-flex;
    font-size: 1.375em;
    height: 100%;
    line-height: 1.27;
    padding: .636em 1.363em .636em 1.77em;
    width: 100%
}

.news-section-preview .news-section-big .news-item--title.with-add_text {
    padding-bottom: 1.045em
}

.news-section-preview .news-section-big .news-item--title-add {
    left: 48%;
    min-width: 80%;
    position: absolute;
    top: calc(100% - .8em);
    transform: translateX(-50%)
}

.news-section-preview .news-section-big .news-item--title-add_text {
    background: #f6f6f6;
    -webkit-clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
    color: #424242;
    display: inline-flex;
    font-size: 1em;
    font-weight: 500;
    justify-content: center;
    line-height: 1.5;
    padding: .31em 2em;
    width: 100%
}

.news-section-preview .news-section-big .news-item-preview {
    cursor: pointer;
    flex-shrink: 0;
    height: 250px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

@media (max-width: 576px) {
    .news-section-preview .news-section-big .news-item-preview {
        aspect-ratio: 1.85/1;
        height: unset
    }
}

.news-section-preview .news-section-big .news-item-preview.preview-video:hover .news-item-preview--pic {
    filter: grayscale(50%) blur(1px) brightness(80%)
}

.news-section-preview .news-section-big .news-item-preview--pic {
    transition: .5s
}

.news-section-preview .news-section-big .news-item-preview--pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.news-section-preview .news-section-big .news-item-video {
    cursor: pointer;
    display: inline-flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.news-section-preview .news-section-big .news-item-video video {
    display: none
}

.news-section-preview .news-section-big .news-item-video .btn-play {
    border-color: #fff;
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.news-section-preview .news-section-big .news-item-video .btn-play .icon-mask-play {
    background: #fff;
    height: 16px;
    width: 26px
}

.news-section-preview .news-section-big .news-item--text {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    position: relative
}

.news-section-preview .news-section-big .news-item--name {
    color: #004394;
    font-size: 1.25em;
    font-weight: 500;
    margin-top: .94em;
    text-decoration: none
}

.news-section-preview .news-section-big .news-item--anounce {
    font-size: .875em;
    line-height: 1.86;
    margin-top: .5em;
    position: relative
}

.news-section-preview .news-section-big .news-item--anounce:after {
    background: linear-gradient(0deg, #e5e5e5, hsla(0, 0%, 90%, .806) 50%, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    display: inline-block;
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%
}

.news-section-preview .news-section-big .news-item--anounce span {
    bottom: -4em;
    display: inline-block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.news-section-preview .news-section-big .news-item--bottom {
    align-items: center;
    color: #b3b3b3;
    display: flex;
    font-size: .625rem;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 65px
}

.news-section-preview .news-section-big--bottom {
    margin-top: 1em
}

.news-section-preview .news-section-big--bottom .news-item--more {
    align-items: center;
    color: #b3b3b3;
    display: flex;
    justify-content: space-between
}

@media (max-width: 768px) {
    .news-section-preview .news-section-big--bottom .news-item--more {
        position: absolute;
        right: 0;
        top: 0
    }

    .news-section-preview .news-section-big--bottom .news-item--more .btn-more {
        display: none
    }
}

.news-section-preview .news-section-big--bottom .news-item--more .btn-more {
    border-color: #b3b3b3;
    cursor: pointer;
    position: relative
}

.news-section-preview .news-section-big--bottom .news-item--more .btn-more .icon-mask {
    background: #b3b3b3
}

.news-section-preview .news-section-big--bottom .news-item--more .btn-more:before {
    background: #b3b3b3;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 35px;
    top: calc(50% - 1px);
    transition: .5s;
    width: 120px
}

@media (max-width: 1200px) {
    .news-section-preview .news-section-big--bottom .news-item--more .btn-more:before {
        width: 70px
    }
}

.news-section-preview .news-section-big--bottom .news-item--more:hover .btn-more:before {
    right: 50%;
    width: 100%
}

@media (max-width: 768px) {
    .news-section-preview .news-section-minis {
        margin-top: 3rem
    }
}

@media (max-width: 576px) {
    .news-section-preview .news-section-minis {
        margin-top: 1rem
    }
}

.news-section-preview .news-section-minis--item {
    display: flex;
    flex-direction: column;
    width: 50%
}

@media (max-width: 576px) {
    .news-section-preview .news-section-minis--item {
        overflow: hidden
    }
}

.news-section-preview .news-section-minis .news-item-preview {
    border-radius: 16px;
    cursor: pointer;
    height: 180px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    transition: .3s;
    width: 100%
}

@media (max-width: 576px) {
    .news-section-preview .news-section-minis .news-item-preview {
        aspect-ratio: 1.85/1;
        height: unset
    }
}

.news-section-preview .news-section-minis .news-item-preview:hover {
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, .5)
}

.news-section-preview .news-section-minis .news-item-preview--pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: -1
}

.news-section-preview .news-section-minis .news-item--name {
    color: #424242;
    display: inline-flex;
    font-size: 1em;
    font-weight: 500;
    margin-top: .85em;
    text-decoration: none
}

.news-section-preview .news-section-minis .news-item--bottom {
    align-items: center;
    color: #b3b3b3;
    display: flex;
    font-size: .625rem;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 10px
}

.news-section-preview .news-slider-1 {
    position: relative
}

.news-section-preview .news-slider-1 .carousel__track {
    height: auto;
    margin: -10px;
    max-height: 673px
}

@media (max-width: 576px) {
    .news-section-preview .news-slider-1 .carousel__track {
        max-height: unset
    }
}

.news-section-preview .news-slider-1 .carousel__slide {
    padding: 10px;
    width: 50%
}

@media (max-width: 576px) {
    .news-section-preview .news-slider-1 .carousel__slide {
        width: 100%
    }
}

.news-section-preview .news-slider-1 .carousel__slide.news-item--block {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%
}

.news-section-preview .news-slider-1 .carousel__slide.news-item--block .news-section-minis--item {
    padding: 10px
}

.news-section-preview .news-slider-1 .carousel__nav {
    align-items: center;
    bottom: calc(100% + 16px);
    display: flex;
    position: absolute;
    right: 0
}

.news-section-preview .news-slider-1 .carousel__button {
    align-items: center;
    aspect-ratio: 1;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(66, 66, 66, .15);
    display: flex;
    flex-shrink: 0;
    height: unset;
    justify-content: center;
    opacity: 1;
    position: static;
    transform: unset;
    transition: .3s;
    width: 46px
}

@media (max-width: 576px) {
    .news-section-preview .news-slider-1 .carousel__button {
        width: 36px
    }
}

.news-section-preview .news-slider-1 .carousel__button:after {
    background: #424242;
    content: "";
    display: inline-block;
    height: 10px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right.svg);
    mask-image: url(../img/icons/icon-arrow-right.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: .3;
    transition: .3s;
    width: 14px
}

.news-section-preview .news-slider-1 .carousel__button:hover:after {
    opacity: 1
}

.news-section-preview .news-slider-1 .carousel__button:active:after {
    background: #004394
}

.news-section-preview .news-slider-1 .carousel__button:disabled, .news-section-preview .news-slider-1 .carousel__button[disabled] {
    background: #e5e5e5
}

.news-section-preview .news-slider-1 .carousel__button:disabled:after, .news-section-preview .news-slider-1 .carousel__button[disabled]:after {
    opacity: .3
}

.news-section-preview .news-slider-1 .carousel__button svg {
    display: none
}

.news-section-preview .news-slider-1 .carousel__button.is-next {
    margin-left: 16px;
    order: 2
}

@media (max-width: 576px) {
    .news-section-preview .news-slider-1 .carousel__button.is-next {
        margin-left: 8px
    }
}

.news-section-preview .news-slider-1 .carousel__button.is-prev {
    order: 1
}

.news-section-preview .news-slider-1 .carousel__button.is-prev:after {
    transform: rotate(180deg)
}

.news-section__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
    width: 100%
}

.news-section__wrapper .news-item {
    width: calc(25% - 14.25px)
}

@media (max-width: 992px) {
    .news-section__wrapper .news-item {
        width: calc(33.33333% - 12.66667px)
    }
}

@media (max-width: 768px) {
    .news-section__wrapper .news-item {
        width: calc(50% - 9.5px)
    }
}

@media (max-width: 576px) {
    .news-section__wrapper .news-item {
        width: 100%
    }
}

.news-section__wrapper .news-item_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 20px
}

.news-section__wrapper .news-item-preview {
    aspect-ratio: 1.5;
    border-radius: 16px;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.news-section__wrapper .news-item-preview--pic {
    display: block;
    height: 100%;
    width: 100%
}

.news-section__wrapper .news-item-preview--pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.news-section__wrapper .news-item--name {
    color: #424242;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 14px;
    text-decoration: none
}

.news-section__wrapper .news-item--bottom {
    align-items: center;
    color: #b3b3b3;
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 10px
}

.main-callback-1 {
    background: no-repeat 50% url(../img/main-callback-back.jpg);
    background-size: cover;
    font-size: 1rem;
    overflow: hidden
}

.main-callback-1--decor {
    align-items: flex-end;
    display: flex;
    height: 480px;
    position: relative;
    width: 50%
}

@media (max-width: 768px) {
    .main-callback-1--decor {
        height: 300px;
        justify-content: flex-start;
        width: 100%
    }
}

.main-callback-1--decor .form-decor--pic {
    left: -53px;
    position: absolute
}

@media (max-width: 768px) {
    .main-callback-1--decor .form-decor--pic {
        bottom: -20px;
        left: -20px;
        width: 60%
    }
}

@media (max-width: 576px) {
    .main-callback-1--decor .form-decor--pic {
        bottom: -12px;
        left: -68px;
        position: absolute;
        width: 345px
    }
}

.main-callback-1--decor .form-decor--pic img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

@media (max-width: 768px) {
    .main-callback-1--decor .form-decor--pic img {
        height: 100%
    }
}

.main-callback-1--decor .form-decor--text {
    background: #004394;
    border-radius: 16px;
    bottom: 2.25em;
    color: #fff;
    font-size: 1rem;
    padding: 8px 30px 10px;
    position: absolute;
    right: 93px
}

@media (max-width: 1200px) {
    .main-callback-1--decor .form-decor--text {
        right: 0
    }
}

@media (max-width: 768px) {
    .main-callback-1--decor .form-decor--text {
        left: 50%;
        right: unset
    }
}

@media (max-width: 576px) {
    .main-callback-1--decor .form-decor--text {
        padding: 6px 25px
    }
}

.main-callback-1--decor .form-decor--text_main {
    display: block;
    white-space: nowrap
}

@media (max-width: 576px) {
    .main-callback-1--decor .form-decor--text_main {
        font-size: 12px
    }
}

.main-callback-1--decor .form-decor--text_add {
    display: block;
    font-size: .812rem;
    margin-top: 4px
}

@media (max-width: 576px) {
    .main-callback-1--decor .form-decor--text_add {
        font-size: 10px
    }
}

.main-callback-1--decor .form-decor--text2 {
    background: no-repeat 50% url(../img/forms/main-form-decor2.png);
    background-size: contain;
    height: 231px;
    padding: 81px 8px 78px 30px;
    position: absolute;
    right: 0;
    top: 65px;
    width: 267px
}

@media (max-width: 992px) and (min-width: 768px) {
    .main-callback-1--decor .form-decor--text2 {
        display: none
    }
}

@media (max-width: 768px) {
    .main-callback-1--decor .form-decor--text2 {
        height: 166px;
        left: calc(50% - 55px);
        padding: 53px 14px 50px 27px;
        right: unset;
        top: 22px;
        width: 200px
    }
}

@media (max-width: 576px) {
    .main-callback-1--decor .form-decor--text2 {
        left: 157px
    }
}

.main-callback-1--decor .form-decor--text2 span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    opacity: .8
}

@media (max-width: 768px) {
    .main-callback-1--decor .form-decor--text2 span {
        font-size: 13px;
        line-height: 20px
    }
}

.main-callback-1 > div:first-of-type {
    padding: 3.625em 70px 4.81em 0;
    width: 50%
}

@media (max-width: 768px) {
    .main-callback-1 > div:first-of-type {
        padding: 3.625em 0 2em;
        width: 100%
    }
}

.main-callback-1 .contact-form__title {
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.33;
    max-width: 16em
}

.main-callback-1 .contact-form__subtitle {
    color: #fff;
    font-size: 1em;
    line-height: 1.71;
    margin-top: 1.1875em
}

.main-callback-1 .contact-form__fields {
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 2.19em
}

@media (max-width: 576px) {
    .main-callback-1 .contact-form__fields {
        margin-left: -5px;
        margin-right: -5px
    }
}

.main-callback-1 .contact-form__fields .field {
    padding: 0 10px;
    width: 50%
}

@media (max-width: 576px) {
    .main-callback-1 .contact-form__fields .field {
        padding: 0 5px;
        width: 100%
    }
}

.main-callback-1 .contact-form__fields .field:first-of-type {
    width: 100%
}

.main-callback-1 .contact-form__fields .field--label-text {
    background: #004394;
    display: none
}

@media (max-width: 576px) {
    .main-callback-1 .contact-form__fields .field--label-text {
        left: 1em;
        right: 1em
    }
}

.main-callback-1 .contact-form__fields .field input[type=email], .main-callback-1 .contact-form__fields .field input[type=password], .main-callback-1 .contact-form__fields .field input[type=tel], .main-callback-1 .contact-form__fields .field input[type=text] {
    border-color: #fff;
    color: #fff
}

.main-callback-1 .contact-form__fields .field input[type=email]::-moz-placeholder, .main-callback-1 .contact-form__fields .field input[type=password]::-moz-placeholder, .main-callback-1 .contact-form__fields .field input[type=tel]::-moz-placeholder, .main-callback-1 .contact-form__fields .field input[type=text]::-moz-placeholder {
    color: #fff !important
}

.main-callback-1 .contact-form__fields .field input[type=email]:-ms-input-placeholder, .main-callback-1 .contact-form__fields .field input[type=password]:-ms-input-placeholder, .main-callback-1 .contact-form__fields .field input[type=tel]:-ms-input-placeholder, .main-callback-1 .contact-form__fields .field input[type=text]:-ms-input-placeholder {
    color: #fff !important
}

.main-callback-1 .contact-form__fields .field input[type=email]::placeholder, .main-callback-1 .contact-form__fields .field input[type=password]::placeholder, .main-callback-1 .contact-form__fields .field input[type=tel]::placeholder, .main-callback-1 .contact-form__fields .field input[type=text]::placeholder {
    color: #fff !important
}

.main-callback-1 .contact-form__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 3em
}

@media (max-width: 576px) {
    .main-callback-1 .contact-form__bottom {
        flex-direction: row-reverse;
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 2.19em
    }
}

.main-callback-1 .contact-form__bottom > div {
    padding: 0 10px;
    width: 50%
}

@media (max-width: 576px) {
    .main-callback-1 .contact-form__bottom > div {
        padding: 0 5px
    }
}

.main-callback-1 .contact-form input[type=submit] {
    font-size: 1em;
    line-height: 2.25;
    padding: 0 1em;
    width: 100%
}

.main-callback-1 .contact-form__policy, .main-callback-1 .contact-form__policy a {
    color: #fff;
    font-size: .625rem
}

.subscription__form {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media (max-width: 576px) {
    .subscription__form {
        flex-direction: row
    }
}

.subscription--label {
    width: 100%
}

@media (max-width: 576px) {
    .subscription--input {
        height: 38px !important
    }
}

.subscription--btn {
    font-size: 1em;
    padding-top: 0;
    width: 100%
}

.subscription_privacy {
    margin-top: 10px
}

.subscription_privacy, .subscription_privacy a {
    color: #727272;
    font-size: 10px
}

.pag-clover-1 {
    align-items: center;
    display: flex;
    font-size: 1rem;
    justify-content: center;
    margin-top: 2.1em
}

@media (max-width: 576px) {
    .pag-clover-1 {
        margin-top: 1em
    }
}

.pag-clover-1 .main-ui-pagination-pages-list {
    align-items: center;
    display: flex;
    gap: .75em
}

@media (max-width: 576px) {
    .pag-clover-1 .main-ui-pagination-pages-list {
        gap: .5em
    }
}

.pag-clover-1 .main-ui-pagination-page {
    align-content: center;
    align-items: center;
    aspect-ratio: 1;
    border-radius: 50%;
    color: #b3b3b3;
    display: inline-flex;
    flex-shrink: 0;
    height: 2em;
    justify-content: center;
    text-decoration: none;
    width: 2em
}

@media (max-width: 576px) {
    .pag-clover-1 .main-ui-pagination-page {
        height: 1.375em;
        width: 1.375em
    }
}

.pag-clover-1 .main-ui-pagination-page:hover {
    background: #ecf3fa
}

.pag-clover-1 .main-ui-pagination-page.main-ui-pagination-active {
    background: #004394;
    color: #fff;
    font-weight: 500
}

.pag-clover-1 .main-ui-pagination-arrow {
    align-items: center;
    display: inline-flex;
    height: 2em;
    justify-content: center;
    width: 2em
}

.pag-clover-1 .main-ui-pagination-arrow .icon-mask {
    background-color: #b3b3b3
}

.sidebar-1 .sidebar_block {
    background: #e1e8f0;
    border-radius: 16px;
    display: block;
    padding: 20px 25px 25px;
    position: relative;
    text-decoration: none
}

.sidebar-1 .sidebar_block + .sidebar_block {
    margin-top: 16px
}

.sidebar-1 .sidebar_block--title {
    color: #424242;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: none;
    transition: .3s
}

.sidebar-1 .sidebar_block-picture {
    position: absolute;
    right: 0;
    top: 0
}

.sidebar-1 .sidebar_block-inner {
    position: relative
}

.sidebar-1 .sidebar_block--link {
    display: block;
    margin-top: 5px
}

.sidebar-1 .sidebar_instruction--file {
    bottom: 9px;
    color: #b3b3b3;
    font-size: 12px;
    position: absolute;
    right: 17px
}

.sidebar-1 .contact-form__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

.sidebar-1 .contact-form__subtitle {
    font-size: 14px;
    line-height: 22px;
    margin-top: 14px
}

.sidebar-1 .contact-form form {
    margin-top: 20px
}

.sidebar-1 .contact-form__fields {
    flex-wrap: nowrap;
    gap: 10px
}

.sidebar-1 .contact-form .field {
    margin: 0;
    width: 60%
}

.sidebar-1 .contact-form .field:first-of-type {
    width: 40%
}

.sidebar-1 .contact-form .field--label-text {
    display: none
}

.sidebar-1 .contact-form .field input[type=text] {
    background: #f6f6f6;
    border: none
}

.sidebar-1 .contact-form__bottom {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: 12px
}

.sidebar-1 .contact-form__submit {
    font-size: 16px;
    width: 60%
}

.sidebar-1 .contact-form__submit input[type=submit] {
    width: 100%
}

.sidebar-1 .contact-form__policy-wrap {
    width: 40%
}

.sidebar-1 .contact-form__policy, .sidebar-1 .contact-form__policy a {
    color: #b3b3b3;
    font-size: 9px;
    text-decoration: none
}

.page-with-sidebar {
    display: flex;
    gap: 20px
}

@media (max-width: 992px) {
    .page-with-sidebar {
        flex-direction: column;
        gap: 65px
    }
}

.page-with-sidebar .sidebar-1 {
    width: 33%
}

@media (max-width: 992px) {
    .page-with-sidebar .sidebar-1 {
        width: 100%
    }
}

.page-with-sidebar .sidebar-1 .sidebar_block {
    align-items: center;
    background: #e1e8f0;
    border-radius: 16px;
    box-shadow: 2px 4px 12px rgba(0, 67, 148, .15), inset 2px 4px 4px hsla(0, 0%, 100%, .5);
    display: flex;
    height: 90px;
    overflow: hidden;
    padding: 25px;
    transition: .3s
}

.page-with-sidebar .sidebar-1 .sidebar_block.selected, .page-with-sidebar .sidebar-1 .sidebar_block:hover {
    box-shadow: 2px 4px 16px rgba(0, 67, 148, .3), inset 2px 4px 4px hsla(0, 0%, 100%, .5)
}

.page-with-sidebar .sidebar-1 .sidebar_block.selected .sidebar_block--title, .page-with-sidebar .sidebar-1 .sidebar_block:hover .sidebar_block--title {
    color: #004394
}

.page-with-sidebar .sidebar-1 .sidebar_block-picture {
    bottom: 0;
    top: 0
}

.page-with-sidebar .sidebar-1 .sidebar_block-picture img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.page-with-sidebar .sidebar-1 .sidebar_block-inner {
    display: flex;
    flex-direction: column
}

.page-with-sidebar .sidebar-1 .sidebar_block--link {
    margin-top: auto;
    padding-top: 5px
}

.page-with-sidebar .page-content {
    width: 67%
}

@media (max-width: 992px) {
    .page-with-sidebar .page-content {
        width: 100%
    }
}

.page-with-sidebar .content-wrapper {
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 3px;
    padding: 30px 38px;
    width: 100%
}

.page-with-sidebar .content-wrapper p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.documents-wrapper {
    display: flex;
    gap: 20px
}

@media (max-width: 992px) {
    .documents-wrapper {
        flex-direction: column;
        gap: 65px
    }
}

.documents-wrapper .documents-sections {
    width: 33%
}

@media (max-width: 992px) {
    .documents-wrapper .documents-sections {
        width: 100%
    }
}

.documents-wrapper .documents-sections .sidebar_block {
    height: 135px
}

.documents-wrapper .documents-sections .sidebar_block-picture {
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.documents-wrapper .documents-sections .sidebar_block-inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.documents-wrapper .documents-sections .sidebar_block--link {
    margin-top: auto;
    padding-top: 5px
}

.documents-wrapper.with-sections .documents-section {
    width: 67%
}

@media (max-width: 992px) {
    .documents-wrapper.with-sections .documents-section {
        width: 100%
    }
}

.documents-section {
    width: 100%
}

.documents-section_wrapper {
    background: #fff;
    border-radius: 3px;
    margin: -30px -38px;
    width: auto
}

.documents-section_item {
    border-bottom: .5px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    padding: 25px 35px;
    transition: .3s
}

@media (max-width: 576px) {
    .documents-section_item {
        padding: 14px 18px
    }
}

.documents-section_item:last-of-type {
    border-bottom: none
}

.documents-section_item:hover {
    box-shadow: 0 0 10px rgba(66, 66, 66, .15)
}

.documents-section_item:hover .documents-section_item--name {
    color: #004394
}

.documents-section_item-text {
    width: 75%
}

@media (max-width: 768px) {
    .documents-section_item-text {
        width: 100%
    }
}

.documents-section_item--name {
    color: #424242;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none
}

@media (max-width: 576px) {
    .documents-section_item--name {
        font-size: 16px
    }
}

.documents-section_item--file {
    color: #b3b3b3;
    font-size: 12px;
    margin-top: 10px
}

.documents-section_item-buttonblock {
    width: 25%
}

.cart-block {
    align-items: center;
    background: unset !important;
    border: none;
    color: #424242;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none
}

.cart-block:hover .cart-icon, .cart-block:hover .cart-text {
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .15)
}

.cart-block:active .cart-icon, .cart-block:active .cart-text {
    background: #fff
}

.cart-block:active .cart-icon {
    box-shadow: 0 1px 10px rgba(0, 0, 0, .15)
}

.cart-block:active .cart-text {
    border-color: #e1e8f0
}

.cart-block .cart-icon {
    background: #e5e5e5;
    flex-shrink: 0;
    height: 2.5em;
    left: 0;
    transition: .3s;
    width: 2.5em
}

.cart-block .cart-icon, .cart-block .cart-icon .cart-num {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: absolute
}

.cart-block .cart-icon .cart-num {
    background: #004394;
    color: #fff;
    font-size: 8px;
    height: 12px;
    right: 6px;
    top: 6px;
    width: 12px
}

@media (max-width: 768px) {
    .cart-block .cart-icon .cart-num {
        right: -5px;
        top: -5px
    }
}

.cart-block .cart-text {
    align-items: center;
    background: #f2f2f2;
    border: 2px solid transparent;
    border-radius: 55px;
    display: flex;
    font-size: .875em;
    height: 2.7em;
    justify-content: end;
    padding: 0 1em;
    transition: .3s;
    width: 8.7em
}

.basket-modal {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 30px rgba(0, 0, 0, .15);
    color: #424242;
    max-width: 753px;
    padding: 30px 37px 32px
}

@media (max-width: 576px) {
    .basket-modal {
        padding: 30px 27px 32px
    }
}

.basket-modal__container .fancybox__content {
    background: unset;
    margin: 0;
    padding: 0
}

.basket-modal__container .is-close {
    right: 5px !important;
    top: 5px !important
}

.basket-modal__container .is-close svg {
    color: #424242
}

.basket-modal--title {
    font-size: 22px;
    font-weight: 500
}

.basket-modal-product {
    display: flex;
    margin-top: 30px;
    position: relative
}

@media (max-width: 576px) {
    .basket-modal-product {
        flex-wrap: wrap
    }
}

.basket-modal-product_info {
    padding: 0 35px
}

@media (max-width: 576px) {
    .basket-modal-product_info {
        padding: 0;
        width: 100%
    }
}

.basket-modal-product--name {
    color: #004394;
    font-size: 16px;
    line-height: 24px;
    outline: 0 !important;
    text-decoration: none
}

.basket-modal-product_props {
    margin-bottom: 10px;
    margin-top: 24px
}

@media (max-width: 576px) {
    .basket-modal-product_props {
        width: 55%
    }
}

.basket-modal-product_props--prop {
    color: #999;
    font-size: 12px;
    margin-top: 5px
}

.basket-modal-product_props--prop:first-of-type {
    margin-top: 0
}

.basket-modal-product_right {
    border-left: 1px solid #e5e5e5;
    padding-left: 25px;
    padding-top: 20px
}

@media (max-width: 576px) {
    .basket-modal-product_right {
        bottom: 0;
        padding-bottom: 10px;
        position: absolute;
        right: 0
    }
}

.basket-modal-product--price {
    font-size: 22px;
    font-weight: 500;
    white-space: nowrap
}

.basket-modal-product--articul {
    color: #b3b3b3;
    font-size: 10px;
    margin-top: 17px
}

.basket-modal-product_picture {
    flex-shrink: 0;
    margin: 0;
    padding: 0
}

@media (max-width: 576px) {
    .basket-modal-product_picture {
        margin: 0 auto
    }
}

.basket-modal-product_picture img {
    height: 100%;
    max-height: 160px;
    max-width: 180px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.basket-modal-cart {
    align-items: center;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -27px;
    margin-right: -27px;
    padding: 18px 27px
}

@media (max-width: 576px) {
    .basket-modal-cart {
        margin-left: -27px;
        margin-right: -27px;
        padding: 18px 27px
    }
}

.basket-modal-cart span {
    align-items: center;
    display: flex
}

.basket-modal-cart--summ {
    font-size: 22px;
    margin-left: 25px;
    white-space: nowrap
}

@media (max-width: 576px) {
    .basket-modal-cart--summ {
        margin-left: 10px
    }
}

.basket-modal-bottom {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-top: 25px
}

@media (max-width: 576px) {
    .basket-modal-bottom {
        flex-wrap: wrap
    }
}

.basket-modal-bottom > * {
    font-size: 20px;
    height: 54px;
    width: 50%
}

@media (max-width: 576px) {
    .basket-modal-bottom > * {
        font-size: 16px;
        height: 38px;
        width: 100%
    }
}

.bx-basket__wrapper {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px
}

@media (max-width: 992px) {
    .bx-basket__wrapper {
        flex-direction: column-reverse
    }
}

.bx-basket .basket-total-block {
    max-width: 365px;
    width: 50%
}

@media (max-width: 992px) {
    .bx-basket .basket-total-block {
        max-width: unset;
        width: 100%
    }
}

.bx-basket .basket-checkout-container {
    border: .5px solid #e5e5e5;
    border-radius: 3px
}

.bx-basket .basket-checkout-section-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 24px
}

.bx-basket .basket-checkout-section-inner {
    flex-direction: column
}

.bx-basket .basket-checkout-block-total, .bx-basket .basket-checkout-block-total-price {
    padding: 0;
    text-align: left
}

.bx-basket .basket-checkout-block-total-inner, .bx-basket .basket-checkout-block-total-price-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 0
}

.bx-basket .basket-checkout-block-total-price-title, .bx-basket .basket-checkout-block-total-title {
    font-size: 14px
}

.bx-basket .basket-checkout-block-total-description, .bx-basket .basket-coupon-block-total-price-current {
    color: #424242;
    font-family: SuisseIntl;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0
}

.bx-basket .basket-checkout-block-btn {
    margin-top: 20px;
    padding: 0;
    text-align: center;
    width: 100%
}

.bx-basket .basket-btn-checkout {
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    width: 100%
}

.bx-basket .basket-items-list-wrapper, .bx-basket .basket-items-list-wrapper-compact {
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 3px
}

.bx-basket .basket-items-list-item-amount {
    display: none
}

.bx-basket .basket-items-list-item-remove {
    border: none;
    position: absolute;
    right: -26px;
    top: -18px
}

.bx-basket .basket-items-list-item-price-for-one {
    display: none
}

.bx-basket .basket-items-list-item-price {
    border-left: .5px solid #e5e5e5
}

.bx-basket .basket-item-block-price {
    padding-left: 20px
}

.bx-basket .basket-item-price-current-text {
    font-size: 20px;
    font-weight: 500
}

.bx-basket .basket-items-list-item-container:after, .bx-basket .basket-items-list-item-container:before {
    background: #fff;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    right: 0
}

.bx-basket .basket-items-list-item-container:after {
    bottom: 1px
}

.bx-basket .basket-item-info-name, .bx-basket .basket-item-info-name-link {
    color: #004394;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.bx-basket .basket-item-property-custom-name, .bx-basket .basket-item-property-custom-value, .bx-basket .basket-item-property-name, .bx-basket .basket-item-property-value {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2
}

.bx-basket .basket-items-list-item-notification-inner {
    margin: 0 -26px;
    z-index: 1
}

.bx-basket .basket-item-block-articul {
    color: #b3b3b3;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 9px
}

@media (max-width: 768px) {
    .bx-basket .basket-items-list-item-price {
        border-left: 0;
        bottom: 8px;
        position: absolute;
        right: 0
    }
}

#bx-soa-order.bx-blue .btn.btn-default {
    background-color: #004394;
    border-color: #004394
}

#bx-soa-order .bx-soa-editstep {
    color: #004394
}

.popup-form .fancybox__content {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 30px rgba(0, 0, 0, .15);
    max-width: 100%
}

.popup-form .is-close {
    right: 5px !important;
    top: 5px !important
}

.popup-form .is-close svg {
    color: #424242
}

.popup-form .contact-form {
    max-width: 100%;
    width: 300px
}

.popup-form .contact-form__title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px
}

.popup-form .contact-form__subtitle {
    font-size: 12px;
    margin-bottom: 20px
}

.popup-form .contact-form__fields .field {
    outline: none !important;
    width: 100%
}

.popup-form .contact-form__fields .field input:not(.type-tel)::-moz-placeholder {
    font-size: 0
}

.popup-form .contact-form__fields .field input:not(.type-tel):-ms-input-placeholder {
    font-size: 0
}

.popup-form .contact-form__fields .field input:not(.type-tel)::placeholder {
    font-size: 0
}

.popup-form .contact-form__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.popup-form .contact-form__policy, .popup-form .contact-form__policy a {
    color: #999;
    font-size: 12px
}

.banner-calc {
    height: 220px;
    overflow: hidden;
    padding: 35px 35px 35px 0;
    position: relative
}

@media (max-width: 992px) {
    .banner-calc {
        padding-left: 35px
    }
}

@media (max-width: 768px) {
    .banner-calc {
        aspect-ratio: .78;
        height: auto;
        min-height: 483px;
        padding-top: 54px;
        width: 100%
    }
}

@media (max-width: 576px) {
    .banner-calc {
        margin-left: calc(-50vw + 50%);
        width: 100vw
    }
}

.banner-calc_picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.banner-calc_picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.banner-calc_info {
    margin-left: auto;
    position: relative;
    width: 50%;
    z-index: 1
}

@media (max-width: 992px) {
    .banner-calc_info {
        width: 100%
    }
}

.banner-calc--label {
    background: #f3eec0;
    border-radius: 3px;
    font-size: 12px;
    line-height: 25px;
    padding: 0 18px;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 576px) {
    .banner-calc--label {
        font-size: 14px
    }
}

.banner-calc_text {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    width: 100%
}

@media (max-width: 768px) {
    .banner-calc_text {
        align-items: flex-start;
        flex-direction: column
    }
}

.banner-calc--title {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 42px
}

@media (max-width: 576px) {
    .banner-calc--title {
        font-size: 36px
    }
}

@media (max-width: 768px) {
    .banner-calc--button {
        margin-top: 28px
    }
}

.banner-calc--link {
    color: #424242;
    font-size: 20px
}

.banner-calc--link .icon-mask {
    height: 55px;
    width: 55px
}

.circle-menu {
    bottom: 100px;
    position: fixed;
    right: 100px;
    z-index: 99
}

@media (max-width: 768px) {
    .circle-menu {
        right: 15px
    }
}

.circle-menu--toggler {
    align-items: center;
    background: #0375ff;
    border: none;
    border-radius: 50%;
    box-shadow: inset 0 4px 10px #73a7e5, inset 0 -5px 5.104px rgba(66, 66, 66, .15);
    cursor: pointer;
    display: flex;
    height: 63px;
    justify-content: center;
    margin: 0;
    outline: none !important;
    padding: 0;
    position: absolute;
    right: 0;
    transition: .5s;
    width: 63px;
    z-index: 99
}

@media (max-width: 768px) {
    .circle-menu--toggler {
        height: 60px;
        width: 60px
    }
}

@media (min-width: 992px) {
    .circle-menu--toggler:hover {
        transform: scale(1.2)
    }
}

.circle-menu--toggler i {
    height: 50%;
    width: 50%
}

.circle-menu-list {
    align-items: flex-end;
    bottom: calc(100% - 31.5px);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: -10px;
    transition: .5s;
    visibility: hidden;
    width: 280px;
    z-index: 98
}

@media (max-width: 768px) {
    .circle-menu-list {
        bottom: calc(100% - 30px)
    }
}

.circle-menu-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.circle-menu-item + .circle-menu-item {
    margin-top: 16px
}

.circle-menu-item:last-of-type {
    margin-bottom: 37.5px
}

@media (max-width: 768px) {
    .circle-menu-item:last-of-type {
        margin-bottom: 36px
    }
}

.circle-menu-item--link {
    align-items: center;
    background: rgba(66, 66, 66, .651);
    border-radius: 50%;
    box-shadow: inset 0 5.93333px 5.93333px rgba(0, 0, 0, .25);
    cursor: pointer;
    display: flex;
    height: 63px;
    justify-content: center;
    transition: .5s;
    width: 63px
}

@media (max-width: 768px) {
    .circle-menu-item--link {
        height: 60px;
        width: 60px
    }
}

.circle-menu-item--link:hover {
    transform: scale(1.2)
}

.circle-menu-item--link:hover .circle-menu-item--text {
    opacity: 1;
    visibility: visible
}

.circle-menu-item--link:hover .circle-menu-item--icon:before {
    opacity: 0
}

.circle-menu-item--link:hover .circle-menu-item--icon:after {
    opacity: 1
}

.circle-menu-item--icon {
    height: 100%;
    position: relative;
    width: 100%
}

.circle-menu-item--icon:before {
    opacity: 1
}

.circle-menu-item--icon:after, .circle-menu-item--icon:before {
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    transition: .5s;
    width: 100%
}

.circle-menu-item--icon:after {
    opacity: 0
}

.circle-menu-item--text {
    align-items: center;
    background: #626262;
    border-radius: 20px;
    box-shadow: -1px 2px 4px rgba(0, 0, 0, .25);
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    justify-content: center;
    letter-spacing: .02em;
    line-height: 16px;
    opacity: 0;
    padding: 5px 14px;
    position: absolute;
    right: calc(100% + 14px);
    text-align: center;
    text-shadow: 0 1px 2px rgba(66, 66, 66, .3);
    transition: .5s;
    visibility: hidden;
    width: 125px
}

.circle-menu .item_measurer .circle-menu-item--icon:before {
    background: no-repeat 50% url(../img/circle-menu/circle-menu-icon_measurer.png);
    background-size: contain
}

.circle-menu .item_measurer .circle-menu-item--icon:after {
    background: no-repeat 50% url(../img/circle-menu/circle-menu-icon_measurer-hover.png);
    background-size: contain
}

.circle-menu .item_calc .circle-menu-item--icon:before {
    background: no-repeat 50% url(../img/circle-menu/circle-menu-icon_calc.png);
    background-size: contain
}

.circle-menu .item_calc .circle-menu-item--icon:after {
    background: no-repeat 50% url(../img/circle-menu/circle-menu-icon_calc-hover.png);
    background-size: contain
}

.circle-menu .item_whatsapp .circle-menu-item--icon:before {
    background: no-repeat 50% url(../img/circle-menu/circle-menu-icon_whatsapp.png);
    background-size: contain
}

.circle-menu .item_whatsapp .circle-menu-item--icon:after {
    background: no-repeat 50% url(../img/circle-menu/circle-menu-icon_whatsapp-hover.png);
    background-size: contain
}

.circle-menu .item_callback .circle-menu-item--icon:before {
    background: no-repeat 50% url(../img/circle-menu/circle-menu-icon_phone.png);
    background-size: contain
}

.circle-menu .item_callback .circle-menu-item--icon:after {
    background: no-repeat 50% url(../img/circle-menu/circle-menu-icon_phone-hover.png);
    background-size: contain
}

.circle-menu #circle-menu--toggler-input {
    height: 1px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 1px
}

.circle-menu #circle-menu--toggler-input:checked ~ .circle-menu-list {
    max-height: 500px;
    visibility: visible
}

.circle-menu .circle-menu.animate {
    animation: circle-menu-animate .5s linear infinite;
    transition: .5s
}

@keyframes circle-menu-animate {
    50% {
        transform: translateY(-20px)
    }
    80% {
        transform: translateY(0)
    }
}

.circle-menu .circle-menu--animate {
    animation: pulse 1.5s linear infinite;
    border: 1px solid #0375ff;
    border-radius: 50%;
    bottom: -20px;
    left: -20px;
    opacity: 0;
    position: absolute;
    right: -20px;
    top: -20px
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

body .sidebar-banner {
    background: unset;
    border: unset;
    border-radius: unset;
    margin-top: 15px;
    padding: 0;
    position: relative
}

body .sidebar-banner--img {
    width: 100%
}

body .sidebar-banner-buttons {
    margin-top: 18px
}

body .sidebar-banner-buttons .btn {
    border-radius: 25px;
    font-size: 1em;
    width: 100%
}

body .sidebar-banner-buttons .btn + .btn {
    margin-top: 10px
}

body .sidebar-banner-buttons .btn.btn-form {
    color: #004394
}

body .sidebar-banner-buttons .btn.btn-form:hover {
    color: #fff
}

.page-measurer {
    font-size: 14px;
    line-height: 24px
}

.measurer-advantages-list {
    align-items: center;
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 768px) {
    .measurer-advantages-list {
        flex-wrap: wrap
    }
}

.measurer-advantages-list > li {
    background: #e1e8f0;
    border-radius: 16px;
    font-size: 20px;
    font-weight: 500;
    height: 135px;
    line-height: 26px;
    list-style: none;
    margin: 0;
    padding: 20px 25px;
    position: relative;
    width: 33.3%
}

@media (max-width: 768px) {
    .measurer-advantages-list > li {
        width: 100%
    }
}

.measurer-advantages-list > li .text {
    display: inline-block;
    max-width: 100%;
    position: relative;
    width: 206px;
    z-index: 1
}

.measurer-advantages-list > li:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 135px;
    position: absolute;
    right: 0;
    top: 0;
    width: 127px
}

.measurer-advantages-list .measure-price:after {
    background-image: url(../img/back-calc.png)
}

.measurer-advantages-list .measure-delivery:after {
    background-image: url(../img/back-delivery-3.png)
}

.measurer-advantages-list .measure-prokat:after {
    background-image: url(../img/back-prokat.png)
}

.measurer-drawings {
    display: flex;
    gap: 20px
}

@media (max-width: 576px) {
    .measurer-drawings {
        flex-wrap: wrap
    }
}

.measurer-draw {
    width: 50%
}

@media (max-width: 576px) {
    .measurer-draw {
        width: 100%
    }
}

.measurer-draw--pic {
    align-items: center;
    background: #fff;
    border-radius: 20px;
    display: flex;
    height: 395px;
    justify-content: center;
    overflow: hidden
}

@media (max-width: 576px) {
    .measurer-draw--pic {
        height: 260px
    }
}

.measurer-draw--pic img {
    max-width: 100%
}

.measurer-draw--text {
    font-size: 14px;
    line-height: 16px;
    margin-top: 26px;
    text-align: center;
    width: 100%
}

.footer-form_call-measurer {
    background-blend-mode: difference;
    background-color: #262424;
    background-image: url(../img/call-measurer-form_back-mobile.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 778px;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .footer-form_call-measurer {
        background-image: url(../img/call-measurer-form_back.jpg);
        background-size: cover;
        height: 510px
    }
}

.footer-form_call-measurer__wrapper {
    height: 100%;
    padding: 45px 0;
    position: relative
}

.footer-form_call-measurer .form-add-pic--active {
    bottom: 0;
    position: absolute;
    right: -107px;
    width: 100%
}

@media (min-width: 768px) {
    .footer-form_call-measurer .form-add-pic--active {
        right: -170px;
        width: auto
    }
}

@media (min-width: 992px) {
    .footer-form_call-measurer .form-add-pic--active {
        right: 0
    }
}

.footer-form_call-measurer .form-add-pic--add {
    display: none;
    position: absolute;
    right: 0;
    top: 35px
}

@media (min-width: 992px) {
    .footer-form_call-measurer .form-add-pic--add {
        display: block
    }
}

.footer-form_call-measurer .form-add-pic--caption {
    color: #e5e5e5;
    font-size: 17px;
    font-weight: 500;
    left: 12%;
    line-height: 22px;
    opacity: .8;
    position: absolute;
    right: 6%;
    top: 43%
}

.footer-form_call-measurer .contact-form__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px
}

.footer-form_call-measurer .contact-form__subtitle {
    margin-top: 12px
}

.footer-form_call-measurer form {
    margin-top: 20px
}

.footer-form_call-measurer form .field {
    width: 100%
}

.footer-form_call-measurer form .field + .field {
    margin-top: 0
}

.footer-form_call-measurer form .field input[type=email], .footer-form_call-measurer form .field input[type=number], .footer-form_call-measurer form .field input[type=password], .footer-form_call-measurer form .field input[type=tel], .footer-form_call-measurer form .field input[type=text] {
    border-color: #fff;
    color: #fff;
    width: 100%
}

.footer-form_call-measurer form .field input[type=email]:-ms-input-placeholder, .footer-form_call-measurer form .field input[type=number]:-ms-input-placeholder, .footer-form_call-measurer form .field input[type=password]:-ms-input-placeholder, .footer-form_call-measurer form .field input[type=tel]:-ms-input-placeholder, .footer-form_call-measurer form .field input[type=text]:-ms-input-placeholder {
    color: #fff;
    opacity: .9
}

.footer-form_call-measurer form .field input[type=email]::placeholder, .footer-form_call-measurer form .field input[type=number]::placeholder, .footer-form_call-measurer form .field input[type=password]::placeholder, .footer-form_call-measurer form .field input[type=tel]::placeholder, .footer-form_call-measurer form .field input[type=text]::placeholder {
    color: #fff;
    opacity: .9
}

.footer-form_call-measurer form .field input[type=email]::-webkit-input-placeholder, .footer-form_call-measurer form .field input[type=number]::-webkit-input-placeholder, .footer-form_call-measurer form .field input[type=password]::-webkit-input-placeholder, .footer-form_call-measurer form .field input[type=tel]::-webkit-input-placeholder, .footer-form_call-measurer form .field input[type=text]::-webkit-input-placeholder {
    color: #fff;
    opacity: .9
}

.footer-form_call-measurer form .field input[type=email]::-moz-placeholder, .footer-form_call-measurer form .field input[type=number]::-moz-placeholder, .footer-form_call-measurer form .field input[type=password]::-moz-placeholder, .footer-form_call-measurer form .field input[type=tel]::-moz-placeholder, .footer-form_call-measurer form .field input[type=text]::-moz-placeholder {
    color: #fff;
    opacity: .9
}

.footer-form_call-measurer form .field-checkbox .checkboxes-label--text {
    display: inline-block;
    margin-bottom: 8px;
    width: 100%
}

.footer-form_call-measurer form .field-checkbox label {
    align-items: center;
    display: inline-flex;
    width: 32.6%
}

.footer-form_call-measurer form .field-file {
    display: flex;
    flex-wrap: wrap
}

.footer-form_call-measurer form .field-file .field--label-text {
    background: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    order: 1;
    padding: 0;
    position: static;
    transform: unset;
    width: 100%
}

.footer-form_call-measurer form .field-file input {
    order: 2
}

@media (min-width: 768px) {
    .footer-form_call-measurer form .field-EMAIL, .footer-form_call-measurer form .field-PHONE {
        width: calc(50% - 5px)
    }
}

.footer-form_call-measurer form .field-checkbox, .footer-form_call-measurer form .field-file {
    margin-top: 10px !important
}

.footer-form_call-measurer form .contact-form__bottom {
    bottom: 46px;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1
}

@media (min-width: 768px) {
    .footer-form_call-measurer form .contact-form__bottom {
        bottom: 19px;
        right: 0
    }

    .footer-form_call-measurer form .contact-form__policy-wrap {
        margin-top: 8px;
        order: 2
    }
}

.footer-form_call-measurer form .contact-form__policy {
    max-width: 119px
}

@media (min-width: 768px) {
    .footer-form_call-measurer form .contact-form__policy {
        max-width: 220px
    }
}

.footer-form_call-measurer form .contact-form__policy, .footer-form_call-measurer form .contact-form__policy a {
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    line-height: 14px
}

@media (min-width: 768px) {
    .footer-form_call-measurer form .contact-form__policy, .footer-form_call-measurer form .contact-form__policy a {
        font-size: 12px;
        line-height: 16px
    }
}

.footer-form_call-measurer form .contact-form__submit {
    margin-top: 30px;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .footer-form_call-measurer form .contact-form__submit {
        order: 1
    }
}

.footer-form_call-measurer form .contact-form__submit input[type=submit] {
    background: #fff;
    border-color: #fff;
    font-size: 16px;
    width: 200px
}

@media (min-width: 768px) {
    .footer-form_call-measurer form .contact-form__submit input[type=submit] {
        width: 220px
    }
}

.footer-form_call-measurer form .contact-form__submit input[type=submit]:hover {
    color: #424242
}

.footer-form_call-measurer .contact-form__fields {
    gap: 10px;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .footer-form_call-measurer .contact-form {
        width: 50%
    }
}

@media (min-width: 992px) {
    .footer-form_call-measurer .contact-form {
        width: 45%
    }
}

.alert-border {
    align-items: center;
    border: 3px solid #004394;
    border-radius: 100px;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding: 21px
}

@media (max-width: 768px) {
    .alert-border {
        align-items: unset;
        border-radius: 50px;
        flex-direction: column;
        padding: 23px 28px 31px
    }
}

.alert-border:before {
    align-items: center;
    background: #e1e8f0;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 67, 148, .2), inset 0 -4px 4px rgba(0, 67, 148, .05), inset 0 4px 10px hsla(0, 0%, 100%, .5);
    content: "!";
    display: flex;
    flex-shrink: 0;
    font-size: 50px;
    height: 90px;
    justify-content: center;
    margin-right: 43px;
    width: 90px
}

@media (max-width: 768px) {
    .alert-border:before {
        font-size: 45px;
        height: 80px;
        width: 80px
    }

    .alert-border .this-main {
        line-height: 26px;
        margin-top: 23px
    }

    .alert-border .this-child {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-top: 8px
    }
}

.catalog-with-sidebar {
    gap: 20px
}

.catalog-with-sidebar .bx-catalog-block {
    width: calc(75.5% - 10px)
}

@media (max-width: 992px) {
    .catalog-with-sidebar .bx-catalog-block {
        width: 100%
    }
}

.catalog-with-sidebar .bx-sidebar-block {
    width: calc(24.5% - 10px)
}

.bx-catalog-block {
    width: 100%
}

.element-labels {
    align-items: center;
    display: flex;
    gap: 10px;
    left: 5%;
    position: absolute;
    top: 5.5%;
    z-index: 5
}

.element-labels--item {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    color: #004394;
    font-size: 14px;
    line-height: 26px;
    padding: 0 1em;
    white-space: nowrap
}

.catalog-top-banner--wrapper {
    font-size: 1rem;
    height: 100px
}

@media (max-width: 992px) {
    .catalog-top-banner--wrapper {
        height: 170px
    }
}

@media (max-width: 768px) {
    .catalog-top-banner--wrapper {
        font-size: .66rem
    }
}

.catalog-top-banner--item {
    cursor: pointer;
    display: flex;
    margin: 0 10px;
    overflow: hidden;
    padding: 0 2.81em;
    position: relative;
    width: 100%
}

@media (max-width: 992px) {
    .catalog-top-banner--item {
        padding: 0 1em 0 0
    }
}

.catalog-top-banner--item.text-align-left .catalog-top-banner_left {
    order: 2
}

.catalog-top-banner--item.text-align-left .catalog-top-banner_right {
    order: 1;
    padding-left: 0
}

.catalog-top-banner--item.text-color-dark .catalog-top-banner_text {
    color: #424242
}

.catalog-top-banner--label {
    background: #c6e76b;
    border-radius: 4px;
    font-size: max(.75em, 10px);
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 3px;
    padding: .5em 1.5em;
    white-space: nowrap
}

.catalog-top-banner--label_desktop {
    margin-top: .95em
}

@media (max-width: 1200px) {
    .catalog-top-banner--label_desktop {
        position: absolute
    }
}

.catalog-top-banner--background-pic {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.catalog-top-banner--background-pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.catalog-top-banner--active-pic {
    display: block;
    height: 100px
}

@media (max-width: 992px) {
    .catalog-top-banner--active-pic {
        height: 170px
    }
}

.catalog-top-banner--active-pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.catalog-top-banner_left {
    width: 50%
}

.catalog-top-banner_right {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: 2.81em;
    width: 50%
}

@media (max-width: 992px) {
    .catalog-top-banner_right {
        flex-wrap: wrap;
        padding-left: .5rem
    }
}

.catalog-top-banner_text {
    color: #fff;
    width: 100%
}

.catalog-top-banner_text .catalog-top-banner--title {
    font-size: 1.875em;
    font-weight: 500
}

.catalog-top-banner_text .catalog-top-banner--desc {
    font-size: 1.125em;
    font-weight: 400
}

.catalog-top-banner--buttons {
    font-size: 1em;
    font-weight: 400
}

.catalog-top-banner--more, .catalog-top-banner--more:hover {
    color: #fff
}

.catalog-top-banner--more i.icon-mask {
    border-color: #fff
}

.catalog-top-banner--more i.icon-mask:after, .catalog-top-banner--more i.icon-mask:before {
    background: #fff
}

#catalog-section_tags {
    margin-bottom: 20px
}

.catalog-section_tags_wrapper {
    align-items: baseline;
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(66, 66, 66, .1);
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    padding: 1.44em 1.87em;
    width: 100%
}

@media (max-width: 992px) {
    .catalog-section_tags_wrapper {
        flex-direction: column
    }
}

.catalog-section_tags--title {
    font-size: .875em;
    margin-right: 1em;
    white-space: nowrap
}

@media (max-width: 992px) {
    .catalog-section_tags--title {
        font-weight: 600
    }
}

.catalog-section_tags--items {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1em
}

@media (max-width: 992px) {
    .catalog-section_tags--items {
        margin-top: 1.25em
    }
}

.catalog-section_tags--item {
    border: .5px solid #b3b3b3;
    border-radius: 10px;
    color: #b3b3b3;
    flex-shrink: 0;
    font-size: .875em;
    max-width: 12.5em;
    min-width: 6.25em;
    padding: .5em 1em;
    text-decoration: none;
    transition: .3s;
    width: -moz-fit-content;
    width: fit-content
}

.catalog-section_tags--item.active, .catalog-section_tags--item:hover {
    border-color: #004394;
    color: #004394
}

.catalog-sections__wrapper {
    margin-bottom: 20px
}

.catalog-sections {
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

@media (max-width: 768px) {
    .catalog-sections {
        gap: 10px
    }
}

.catalog-sections.all .section-item.section-more, .catalog-sections.with-more + .sections-more-btn {
    display: block
}

.catalog-sections.all + .sections-more-btn {
    display: none
}

.catalog-sections .section-item {
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 3px;
    outline: none !important;
    transition: .5s;
    width: calc(33.3% - 13.33333px)
}

@media (max-width: 768px) {
    .catalog-sections .section-item {
        width: calc(33.3% - 6.66667px);
        width: 100%
    }
}

.catalog-sections .section-item.section-more {
    display: none
}

.catalog-sections .section-item--link {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    outline: none !important;
    overflow: hidden;
    padding: 20px;
    text-decoration: none;
    width: 100%
}

@media (max-width: 768px) {
    .catalog-sections .section-item--link {
        flex-direction: row;
        padding: 15px
    }
}

.catalog-sections .section-item--pic {
    height: 7rem;
    min-width: 50%;
    width: auto
}

@media (max-width: 768px) {
    .catalog-sections .section-item--pic {
        height: 6rem;
        width: 50%
    }
}

.catalog-sections .section-item--pic img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: .5s;
    width: 100%
}

.catalog-sections .section-item__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: auto
}

@media (max-width: 768px) {
    .catalog-sections .section-item__text {
        align-items: flex-start;
        margin-top: unset
    }
}

.catalog-sections .section-item--name {
    color: #424242;
    font-size: 1em;
    margin-top: .625em;
    text-align: center
}

@media (max-width: 768px) {
    .catalog-sections .section-item--name {
        margin-top: unset
    }
}

.catalog-sections .section-item--count {
    color: #c4c4c4;
    font-size: max(10px, .75em);
    margin-top: .5em;
    text-align: center
}

.catalog-sections .section-item.current, .catalog-sections .section-item:hover {
    border-color: #fff;
    box-shadow: 0 0 10px rgba(66, 66, 66, .1)
}

.catalog-sections .section-item.current .section-item--pic img, .catalog-sections .section-item:hover .section-item--pic img {
    transform: scale(1.1)
}

.catalog-sections .section-item.current .section-item--name {
    color: #004394
}

.sections-more-btn {
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 3px;
    color: #999;
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 56px;
    margin-top: 20px;
    outline: none !important;
    text-align: center;
    transition: .5s;
    width: 100%
}

.sections-more-btn:hover {
    border-color: #fff;
    box-shadow: 0 0 10px rgba(66, 66, 66, .1)
}

#catalog-section_wrapper {
    gap: 20px
}

.catalog-sort_mobile {
    padding: 1em
}

.catalog-sort .sort_header {
    align-items: center;
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: space-between;
    padding: 13px 15px
}

.catalog-sort .sort-title, .catalog-sort .sort-value {
    color: #999;
    font-size: .875em
}

.catalog-sort .sort-value {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: .5em
}

.catalog-sort .sort-value .icon-mask {
    background: #999;
    margin-left: 5px
}

.catalog-sort .sort-header-block {
    align-items: center;
    display: flex
}

.catalog-sort .sort_display--items {
    align-items: center;
    background: #f2f2f2;
    border-radius: 55px;
    display: flex;
    margin-left: .5em
}

.catalog-sort .sort_display--items .sort_btn {
    align-items: center;
    border-radius: 55px;
    display: flex;
    height: 34px;
    justify-content: center;
    margin-right: 5px;
    width: 34px
}

.catalog-sort .sort_display--items .sort_btn.current {
    background: #004394;
    margin-right: 0
}

.catalog-sort .sort_display--items .sort_btn i.icon-mask {
    background: #b3b3b3
}

.catalog-sort .menu-list__item {
    font-size: .875em
}

.catalog-sort .menu-list__link {
    color: #424242;
    display: block;
    height: 100%;
    padding: 10px 20px;
    text-decoration: none;
    transition: .3s;
    width: 100%
}

.catalog-sort .menu-list__link--current {
    color: #004394
}

.catalog-sort .menu-list__link--current:hover {
    background: transparent !important
}

.catalog-sort .menu-list__link:hover {
    background: #ecf3fa
}

.catalog-sort .sort--dropdown {
    padding: 10px 0
}

.catalog-sort .sort_count--dropdown {
    min-width: unset;
    padding: 10px 0
}

.catalog-sort .sort_count--dropdown .show_btn {
    color: #424242;
    display: block;
    font-size: .875em;
    padding: 10px 20px;
    text-decoration: none;
    transition: .3s
}

.catalog-sort .sort_count--dropdown .show_btn:hover {
    background: #ecf3fa
}

.catalog-sort .sort_count--dropdown .show_btn.current {
    color: #004394
}

.catalog-sort .sort_count--dropdown .show_btn.current:hover {
    background: transparent !important
}

.bx-sidebar-block > * {
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 3px;
    padding: 1.5em
}

.bx-sidebar-block > * + * {
    margin-top: -1px
}

@media (max-width: 768px) {
    .catalog-section {
        margin-left: calc(-50vw + 50%);
        width: 100vw
    }
}

.catalog-section__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 1px
}

.bx-section-desc {
    font-size: 14px;
    line-height: 1.57;
    margin-bottom: 50px;
    margin-top: 0px;
}

.catalog-price-banner-1 {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    font-size: 1rem
}

@media (max-width: 768px) {
    .catalog-price-banner-1 {
        flex-wrap: wrap;
        font-size: .83em
    }
}

.catalog-price-banner-1 .catalog-price-banner-text {
    padding: 3.75em 0;
    width: 45%
}

@media (max-width: 768px) {
    .catalog-price-banner-1 .catalog-price-banner-text {
        width: 100%
    }
}

.catalog-price-banner-1 .catalog-price-banner-text--title {
    font-size: 1.5em;
    font-weight: 500
}

.catalog-price-banner-1 .catalog-price-banner-text--desc {
    color: #999;
    font-size: .875em;
    margin-top: 3.28em
}

.catalog-price-banner-1 .catalog-price-banner-text--button {
    margin-top: 5em
}

@media (max-width: 768px) {
    .catalog-price-banner-1 .catalog-price-banner-text--button {
        margin-top: 1em
    }
}

.catalog-price-banner-1 .catalog-price-banner-text--button a {
    font-size: 1rem;
    line-height: 3.375em;
    width: 15.6em
}

@media (max-width: 768px) {
    .catalog-price-banner-1 .catalog-price-banner-text--button a {
        line-height: 36px;
        margin: 0 auto;
        width: 245px
    }
}

.catalog-price-banner-1 .catalog-price-banner-pic {
    width: 55%
}

@media (max-width: 768px) {
    .catalog-price-banner-1 .catalog-price-banner-pic {
        display: block;
        margin-top: 1em;
        width: 100%
    }
}

.catalog-price-banner-1 .catalog-price-banner-pic img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.catalog-mobile-buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: .875em;
    gap: .57em;
    margin-bottom: 1.14em
}

.catalog-mobile-buttons .btn {
    border: .5px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(66, 66, 66, .1);
    color: #999;
    padding-top: 0
}

.catalog-mobile-buttons .btn.btn-filter {
    color: #004394
}

.catalog-mobile-buttons .icon-mask-filter {
    background: #004394;
    margin-right: .43em
}

.list-clover-1 {
    font-size: .875rem
}

.list-clover-1 .section-list--current-name {
    margin-left: 1em;
    margin-top: .5em
}

.list-clover-1 ul {
    list-style: none;
    margin: .5em 0 0 2em;
    padding: 0
}

.list-clover-1 ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-clover-1 ul li + li {
    margin-top: .5em
}

.list-clover-1 ul li a {
    color: #424242;
    text-decoration: none;
    transition: .3s
}

.list-clover-1 ul li a:hover {
    color: #004394
}

.product-item {
    align-items: center;
    background: #fff;
    display: flex;
    font-size: 1rem;
    outline: .5px solid #e5e5e5;
    padding: 15px;
    position: relative;
    transition: .5s
}

.product-item .element-labels {
    top: 4%
}

.product-item .element-labels--item {
    font-size: 12px;
    line-height: 27px
}

.product-item__pic {
    display: block;
    height: 165px;
    width: 100%
}

.product-item__pic img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.product-item__title {
    color: #424242;
    font-size: .875em;
    margin-top: .71em;
    text-decoration: none;
    transition: .3s;
    width: 100%
}

.product-item__props {
    color: #999;
    font-size: .75em;
    margin-top: auto;
    padding-top: 1.25em;
    width: 100%
}

.product-item__prop {
    display: flex;
    width: 100%
}

.product-item__prop-name {
    margin-right: 5px
}

.product-item__bottom {
    width: 100%
}

.product-item__buy-block {
    align-items: center;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    margin-top: 1.25em;
    padding-top: .35em;
    width: 100%
}

.product-item__to-cart {
    border: none;
    height: 2.5em;
    transition: .3s;
    width: 2.5em
}

.product-item__to-cart.in-cart, .product-item__to-cart:hover {
    background: #e1e8f0
}

.product-item__extra {
    align-items: center;
    border-top: 1px solid #e5e5e5;
    color: #b3b3b3;
    display: flex;
    font-size: .625rem;
    justify-content: space-between;
    margin-top: .35em;
    padding-top: 1.125em;
    width: 100%
}

.product-item__availability {
    align-items: center;
    display: flex;
    white-space: nowrap
}

.product-item__availability:before {
    background: #e76b6b;
    border-radius: 50%;
    content: "";
    display: inline-flex;
    flex-shrink: 0;
    height: .759em;
    margin-right: .65em;
    width: .759em
}

.product-item__availability.available:before {
    background: #c6e76b
}

.product-item:hover {
    box-shadow: 0 0 10px rgba(66, 66, 66, .15);
    outline-color: #fff;
    z-index: 1
}

.product-item:hover .product-item__title {
    color: #004394
}

.section-block .product-item {
    flex-direction: column;
    width: 33.333333333%
}

@media (max-width: 768px) {
    .section-block .product-item {
        width: 50%
    }
}

.section-block.line-4 {
    gap: 20px;
    width: 100%
}

.section-block.line-4 .product-item {
    width: calc(25% - 15px)
}

@media (max-width: 992px) {
    .section-block.line-4 .product-item {
        min-width: 270px;
        width: 50%
    }
}

.section-block .carousel__track {
    margin: 0 -10px
}

.section-block .carousel__track .product-item {
    flex: 0 0 auto;
    margin: 0 10px;
    max-width: 100%;
    position: relative;
    width: calc(25% - 20px)
}

@media (max-width: 992px) {
    .section-block .carousel__track .product-item {
        width: calc(50% - 20px)
    }
}

.section-list .product-item {
    align-items: unset;
    width: 100%
}

@media (max-width: 576px) {
    .section-list .product-item {
        flex-direction: column;
        width: 50%
    }
}

.section-list .product-item__to-cart {
    font-size: 1rem;
    height: auto;
    width: auto
}

.section-list .product-item__to-cart .cart-text {
    padding: 0 .8em
}

@media (max-width: 768px) {
    .section-list .product-item__to-cart .cart-text {
        display: none
    }

    .section-list .product-item__to-cart .cart-icon {
        position: static
    }
}

@media (max-width: 576px) {
    .section-list .product-item__to-cart .cart-icon {
        height: 28px;
        width: 28px
    }
}

.section-list .product-item__figure {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 215px
}

@media (max-width: 576px) {
    .section-list .product-item__figure {
        margin: 0 auto;
        width: auto
    }
}

.section-list .product-item__title {
    margin-top: 0
}

.section-list .product-item__main {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 28px
}

@media (max-width: 576px) {
    .section-list .product-item__main {
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0
    }
}

.section-list .product-item__props {
    margin-top: 0
}

.section-list .product-item--more {
    color: #b3b3b3;
    font-size: 12px;
    line-height: 14px;
    margin-top: auto;
    padding-top: 10px
}

@media (min-width: 576px) {
    .section-list .product-item__buy-block {
        align-items: flex-start;
        border-left: 1px solid #e5e5e5;
        border-top: 0;
        flex-direction: column;
        flex-shrink: 0;
        justify-content: unset;
        margin-top: 0;
        padding-left: 28px;
        padding-top: 0;
        width: 22%
    }
}

@media (max-width: 576px) {
    .section-list .product-item__buy-block {
        flex-wrap: wrap;
        margin-top: auto
    }
}

.section-list .product-item__price {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px
}

@media (max-width: 576px) {
    .section-list .product-item__price {
        font-size: 16px;
        line-height: 20px;
        order: 1
    }
}

.section-list .product-item__price-val {
    white-space: nowrap
}

@media (min-width: 576px) {
    .section-list .product-item__extra {
        align-items: unset;
        border-top: 0;
        flex-direction: column;
        gap: 10px;
        margin-top: 21px;
        padding-top: 0
    }
}

@media (max-width: 576px) {
    .section-list .product-item__extra {
        flex-direction: row-reverse;
        order: 3;
        text-align: right
    }
}

.section-list .product-item__action {
    margin-top: auto
}

@media (max-width: 576px) {
    .section-list .product-item__action {
        order: 2
    }
}

.bx-filter {
    font-size: 1rem
}

.bx-filter-parameters-box + .bx-filter-parameters-box {
    margin-top: 1.375em
}

.bx-filter-parameters-box-hint {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.bx-filter-parameters-box-hint:hover {
    color: #004394
}

.bx-filter-parameters-box-title {
    font-size: .875em;
    font-weight: 600
}

.bx-filter-parameters-box-container {
    padding: 1em 0
}

.bx-filter-button-box .bx-filter-parameters-box-container {
    padding-bottom: 0
}

.bx-filter-parameters-box-container--inputs {
    align-items: center;
    display: flex
}

.bx-filter-block {
    display: none
}

.bx-active .bx-filter-block {
    display: block
}

.bx-filter-param-btn-block {
    width: calc(50% - .63em)
}

+ .bx-filter-param-btn-block {
    margin-top: .625em
}

.bx-filter-param-btn {
    display: flex;
    margin-right: .43em
}

.bx-filter-checkbox_with_pic_label {
    display: flex;
    flex-wrap: wrap;
    font-size: .9em;
    gap: .625em 1em;
    justify-content: space-between
}

.bx-filter-checkbox_with_pic_label .bx-filter-param-label {
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    font-size: .875em;
    padding: .36em .5em;
    position: relative;
    transition: .3s
}

.bx-filter-checkbox_with_pic_label .bx-filter-param-label:after {
    border: 2px solid transparent;
    border-radius: 16px;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: .3s
}

.bx-filter-checkbox_with_pic_label .bx-filter-param-label:hover, .bx-filter-checkbox_with_pic_label .bx-filter-param-label:hover:after {
    border-color: #e1e8f0
}

.bx-filter-checkbox_with_pic_label .bx-filter-param-label.bx-active {
    border-color: #004394
}

.bx-filter-checkbox_with_pic_label .bx-filter-param-label.bx-active:after {
    border-color: transparent
}

.bx-filter-btn-color-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 1.143em;
    width: 1.143em
}

.bx-filter-container-modef {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.bx-filter-container-modef #modef {
    display: none !important;
    left: 100%;
    position: absolute
}

.bx-filter-input-separator {
    background: #e5e5e5;
    display: inline-flex;
    height: 1px;
    margin: 0 .5em;
    width: 14px
}

.bx-filter-input-container input[type=text] {
    border-color: #e5e5e5;
    border-radius: 10px;
    color: #424242;
    height: 2em;
    text-align: center
}

.bx-filter-input-container input[type=text]:hover {
    border-color: #e1e8f0
}

.bx-filter-input-checkbox {
    align-items: center;
    display: flex
}

.bx-filter-input-checkbox .field__helper {
    transition: .3s
}

.bx-filter-input-checkbox:hover .field__helper {
    background: #e1e8f0;
    border-color: #e1e8f0
}

.bx-filter-input-checkbox .bx-filter-param-text {
    font-size: .875em
}

.bx-filter-button-box {
    border-top: 1px solid #e5e5e5;
    margin: 1em -1.5em 0;
    padding: 0 1.5em
}

.bx-filter-button-box .bx-filter-block {
    display: block
}

.bx-filter-clear {
    align-items: center;
    display: flex;
    margin: 1.25em auto 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.bx-filter-clear .btn-filter-clear {
    background: transparent;
    border: unset;
    color: #b3b3b3;
    cursor: pointer;
    font-size: max(10px, .75em);
    margin: 0;
    padding: 0 2.33em 0 0
}

.bx-filter-clear .btn-filter-clear:hover {
    text-decoration: underline
}

.bx-filter-clear:after {
    background: no-repeat 50% url(../img/icons/icon-close.svg);
    background-size: contain;
    content: "";
    display: inline-flex;
    height: 29px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 29px
}

.bx-filter-show .btn-filter-show {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    color: #004394;
    font-size: 1em;
    font-weight: 500;
    padding-top: 0;
    width: 100%
}

.bx-filter .bx-ui-slider-track-container {
    margin-top: 1.19em
}

.bx-filter .bx-ui-slider-track-container .bx-ui-slider-track {
    height: 2px;
    position: relative
}

.bx-filter .bx-ui-slider-track-container .bx-ui-slider-track .bx-ui-slider-pricebar-vd {
    background: #e5e5e5;
    height: 2px;
    position: absolute;
    top: 0
}

.bx-filter .bx-ui-slider-track-container .bx-ui-slider-track .bx-ui-slider-pricebar-vn {
    height: 2px;
    position: absolute;
    top: 0
}

.bx-filter .bx-ui-slider-track-container .bx-ui-slider-track .bx-ui-slider-pricebar-v {
    background: #004394;
    height: 2px;
    position: absolute;
    top: 0
}

.bx-filter .bx-ui-slider-track-container .bx-ui-slider-track .bx-ui-slider-range .bx-ui-slider-handle {
    background: #004394;
    border-radius: 50%;
    display: block;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.bx-filter .checkbox + .checkbox {
    margin-top: 1rem
}

.catalog-element-detail-clover-1 .catalog-element-detail_top {
    align-items: center;
    border-bottom: .5px solid #e5e5e5;
    color: #b3b3b3;
    display: flex;
    font-size: .75em;
    padding-bottom: 6px
}

.catalog-element-detail-clover-1 .catalog-element-detail_top .element-top-block + .element-top-block {
    margin-left: 39px
}

@media (max-width: 992px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_top .element-top-block + .element-top-block {
        margin-left: 0
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_top .element-top-block:last-of-type {
    margin-left: auto
}

.catalog-element-detail-clover-1 .catalog-element-detail_main {
    display: flex;
    flex-wrap: wrap;
    gap: 41px;
    margin-top: 18px;
    padding-bottom: 40px
}

@media (max-width: 992px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main {
        padding-bottom: 0
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left {
    position: relative;
    width: calc(47.3% - 20.5px)
}

@media (max-width: 992px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left {
        width: 100%
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-main {
    aspect-ratio: 1.38;
    background: #fff;
    border-radius: 3px;
    display: flex;
    overflow: hidden;
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-main .carousel__viewport {
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-main__slide {
    height: 100%;
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-main__slide img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-thumbs {
    display: flex;
    gap: 5px;
    margin-top: 6px;
    max-height: 90px;
    overflow: hidden;
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-thumbs .carousel__track {
    gap: 5px;
    padding-bottom: 2px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-thumbs__slide {
    background: #fff;
    cursor: pointer;
    overflow: visible;
    padding: 0;
    width: calc(25% - 3.75px)
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-thumbs__slide:after {
    background: #004394;
    content: "";
    height: 3px;
    left: 8px;
    position: absolute;
    right: 100%;
    top: calc(100% - 1px);
    transition: .3s
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-thumbs__slide.is-nav-selected {
    cursor: default
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-thumbs__slide.is-nav-selected:after {
    right: 8px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-thumbs__slide img {
    aspect-ratio: 1.48;
    border-radius: 3px;
    height: 100%;
    max-height: 87px;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-thumbs .carousel__viewport {
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_left .element-slider-desc {
    color: #b3b3b3;
    font-size: 10px;
    left: 0;
    margin-top: 15px;
    position: absolute;
    right: 0
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_right {
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    width: calc(52.7% - 20.5px)
}

@media (max-width: 992px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .element-main-block_right {
        width: 100%
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row {
    padding: 17px 20px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row + .main-right-block_row {
    border-top: .5px solid #e5e5e5
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--top {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--top .element-guarantee {
    align-items: center;
    display: flex
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--top .element-guarantee--text {
    color: #b3b3b3;
    font-size: 10px;
    margin-left: 14px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--top .element-price {
    font-size: 24px;
    font-weight: 600
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--top .element-price--measure {
    color: #b3b3b3;
    font-size: 16px;
    font-weight: 400
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop {
    position: relative;
    width: calc(33.333% - 13.333px)
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop {
        width: calc(50% - 9.999px)
    }

    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop__color {
        width: 100%
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--title {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--toggler {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px 17px 10px 23px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--toggler_item {
    align-items: center;
    display: flex
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--toggler_icon {
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--toggler_text {
    font-size: 14px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list a {
    text-decoration: none
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list.columns-3 {
    flex-direction: row;
    max-width: 330px;
    width: -moz-max-content;
    width: max-content
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list.columns-3 .element-sku-list-item {
    width: 33.333%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list.columns-2 {
    flex-direction: row;
    max-width: 125px;
    width: -moz-max-content;
    width: max-content
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list.columns-2 .element-sku-list-item {
    width: 50%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list-item {
    list-style: none;
    margin: 0;
    opacity: .5;
    padding: 0
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list-item.active {
    opacity: 1
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list-item.active .element-sku-list-item--link {
    cursor: pointer
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list-item.current {
    opacity: 1
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list-item.current .element-sku-list-item--link {
    border-color: #e1e8f0;
    border-radius: 16px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list-item--link {
    align-items: center;
    border: 2px solid transparent;
    color: #424242;
    cursor: default;
    display: flex;
    padding: 5px 7px;
    text-decoration: none
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list-item--icon {
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    width: 16px;
    min-width: 16px;
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop--dropdown .element-sku-list-item--name {
    font-size: 14px;
    white-space: nowrap;
    text-wrap: wrap;
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--props .main-prop_checkbox .field {
    align-items: center;
    display: flex;
    font-size: 14px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc {
    padding: 0 0 19px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-rows.noone .element-calc-row--delete {
    display: flex
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row {
    padding: 17px 20px;
    position: relative
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row + .element-calc-row {
    border-top: .5px solid #e5e5e5
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row--price {
    font-size: 22px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row--delete {
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer;
    display: none;
    height: 24px;
    justify-content: center;
    margin-left: auto;
    width: 24px
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row--delete {
        position: absolute;
        right: 0;
        top: 0
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs {
    align-items: center;
    display: flex;
    padding-top: 26px
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs {
        flex-wrap: wrap
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field {
    position: relative
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-title {
    bottom: 100%;
    color: #b3b3b3;
    left: 0;
    position: absolute;
    white-space: nowrap
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-visual {
    border-color: #e5e5e5;
    border-radius: 10px;
    color: #424242;
    height: 40px;
    max-width: 83px;
    min-width: 75px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-visual.field-input--input {
    padding: 0 1em
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-visual:disabled {
    background: #e1e8f0;
    border-color: #e1e8f0
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-visual:invalid {
    border-color: red
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-visual:invalid + .field-invalid--text {
    opacity: 1;
    visibility: visible
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-visual + .field-invalid--text {
    font-size: 10px;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: calc(100% + 2px);
    transition: .3s;
    visibility: hidden;
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-visual.field-select--toggler {
    max-width: 114px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-select {
    max-width: 114px;
    min-width: 70px;
    width: 30%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .field-select--dropdown_list {
    max-height: 200px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .calc-separator {
    padding: 0 9px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .mobile-transfer {
    align-items: center;
    display: flex
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .mobile-transfer {
        justify-content: space-between;
        width: 100%
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .mobile-transfer.main-inputs {
    min-width: 304px;
    width: auto
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .mobile-transfer.main-inputs {
        margin-bottom: 18px
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_inputs .mobile-transfer_block {
    align-items: center
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_bottom {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin: 16px -20px 0
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_bottom > * {
    padding: 0 20px;
    width: 50%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-row_bottom--new {
    color: #004394;
    cursor: pointer;
    font-size: 10px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-result {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-result > * {
    padding: 0 20px;
    width: 50%
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-result > * {
        width: 100%
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--calc .element-calc-result--price-value {
    font-size: 20px;
    font-weight: 600
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons {
    margin-top: auto
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons .buttons-wrapper {
    align-items: center;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px)
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons .buttons-wrapper {
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons .buttons-wrapper .element-articul {
    color: #b3b3b3;
    font-size: 12px;
    margin-top: 15px;
    text-align: center
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons .buttons-wrapper > * {
    padding: 0 10px;
    width: 50%
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons .buttons-wrapper > * {
        padding: 0;
        width: 100%
    }

    .catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons .buttons-wrapper > * + * {
        margin-top: 10px
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons .buttons-wrapper .btn {
    font-size: 16px;
    height: 48px;
    width: 100%
}

.catalog-element-detail-clover-1 .catalog-element-detail_main .main-right-block_row--buttons .buttons-wrapper .btn .button-icon {
    margin-right: 7px
}

.catalog-element-detail-clover-1 .catalog-element-detail_content {
    display: flex;
    gap: 20px;
    margin-top: 36px
}

@media (max-width: 992px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_content {
        flex-wrap: wrap;
        gap: 65px
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_main {
    width: calc(67% - 10px)
}

@media (max-width: 992px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_content_main {
        width: 100%
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_main .element-detail_tabs {
    align-items: center;
    display: flex;
    list-style: none;
    margin: -10px;
    overflow-x: auto;
    padding: 0
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_main .element-detail_tab {
    padding: 10px
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_main .element-detail_tab--name {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 55px;
    color: #999;
    display: inline-block;
    font-size: 16px;
    line-height: 38px;
    padding: 0 30px
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_main .element-detail_tab--name.active {
    box-shadow: 0 1px 10px rgba(66, 66, 66, .15);
    color: #004394
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_main .element-detail_tabs-content {
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 3px;
    margin-top: 23px
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_main .element-detail_tabs-content--item {
    display: none;
    padding: 30px 38px
}

@media (max-width: 576px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_content_main .element-detail_tabs-content--item {
        padding: 23px 20px
    }
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_main .element-detail_tabs-content--item.active {
    display: block
}

.catalog-element-detail-clover-1 .catalog-element-detail_content_sidebar {
    margin-top: 63px;
    width: calc(33% - 10px)
}

@media (max-width: 992px) {
    .catalog-element-detail-clover-1 .catalog-element-detail_content_sidebar {
        margin-top: 0;
        width: 100%
    }
}