@charset "utf-8";

/* Defaults */
:root {
    --inp-border:#E1E1E1;
    --border:#E8EBF1;

    /* Inputs and colors */
    --input-color: #777777;
    --input-border: rgba(204,204,204,.35);
    --input-border-dark: rgba(204,204,204,.75);
    --input-background-hover: #f6f6f6;
    --input-background: #fff;
    --input-placeholder: #CBD1DC;
    --input-border-focus: #275EFE;

    --a: #39414D;
    --text:#555;
    --text-gray:#999;
    --link:#39414D;
/*
    --main: #741812;
    --main-hover: #90251e;
    --main-active: rgba(116, 24, 18, 0.5);
*/
    --main: #002f6c;
    --main-hover: #001f48;
    --main-active: rgba(0, 47, 108, 0.5);

    --red: #ff0000;

    /* Flexbox */
    --gutter-width: 16px;
    --outer-margin: 32px;
    --gutter-compensation: calc((var(--gutter-width) * 0.5) * -1);
    --half-gutter-width: calc((var(--gutter-width) * 0.5));
    --xs-min: 0rem;
    --sm-min: 576px;
    --md-min: 768px;
    --lg-min: 992px;
    --xl-min: 1200px;

    --gap: 16px;
    --gap-s: 10px;
    --gap-b:30px;
    --gap-l:60px;

    --f-h2: 40px;
    --f-h3: 28px;
    --f-h4: 24px;
    --f-h5: 20px;
    --f-h6: 16px;
    --f-s: 10px;

    --height: 44px;

    /* Elems */
    --background-inactive: #eeeeee;
    --background-shadow: #dddddd;
    --svg-inactive: #777777;
    --svg-active: rgb(40,139,27); /* #cfb87c */ /* #ebae10 */ /* rgb(40,139,27) */
    --svg-active-light: #42a734; /* #cfb87c */ /* #ebae10 */ /* rgb(40,139,27) */
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-MediumItalic.eot');
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
    url('../fonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-MediumItalic.woff') format('woff'),
    url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Italic.eot');
    src: local('Roboto Italic'), local('Roboto-Italic'),
    url('../fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-Italic.woff') format('woff'),
    url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-Bold.woff') format('woff'),
    url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
    url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-Medium.woff') format('woff'),
    url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BoldItalic.eot');
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
    url('../fonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-BoldItalic.woff') format('woff'),
    url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-ThinItalic.eot');
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
    url('../fonts/Roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-ThinItalic.woff') format('woff'),
    url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Black.eot');
    src: local('Roboto Black'), local('Roboto-Black'),
    url('../fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-Black.woff') format('woff'),
    url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'),
    url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-Light.woff') format('woff'),
    url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-LightItalic.eot');
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('../fonts/Roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-LightItalic.woff') format('woff'),
    url('../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BlackItalic.eot');
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
    url('../fonts/Roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-BlackItalic.woff') format('woff'),
    url('../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Thin.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'),
    url('../fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto/Roboto-Thin.woff') format('woff'),
    url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.page--box{overflow: hidden;display: flex;flex-direction: column;min-height: 100vh;}
header {flex: 0 0 auto;} /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
main {flex: 1 0 auto;} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
footer {flex: 0 0 auto;} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,button {outline: 0;padding: 0;margin: 0;border: 0;}

body * {box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */
/* Remove the margin in all browsers. */
body {font-family: 'Roboto';font-size: 14px;-webkit-overflow-scrolling: touch;color: var(--text)}

/* Render the `main` element consistently in IE. */
main {display: block;}

/* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 {font-size: 2.1875rem;margin: 0.67em 0;text-align: center;position: relative;padding-bottom: 10px}
h1:after {content:'';position: absolute;border-bottom: 2px solid var(--text-gray);width: 30%;min-width: 100px;max-width: 200px;bottom:0;left:50%;transform: translateX(-50%)}

h2 {font-size:30px;line-height:36px;margin-bottom: 24px;margin-top: 30px;position: relative;text-align: left;padding-bottom: 10px}
/*h2:after {content:'';position: absolute;border-bottom: 2px solid var(--text-gray);width: 30%;min-width: 100px;max-width: 200px;bottom:0;left:50%;transform: translateX(-50%)}*/

h3, .h3 {font-size:26px;line-height:32px;margin-bottom: 16px;margin-top: 24px;position: relative;text-align: center;padding-bottom: 10px}

h6, .h6 {font-size:24px;line-height:30px;margin-bottom: 16px;margin-top: 16px;position: relative;text-align: left;}

.--text ol {list-style-type: none;counter-reset: item;margin: 0;padding: 0;}
.--text ol > li {display: table;counter-increment: item;margin-bottom: 0.6em;}
.--text ol > li:before {content: counters(item, ".") ". ";display: table-cell;padding-right: 0.6em;}
.--text li ol > li {margin: 0;}
.--text li ol > li:before {content: counters(item, ".") " ";}

/* Text-level semantics
   ========================================================================== */

/* Remove the gray background on active links in IE 10. */
a {background-color: transparent;color:var(--a);text-decoration: none;}

p, .p, .--text, .news--detail
{line-height: 1.58;letter-spacing: .01em;word-spacing: .1em;word-break: break-word;word-wrap: break-word;-webkit-hyphens: manual;-ms-hyphens: manual;-o-hyphens: manual;hyphens: manual;font-size: 1rem;text-rendering: optimizeLegibility;margin-bottom: var(--gap)}
li {line-height: 1.58;letter-spacing: .01em;word-spacing: .1em;word-break: break-word;word-wrap: break-word;-webkit-hyphens: manual;-ms-hyphens: manual;-o-hyphens: manual;hyphens: manual;font-size: 1rem;text-rendering: optimizeLegibility;margin-bottom: var(--gap)}
.--text li:not([role="presentation"]):before {content: '';width: 6px;height: 6px;background-color: #000;display: inline-block;transform: translateY(-3px);border-radius: 50%;margin-right: 10px;}
.news--detail img {max-width: 100%;height: auto;}

@media all and (max-width: 1620px) {
    h1 {font-size: 30px;margin: 30px 0;line-height: 36px}
    h2 {font-size: 24px;line-height: 30px}
    h3, .h3 {font-size: 22px;line-height: 26px}
    h6, .h6 {font-size: 20px;line-height: 24px}

    p, .p, .--text, .news--detail
    {font-size: 14px;line-height: 20px}
    li {font-size: 14px;line-height: 20px}

    :root {
        --f-h2: 32px;
        --box: 100%;
        --gap-g: 80px;
    }
}

@media all and (max-width: 1440px) {
    h1 {font-size: 28px;line-height: 34px}
    h2 {font-size: 22px;line-height: 26px}
    h3, .h3 {font-size: 22px;line-height: 26px}
}

@media all and (max-width: 1280px) {
    h1 {font-size: 24px;line-height: 28px}
    h2 {font-size: 20px;line-height: 26px}
    h3, .h3 {font-size: 18px;line-height: 22px}
}

@media all and (max-width: 1024px) {
    h1 {text-align: left}
    h2 {text-align: left}
    h3, .h3 {text-align: left}
    h1:after,
    h2:after
    {display: none}

    :root {
        --f-h2: 24px;
        --height: 50px;
    }
}

.scroll--x::-webkit-scrollbar,
.scroll--y::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
    background-color: #F6F6F6;
}
.scroll--x::-webkit-scrollbar-thumb,
.scroll--y::-webkit-scrollbar-thumb
{
    background-color: var(--main);
    border-radius: 0;
    box-shadow: none;
}
.scroll--x::-webkit-scrollbar-thumb:hover,
.scroll--y::-webkit-scrollbar-thumb:hover
{
    background-color: var(--main);
}

.scroll--no::-webkit-scrollbar,
.scroll--no::-webkit-scrollbar-thumb{background-color: transparent}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Add the correct font size in all browsers. */
small {font-size: 80%;}

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* Embedded content
   ========================================================================== */

/* Remove the border on images inside links in IE 10. */
img {border-style: none;image-rendering: -webkit-optimize-contrast !important;}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/* Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/* Correct the padding in Firefox. */
fieldset {padding: 0.35em 0.75em 0.625em;}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {vertical-align: baseline;}

/* Remove the default vertical scrollbar in IE 10+. */
textarea {overflow: auto;}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}

/* Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/* Add the correct display in Edge, IE 10+, and Firefox. */
details {display: block;}

/* Add the correct display in all browsers. */
summary {display: list-item;}

/* Misc
   ========================================================================== */

/* Add the correct display in IE 10+. */
template {display: none;}

/* Add the correct display in IE 10. */
[hidden] {display: none;}

/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
    width: 14px; /* ширина для вертикального скролла */
    height: 14px; /* высота для горизонтального скролла */
    background-color: transparent;
}
/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    background-color: var(--svg-inactive);
    border-radius: 0;
    box-shadow: none;
}
::-webkit-scrollbar-thumb:hover {
    background-color: var(--svg-inactive);
}

/* Стрелки */
::-webkit-scrollbar-button:vertical:start:decrement {
    display: none
}
::-webkit-scrollbar-button:vertical:end:increment {
    display: none
}
::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none
}
::-webkit-scrollbar-button:horizontal:end:increment {
    display: none
}

/* Flexboxgrid 6.3.1 */
@custom-media --sm-viewport only screen and (min-width: 576px);
@custom-media --md-viewport only screen and (min-width: 768px);
@custom-media --lg-viewport only screen and (min-width: 992px);
@custom-media --xl-viewport only screen and (min-width: 1200px);

@custom-media --xs-only only screen and (max-width: 575px);
@custom-media --sm-only only screen and (min-width: 576px) and (max-width: 767px);
@custom-media --md-only only screen and (min-width: 768px) and (max-width: 991px);
@custom-media --lg-only only screen and (min-width: 992px) and (max-width: 1199px);
@custom-media --xl-only only screen and (min-width: 1200px);

.container {box-sizing: border-box;margin-left: auto;margin-right: auto;padding-right: 16px;padding-left: 16px;max-width: 1680px;margin: 0 auto;width: 100%}
.container-fluid {padding-right: 16px;padding-left: 16px;margin-left: auto;margin-right: auto;max-width: 1152px}


a, svg, .button
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.selectGroup input
{-moz-transition: none;-webkit-transition: none;-o-transition: none;-ms-transition: none}

ul {list-style-type: none}

/* Кастомный прелоадер начат*/
.pWrap{background: rgba(0,0,0,0.7);height: 100%;position: fixed;width: 100%;z-index: 100;top: 0;left: 0;}
.pInner {width: 50px;height: 50px;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
/* Кастомный прелоадер окончен*/

.js--lazy {background-size: 24px 24px !important;background-repeat: no-repeat !important;background-position: center center !important;}

/* 404 начат*/
#notfound {position: relative;height: 100vh;}
#notfound .notfound-bg {position: absolute;width: 100%;height: 100%;background-image: url('../img/bg.jpg');background-size: cover;}
#notfound .notfound-bg:after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(255, 0, 36, 0.7);}
#notfound .notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notfound {max-width: 910px;width: 100%;line-height: 1.4;text-align: center;}
.notfound .notfound-404 {position: relative;height: 200px;}
.notfound .notfound-404 h1 {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 220px;font-weight: 900;margin: 0px;color: #fff;text-transform: uppercase;letter-spacing: 10px;}
.notfound h2 {font-size: 22px;font-weight: 700;text-transform: uppercase;color: #fff;margin-top: 20px;margin-bottom: 15px;}
.notfound .home-btn, .notfound .contact-btn {display: inline-block;font-weight: 700;text-decoration: none;background-color: transparent;border: 2px solid transparent;text-transform: uppercase;padding: 13px 25px;font-size: 18px;border-radius: 40px;margin: 7px;-webkit-transition: 0.2s all;transition: 0.2s all;}
.notfound .home-btn:hover, .notfound .contact-btn:hover {opacity: 0.9;}
.notfound .home-btn {color: rgba(255, 0, 36, 0.7);background: #fff;}
.notfound .contact-btn {border: 2px solid rgba(255, 255, 255, 0.9);color: rgba(255, 255, 255, 0.9);}
.notfound-social {margin-top: 25px;}
.notfound-social>a {display: inline-block;height: 40px;line-height: 40px;width: 40px;font-size: 14px;color: rgba(255, 255, 255, 0.9);margin: 0px 6px;-webkit-transition: 0.2s all;transition: 0.2s all;}
.notfound-social>a:hover {color: rgba(255, 0, 36, 0.7);background-color: #fff;border-radius: 50%;}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 h1 {font-size: 182px;}
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {height: 146px;}
    .notfound .notfound-404 h1 {font-size: 146px;}
    .notfound h2 {font-size: 16px;}
    .notfound .home-btn, .notfound .contact-btn {font-size: 14px;}
}

/* 404 окончен*/

/* Notes */
#notes {
    position: fixed;
    top: var(--padding);
    right: 0;
    width: 100%;
    cursor: default;
    transition: height 0.45s ease-in-out;
    -webkit-transition: height 0.45s ease-in-out;
    pointer-events: none;
    z-index: 10000;
}
#notes .note-item {
    max-height: 12em;
    opacity: 1;
    will-change: opacity, transform;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 50vw;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    z-index: 2;
    pointer-events: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack:end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    max-width: 20em;
    font: inherit;
    line-height: 1.25em;
    color: #fff;
    margin: 0;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding: 0.75em 1em;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 10px;
}
@media all and (max-width: 30em) {
    #notes .note-item {
        width: 75vw;
        max-width: none;
    }
}
#notes .note-item[data-show=false] {
    pointer-events: none;
    opacity: 0 !important;
    max-height: 0 !important;
    margin-bottom: 0 !important;
}
#notes .note-item[data-type=info] {
    background-color: rgba(55, 94, 151, 0.72);
}
#notes .note-item[data-type=warn] {
    background-color: rgba(235, 172, 0, 0.72);
    animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type=error] {
    background-color: rgba(153, 0, 0, 1);
    animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type=success] {
    background-color: rgba(63, 104, 28, 0.72);
}
#notes .note-item .note-item-text {
    flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    padding-right: 0.5em;
    max-width: calc(100% - 1.25em);
    max-width: -webkit-calc(100% - 1.25em);
}
#notes .note-item .note-item-btn {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}
#notes .note-item .note-item-btn:hover {
    opacity: 0.6;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
        -webkit-transform: translate3d(-1px, 0, 0);
        -ms-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
        -webkit-transform: translate3d(2px, 0, 0);
        -ms-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
        -webkit-transform: translate3d(-4px, 0, 0);
        -ms-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
        -webkit-transform: translate3d(4px, 0, 0);
        -ms-transform: translate3d(4px, 0, 0);
    }
}
@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        -webkit-transform: translate3d(4px, 0, 0);
    }
}
/* Notes End */

/* Hint */
.nTip {display:none;position:absolute;background-color:#fff;padding:15px;color:var(--text);max-width:400px;min-width:20px;z-index:99999;font-size: 12px;border:1px solid var(--border);border-radius: 6px;box-shadow: 0 4px 8px 0 #0000000f;}
.asteriks {cursor: help;position: relative}
.asteriks--help {color:#fff;background-color:var(--main);border-radius: 3px;margin-right: 10px;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;font-size: 12px}
.asteriks--box p{margin-top: 0}
.asteriks--box p:last-child{margin-bottom: 0}
.asteriks--parent {display: flex;gap:16px;align-items: center}
/* Hint End */

/* Custom checkbox */
.d--checkbox+label::before, .d--checkbox:not(:disabled):not(:checked)+label:hover::before,
.d--checkbox:not(:disabled):active+label::before, .d--checkbox:focus+label::before, .d--checkbox:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

/* для элемента input c type="checkbox" */
.d--checkbox {position: absolute;z-index: -1;opacity: 0;display: none}

/* для элемента label, связанного с .d--checkbox */
.d--checkbox+label {display: inline-flex;align-items: center;user-select: none;text-align: left;padding-left: 15px;font-size: 14px;cursor: pointer;position: relative}

/* создание в label псевдоэлемента before со следующими стилями */
.d--checkbox+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;position: absolute;top: 0;left: 0;}

.d--row.d--checbox-big{margin-bottom: 0}
.d--checbox-big .d--checkbox+label {padding-left: 35px;font-family: 'Proxima Nova Regular';font-style: normal;font-weight: 400;font-size: 14px;color: var(--text-dark);margin-bottom: 0}
.d--checbox-big .d--checkbox+label::before {width: 22px;height: 22px;top: 0;left: 0;border-radius: 6px}
.d--checbox-big .d--checkbox:checked+label::before {border-color:#DBDBDB;background-color: transparent;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23606060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.d--checbox-big label {font-family: 'Proxima Nova Bold';font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: #4F4F4F;}

/* стили при наведении курсора на checkbox */
.d--checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: var(--main);
}

/* стили для активного чекбокса (при нажатии на него) */
.d--checkbox:not(:disabled):active+label::before {
    background-color: rgba(255, 142, 37, 0.5);
    border-color: rgba(255, 142, 37, 0.5);
}

/* стили для чекбокса, находящегося в фокусе */
.d--checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 142, 37, 0.5);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.d--checkbox:focus:not(:checked)+label::before {
    border-color: rgba(255, 142, 37, 0.5);
}

/* стили для чекбокса, находящегося в состоянии checked */
.d--checkbox:checked+label::before {
    border-color: var(--main);
    background-color: var(--main);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.d--checkbox:disabled+label::before {
    background-color: #e9ecef;
}

/* Custom radio */
.d--radio .custom-radio+label::before{width: 16px;height: 16px}

.custom-radio+label::before, .custom-radio:not(:disabled):not(:checked)+label:hover::before,
.custom-radio:not(:disabled):active+label::before, .custom-radio:focus+label::before, .custom-radio:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
/* для элемента input c type="radio" */
.custom-radio {position: absolute;z-index: -1;opacity: 0;}
/* для элемента label связанного с .custom-radio */
.custom-radio+label {display: inline-flex;align-items: center;user-select: none;position: relative;cursor: pointer;}
/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio+label::before {content: '';display: inline-block;width: 17px;height: 17px;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 50%;margin-right: 9px;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: rgba(255, 142, 37, 0.5);
}
/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active+label::before {
    background-color: rgba(255, 142, 37, 0.5);
    border-color: rgba(255, 142, 37, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе */
.custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 142, 37, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked)+label::before {
    border-color: rgba(255, 142, 37, 0.5);
}
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
    border-color: var(--main);
    background-color: var(--main);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled+label::before {
    background-color: #fff;
}

/* Fake List */
.select--list {position: relative;min-width: 210px}
.select--list svg{width: 6px;height: 12px;margin-right: 5px;transform: rotate(90deg);margin-left: auto;transition: .4s}
.select--list.opened svg{transform: rotate(-90deg)}
.select--list-items {display: none;opacity: 0;visibility: hidden;position: absolute;top:calc(100% + 5px);left:0;width: 100%;height: auto;background-color: #fff;z-index: 10;padding: 16px;border-bottom-left-radius: var(--b-radius-small);border-bottom-right-radius: var(--b-radius-small)}
.select--list-item {display: flex;align-items: center;justify-content: flex-start;cursor: pointer;padding: 5px 10px;user-select: none;transition: .4s;font-size: 14px;line-height: 17px;}
.select--list-item:hover {color: var(--main)}
.select--list-item.selected {color: var(--main)}
.select--list-item:last-child {margin-bottom: 0;}
.select--list.opened .select--list-items {display: flex;flex-direction:column;gap:8px;opacity: 1;visibility: visible;box-shadow: 0 7px 8px rgba(34, 34, 34, 0.15);border-radius: 12px;}
.select--list.opened .select--list-visible {border-color:var(--a)}
.select--list.opened {}
.select--list-visible {display: flex;align-items: center;justify-content: flex-start;gap:12px;padding: 0 20px;background-color: #fff;border-radius:12px;cursor: pointer;height: var(--height);transition: .5s;border: 1px solid var(--border);font-size: 14px;line-height: 17px;}
.select--list.opened .select--list-visible {box-shadow: 0 4px 8px rgba(34, 34, 34, 0.25);}
.select--list-visible:hover {box-shadow: 0 4px 4px rgba(34, 34, 34, 0.05);}

@media all and (max-width: 545px) {
    .d--Inner {min-width: 320px;max-width: 320px;padding: 40px 20px 40px 20px;}
    .select--list {min-width: unset}
    .select--list-visible {padding: 0 10px 0 15px;}
    .js--filter-mobile {padding: 0 15px}
}

.article--product-slide {text-align: center;padding:10px;height: 0;line-height: 0;padding-top: 75%;background-size: cover;background-repeat: no-repeat;background-position: center center;cursor:pointer}
.article--product-slide img{display: none}

/* Ripple Effect */
.--ripple {position: relative;overflow: hidden;}
.--is-ripple {transform: translate3d(0,0,0);}
.rippleAnimation {width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.5);transform: scale(0);position: absolute;opacity: 1;animation: ripple .6s linear;z-index: 100;}

@keyframes ripple {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn {font-size: 16px;background-color: #fff;border:1px solid var(--main);border-radius:6px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;transition: background-color .4s;color:var(--main);gap:var(--gap-s)}
.btn:hover {background-color: var(--main);color:#fff;}
.btn span{transition: .4s}
.btn svg{fill:var(--main);transition: .4s}
.btn:hover svg{fill:#fff}

.btn--fill {font-size: 16px;background-color: var(--main);border:1px solid var(--main);border-radius:6px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;transition: background-color .4s;color:#fff;gap:var(--gap-s)}
.btn--fill:hover {background-color: var(--main-hover);}
.btn--fill:active {background-color: var(--main-active);}
.btn--fill svg{fill:#fff}

.btn--white {font-size: 16px;background-color: #fff;border:1px solid var(--border);border-radius:12px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: background-color .4s;color:var(--a);gap:var(--gap-s)}
.btn--white span{transition: .4s}
.btn--white svg{transition: .4s;transform: rotate(90deg)}
.btn--white:hover svg{/*transform: rotate(-90deg);*/fill:#fff}
.btn--white:hover {background-color: var(--main);color:#fff;border-color:var(--main)}
.btn--white:active {background-color: var(--main);color:#fff;border-color:var(--main)}

.btn--gray {font-size: 16px;background-color: #fff;border:1px solid var(--border);border-radius:12px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: background-color .4s;color:var(--a);gap:var(--gap-s)}
.btn--gray span{transition: .4s}
.btn--gray svg{transition: .4s;transform: rotate(90deg)}
.btn--gray:hover svg{/*transform: rotate(-90deg);*/fill:#fff}
.btn--gray:hover {background-color: var(--main);color:#fff;border-color:var(--main)}
.btn--gray:active {background-color: var(--main);color:#fff;border-color:var(--main)}

.btn--gray-fill {font-size: 16px;background-color: var(--border);border:1px solid var(--border);border-radius:12px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: background-color .4s;color:var(--a);gap:var(--gap-s)}
.btn--gray-fill span{transition: .4s}
.btn--gray-fill svg{transition: .4s;}
.btn--gray-fill:hover svg{/*transform: rotate(-90deg);*/fill:var(--a)}
.btn--gray-fill:hover {background-color: #fff;}
.btn--gray-fill:active {background-color: var(--main);color:#fff;border-color:var(--main)}

.svg--stroke svg *{stroke:var(--text);stroke-width: 2px;fill: transparent}
.svg--fill svg *{fill:var(--text);stroke:transparent}

.header--top {display: flex;justify-content: space-between;border-bottom:1px dashed var(--input-border);align-items: center;padding:var(--gap-s) 0;}
.header--socials {display: flex;align-items: center;gap:var(--gap-s);}
.header--social {display: flex;align-items: center;gap:7px;color:var(--text)}
.header--social svg {fill:var(--text)}
.header--social:hover {color:var(--dark)}
.header--social:hover svg {fill:var(--dark)}

.header--search {flex-grow: 1;padding: 0 10%}

.header--center-box {display: flex;padding:var(--gap) 0;border-bottom:1px dashed var(--input-border-dark);gap:16px;}
.header--logo {max-width: 300px;}
.header--logo-desc {margin-top: 7px;color:var(--text-gray);font-size: 14px;}
.header--center {margin-left:auto;margin-right: auto;flex-grow:1;display: flex;align-items: center;justify-content: flex-start}

.top--menu {display: flex;justify-content: space-between;}
.top--menu a {text-decoration: none;transition: .4s;padding: 8px 16px;display: block;white-space: nowrap;color:var(--link)}
.top--menu a:hover {color:var(--main)}
.top--menu li {margin-bottom: 0}

.header--phone {display: flex;align-items: center;gap:7px;}
.header--phone a{color:var(--text);transition: color .4s;letter-spacing: 0.2px;}
.header--phone a:hover{color:var(--dark);}

.header--buttons {min-width: auto;display: flex;width: max-content;justify-content: space-between;align-items: center;gap:8px;}
.header--buttons a{font-size: 14px;}
.header--buttons > a{position: relative;text-align: center;padding: 0 8px;}
.header--buttons > a .svg--fill svg *{transition: .4s}
.header--buttons > a[data-type="fav"] .svg--fill svg *{fill: transparent;stroke: var(--dark);}
.header--buttons > a[data-type="fav"]:hover .svg--fill svg *{fill: transparent;stroke: var(--main);}
.header--buttons > a:hover .svg--fill svg *{fill:var(--main)}
.header--buttons > a:hover > span{color:var(--main)}
.header--buttons > a > div{display: inline-block;position: relative;margin-bottom: 5px;height: 23px}
.header--buttons > a > span{display: block;font-weight: 500;font-size: 14px;transition: color .4s;color:var(--text)}
.js--basket-count {position: absolute;top: -5px;right: -10px;background-color: var(--main);border-radius: 8px;color:#fff;padding: 2px 4px;width: auto;height: 14px;font-size: 10px}
.header--buttons > a:not([data-value]) .js--basket-count,
.header--buttons > a[data-value="0"] .js--basket-count
{padding:0;height: 0;}

.about--list {display: flex;--gap: 50px;--columns: 4;gap: var(--gap);flex-wrap: wrap;max-width: 1340px;margin: 0 auto;}
.about--list-item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));text-align: center}
.about--list-image {margin-bottom: var(--gap-s);text-align: center}
.about--list-title {margin-bottom: var(--gap-s);color:var(--text);font-weight: 600;font-size: 16px}
.about--list-text {color:var(--text-gray)}

/* Statuses */
.item--status {font-size: 12px;line-height: 18px}
.item--status.--green {color:#148412}
.item--status.--yellow {color:#845d12}
.item--status.--grey {color:#7d7d7d}

/* Prices */
.item--price-bottom {font-size: 22px;color:var(--text);font-weight: 600}
.item--price-top {display: flex;gap:10px;margin-bottom: 4px;align-items: center}
.item--price-old {font-size: 16px;color:var(--text-gray);text-decoration: line-through;font-weight: 500}
.item--price-percent {font-size: 16px;color:var(--red);}

@media all and (max-width: 1680px) {
    .item--price-bottom {font-size: 18px;line-height: 24px}
    .item--price-old {font-size: 14px;line-height: 20px}
    .item--price-percent {font-size: 14px;line-height: 20px}
}

@media all and (max-width: 1024px) {
    .item--price-bottom {font-size: 16px;line-height: 22px}
    .item--price-old {font-size: 12px;line-height: 17px}
    .item--price-percent {font-size: 12px;line-height: 17px}
}

@media all and (max-width: 768px) {
    .item--price-bottom {font-size: 14px;line-height: 17px}
    .item--price-old {font-size: 11px;line-height: 14px}
    .item--price-percent {font-size: 11px;line-height: 14px}
}

/* Fav\Compare */
[data-type="compare"] svg,
[data-type="fav"] svg
{transition: .4s;stroke:#9CA0A9;fill:transparent}

[data-type="basket"] svg {fill:#fff;stroke:transparent}
[data-type="compare"] svg {fill:#9CA0A9;stroke:transparent}

[data-type="compare"]:hover svg,
[data-type="fav"]:hover svg
{stroke:var(--text);}

[data-type="compare"]:hover svg {stroke:transparent;fill:var(--text)}

/* Catalog */

.swiper [data-type="block"] .catalog--block-item {height: auto}
.swiper [data-type="block"] {align-items: stretch}

.basket--item .basket--btn {width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;border-radius: 10px;padding: 14px;background-color: var(--main);border:1px solid var(--main)}
.basket--item .--in-compare svg{fill: var(--main);stroke:transparent}
.basket--item .--in-fav svg {fill: var(--main);stroke:var(--main)}
.basket--item.js--product.--in-basket [data-type="basket"]{background-color: transparent;}
.basket--item.js--product [data-type="basket"] .to{display: block}
.basket--item.js--product [data-type="basket"] .in{display: none}
.basket--item.js--product.--in-basket [data-type="basket"] .to{display: none}
.basket--item.js--product.--in-basket [data-type="basket"] .in{display: block;color:var(--main)}
.basket--item.js--product.--in-basket [data-type="basket"] svg{fill: var(--main)}

[data-type="block"] .catalog--block-list {display: flex;--gap: 20px;--columns: 6;gap: var(--gap);flex-wrap: wrap}
[data-type="block"] .catalog--block-item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));padding: 16px;border-radius: 20px;border:1px solid var(--inp-border);transition: box-shadow .4s;box-shadow: 0 4px 8px 0 #0000000F;}
[data-type="block"] .catalog--block-item:hover {box-shadow: 0px 7px 10px 0px #0000001C;}

[data-type="block"] .splide__pagination {bottom: -20px}
[data-type="block"] .splide__pagination__page {width: 5px;height: 5px;background-color: var(--inp-border)}
[data-type="block"] .splide__pagination__page.is-active {background-color: var(--a)}

[data-type="block"] .item--link {display: block;position: relative;padding-bottom: 60px;height: 100%}
[data-type="block"] .item--img {width: 100%;height: 0;padding-top: 100%;position: relative;margin-bottom: var(--gap)}
[data-type="block"] .item--img img {position: absolute;top:0;left:0;object-fit: contain;object-position: center;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
[data-type="block"] .js--slider-blocks {width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 2;position: absolute;top:0;left: 0;width: 100%;height: 100%;display: flex}
[data-type="block"] .js--slide-eq {display: flex;height: 100%}
[data-type="block"] .js--card-splide {width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 1}
[data-type="block"] .splide__track {width: 100%;height: 100%;position: absolute;top:0;left:0;}
[data-type="block"] .item--footer {display: flex;justify-content: space-between;position: absolute;bottom:0;left:0;width: 100%}
[data-type="block"] .item--info {margin-bottom: var(--gap);margin-top: 26px}
[data-type="block"] .item--stickers {position: absolute;top:10px;left:10px;z-index: 3;max-width: 70%;display: flex;flex-wrap: wrap;gap:5px;}
[data-type="block"] .item--sticker {padding: 6px;font-size: 12px;border-radius: 6px}
[data-item="new"] {background-color: #20B368;;color:#fff}
[data-item="hit"] {background-color: #FF612E;color:#fff}
[data-item="skidka"] {background-color: #EF2222;color:#fff}
[data-item="discontinued"] {background-color: var(--main);color:#fff}
[data-type="block"] .basket--box {display: flex;gap:6px; transition: opacity .4s}
[data-type="block"] .catalog--block-item:hover .basket--box {opacity: 1;visibility: visible;}
[data-type="block"] .basket--btn {width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;border-radius: 10px;padding: 14px;background-color: var(--main);border:1px solid var(--main);color:#fff;}
[data-type="block"] .--in-compare svg{fill: var(--main);stroke:transparent}
[data-type="block"] .--in-fav svg {fill: var(--main);stroke:var(--main)}
[data-type="block"] .js--product.--in-basket [data-type="basket"]{background-color: transparent;}
[data-type="block"] .js--product [data-type="basket"] .to{display: block}
[data-type="block"] .js--product [data-type="basket"] .in{display: none}
[data-type="block"] .js--product.--in-basket [data-type="basket"] .to{display: none}
[data-type="block"] .js--product.--in-basket [data-type="basket"] .in{display: block;color:var(--main)}
[data-type="block"] .js--product.--in-basket [data-type="basket"] svg{fill: var(--main)}
[data-type="block"] .item--btns{position: absolute;top:10px;right:10px;z-index: 4;display: flex;flex-direction: column;gap:12px;opacity: 0;visibility: hidden;transition: opacity .4s}
[data-type="block"] .catalog--block-item:hover .item--btns{opacity: 1;visibility: visible;}
[data-type="block"] [data-type="fav"]{}
[data-type="block"] [data-type="compare"]{}
[data-type="block"] .item--title {line-height: 20px;font-size: 16px;margin-top: 12px;word-break: break-word}
[data-type="block"] .item--props {display: flex;gap:16px;justify-content: space-between;align-items: flex-start;margin-top: 5px;}

[data-type="block"] .item--price {width: 100%;min-height: 35px;display: flex;flex-direction: column;justify-content: center;gap:0}
[data-type="block"] .item--articul {display: flex;align-items: center;gap:3px;line-height: 18px;font-size: 12px;color:#B5B5B5;}
[data-type="block"] .item--articul .name{}
[data-type="block"] .item--articul .value{display: flex;}

[data-type="block"] .component--nav-box {text-align: center;margin: 40px 0}
[data-type="block"] .component--nav {display: inline-flex;align-items: center;flex-wrap: wrap;--size:30px;}
[data-type="block"] .component--nav a.disabled {display: none;opacity: 0;cursor: default;}
[data-type="block"] .component--nav a {margin: 5px;border: 0.1rem solid var(--fill_dark_light_hover);padding: 5px;color: var(--fill_dark_light_hover);font-size: 16px;min-width: var(--size);min-height: var(--size);max-height: var(--size);text-decoration: none;display: flex;align-items: center;justify-content: center}
[data-type="block"] .component--nav svg .cls-1{fill: var(--fill_dark_light_hover);}

[data-type="block"] .js--load-more {display: inline-flex;text-transform: uppercase;max-width: 200px}
[data-type="block"] [data-form="analog"] {display: none}

.load-more {user-select: none}

.catalog--box [data-type="block"] .catalog--block-list {--columns: 5;}

.tabs--item .catalog--items.container,
.tabs--item .container
{padding: 0}

@media all and (min-width: 767px) {
    [data-type="block"] .js--product [data-type="basket"] span {display: none !important;}
}

@media all and (max-width: 1680px) {
    [data-type="block"] .catalog--block-list {--gap: 16px;--columns:5}
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 4;}

    section.catalog--items[data-type="block"] .catalog--block-item:nth-child(n+11){display: none}
    [data-type="block"] .catalog--block-item {padding: 12px;border-radius: 16px}
    [data-type="block"] .item--stickers {top: 0;left: 0;}
    [data-type="block"] .item--sticker {font-size: 10px;}
    [data-type="block"] .item--btns {gap:10px;}
    .catalog--items [data-type="compare"] svg, .catalog--items [data-type="fav"] svg {width: 20px;height:20px}
}

@media all and (max-width: 1280px) {
    [data-type="block"] .catalog--block-list {--gap: 16px;--columns:4}
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 3;}

    section.catalog--items[data-type="block"] .catalog--block-item:nth-child(n+9){display: none}

    .tabs--item .swiper [data-type="block"] .catalog--block-item {width: 300px}
}

@media all and (max-width: 1024px) {
    [data-type="block"] .catalog--block-list {--gap: 16px;--columns:4}
    section.catalog--items[data-type="block"] .catalog--block-item:nth-child(n+9){display: block}
    .tabs--item .catalog--items.container {margin-top: 10px}
/*
    section.catalog--items[data-type="block"] .catalog--block-list{overflow-x: auto;flex-wrap: nowrap;padding-bottom: 20px}
    section.catalog--items[data-type="block"] .catalog--block-item{min-width: 230px;}

    section.catalog--items[data-type="block"] .catalog--block-list::-webkit-scrollbar {width: 6px;height: 6px ;background-color: transparent;}
    section.catalog--items[data-type="block"] .catalog--block-list::-webkit-scrollbar-thumb {background-color: var(--main);border-radius: 0;box-shadow: none;}
    section.catalog--items[data-type="block"] .catalog--block-list::-webkit-scrollbar-thumb:hover {background-color: var(--main);}
*/
    [data-type="block"] .item--btns {opacity: 1;visibility: visible;top:0;right:0;gap:8px}
    .catalog--items [data-type="compare"] svg, .catalog--items [data-type="fav"] svg {width: 16px;height:16px}
    [data-type="block"] .item--price {gap:4px;}

    [data-type="block"] .basket--box {opacity: 1;visibility: visible}
}

@media all and (max-width: 768px) {
    [data-type="block"] .catalog--block-item {padding: 8px}
    [data-type="block"] .catalog--block-list {--gap: 8px;--columns: 3;}
    [data-type="block"] .item--sticker {font-size: 9px;}
    [data-type="block"] .item--info {margin-top: 10px}
    [data-type="block"] .item--props {flex-wrap: wrap;justify-content: flex-start;gap:4px;margin-top: 0}
    [data-type="block"] .item--reyt {margin-left: -4px;}
    [data-type="block"] .item--title {margin-top: 8px;font-size: 12px;line-height: 16px}

    [data-type="block"] .item--footer {flex-wrap: wrap;gap:8px}
    [data-type="block"] .basket--btn {width:100%;height: 32px;border-radius: 6px;gap:6px;}
    [data-type="block"] .basket--box {width: 100%;}
    [data-type="block"] .item--link {padding-bottom: 70px}
    [data-type="block"] .js--product [data-type="basket"] .to {color:#fff;font-size: 12px}

    .tabs--item .swiper [data-type="block"] .catalog--block-item {width: 220px}
    .swiper [data-type="block"] .catalog--block-item {width: 220px}
    .popup--swiper .swiper [data-type="block"] .catalog--block-item {width: 350px}

}

@media all and (max-width: 500px) {
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 2;}
    [data-type="block"] .catalog--block-list {--columns: 2;}
    [data-type="block"] .item--price {gap:0}
    [data-type="block"] .item--footer {gap:5px}
    .popup--swiper .swiper [data-type="block"] .catalog--block-item {width: 232px}
}

@media all and (max-width: 359px) {
    section.catalog--items[data-type="block"] .catalog--block-item {min-width: 145px;}
}

@media all and (max-width: 340px) {
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 1;}
    [data-type="block"] .catalog--block-list {--columns: 1;}
}

[data-type="list"] .item--price-top {justify-content: flex-end}

[data-type="list"] .item--img {min-width: 230px;width: 230px;height: 200px;position: relative}
[data-type="list"] .splide__track {height: 100%}
[data-type="list"] .item--link {display: flex;gap:12px;position: relative}
[data-type="list"] .item--footer {padding-top: 70px;text-align: right}
[data-type="list"] .item--btns {position: absolute;top:0;right:0;display: flex;align-items: center;gap:8px;}
[data-type="list"] .item--stickers {margin-bottom: 16px;}
[data-type="list"] .item--sticker {padding: 6px;font-size: 12px;display: inline-block;border-radius: 6px;}
[data-type="list"] .catalog--block-item {box-shadow: 0 4px 8px 0 #0000000F;border-radius: 16px;padding:16px;margin-bottom: 16px;}
[data-type="list"] .catalog--block-item:last-child {;margin-bottom: 0;}
[data-type="list"] .item--fav{width: var(--height);height: var(--height);display: flex;align-items: center;justify-content: center;border:1px solid var(--border);border-radius: 10px;}
[data-type="list"] .basket--btn {width:auto;min-width:200px;height: var(--height);display: flex;align-items: center;justify-content: center;gap:8px;border-radius: 10px;padding: 14px;background-color: var(--main);border:1px solid var(--main);color:#fff;}
[data-type="list"] .--in-compare svg{fill: var(--main);stroke:transparent}
[data-type="list"] .--in-fav svg {fill: var(--main);stroke:var(--main)}
[data-type="list"] .js--product.--in-basket [data-type="basket"]{background-color: transparent;}
[data-type="list"] .js--product [data-type="basket"] .to{display: block}
[data-type="list"] .js--product [data-type="basket"] .in{display: none}
[data-type="list"] .js--product.--in-basket [data-type="basket"] .to{display: none}
[data-type="list"] .js--product.--in-basket [data-type="basket"] .in{display: block;color:var(--main)}
[data-type="list"] .js--product.--in-basket [data-type="basket"] svg{fill: var(--main)}
[data-type="list"] .item--info{flex: 1 auto}
[data-type="list"] .item--articul{color:#B5B5B5;font-size: 12px;margin-bottom: 16px;}
[data-type="list"] .item--title{color:var(--text);font-size: 16px;margin-bottom: 16px;line-height: 21px;}
[data-type="list"] .item--reyt{margin-bottom: 16px;transform: translateX(-4px)}
[data-type="list"] .item--price{margin-bottom: 12px;}
[data-type="list"] .splide{width:100%;height: 100%}

[data-type="list"] .splide__pagination {bottom: -10px}
[data-type="list"] .splide__pagination__page {width: 5px;height: 5px;background-color: var(--inp-border)}
[data-type="list"] .splide__pagination__page.is-active {background-color: var(--a)}

[data-type="list"] .js--slider-blocks {width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 2;position: absolute;top:0;left: 0;width: 100%;height: 100%;display: flex}
[data-type="list"] .js--slide-eq {display: flex;height: 100%}

[data-type="list"] [data-form="analog"] {display: none}

@media all and (max-width: 1024px) {
    [data-type="list"] .item--stickers,
    [data-type="list"] .item--reyt,
    [data-type="list"] .item--articul,
    [data-type="list"] .item--title{margin-bottom: 8px}
    [data-type="list"] .item--img {min-width: 150px;width: 150px;height: 130px;}
    [data-type="list"] .basket--btn {min-width:150px;}
}

@media all and (max-width: 600px) {
    [data-type="list"] .item--img {min-width: 80px;width: 80px;height: 80px;}
    [data-type="list"] .basket--btn {min-width:80px;}
    [data-type="list"] .item--link {flex-wrap: wrap}
    [data-type="list"] .item--info {flex: unset;width: calc(100% - 100px);}
    [data-type="list"] .item--footer {padding-top: 0;width: 100%;padding-left: 90px}
    [data-type="list"] .item--price {max-width: 150px;text-align: left}
    [data-type="list"] .basket--box {max-width: 150px;}
    [data-type="list"] .item--title {margin-bottom: 0}
    [data-type="list"] .item--price-top {justify-content: flex-start}
}

@media all and (max-width: 400px) {
    [data-type="list"] .item--price {max-width: 100%;}
    [data-type="list"] .basket--box {max-width: 100%;}
    [data-type="list"] .item--articul {font-size: 10px;line-height: 12px;}
    [data-type="list"] .item--sticker {font-size: 9px;line-height: 11px;}
    [data-type="list"] .item--title {font-size: 12px;line-height: 16px;}
    [data-type="list"] .basket--btn {height: 32px;border-radius: 6px;font-size: 12px;}
    [data-type="list"] .catalog--block-item {padding: 8px;border-radius: 6px;}
    [data-type="list"] .item--btns {position: relative;top:auto;right:auto;}

    [data-type="list"] .item--img {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
    [data-type="list"] .item--info {-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;width: calc(100% - 110px);}
    [data-type="list"] .item--btns {-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;align-items: flex-end}
    [data-type="list"] .item--footer {-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;}

    [data-type="list"] .item--footer { padding-top: 0;width: calc(100% - 110px);padding-left: 0;}

    [data-type="list"] .item--link {justify-content: space-between}
}

.catalog--wrap {width: 100%}
.section--catalog-row {display: flex;align-items: center;justify-content: space-between;gap:32px;}
.catalog--view {display: flex;align-items: center;justify-content: space-between;gap:8px;}
.catalog--view-item {width: var(--height);height: var(--height);display: flex;align-items: center;justify-content: center;border:1px solid var(--border);border-radius: 10px;transition: .4s}
.catalog--view-item:not(.--selected) {cursor: pointer}
.catalog--view-item:not(.--selected):hover {border-color:var(--main)}
.catalog--view-item.--selected svg, .catalog--view-item:hover svg{fill:var(--main);}
.catalog--view-item svg{transition: .4s}

.catalog--sort {margin-right: auto}
.catalog--items[data-entity="items-row"] {margin-top: var(--gap)}


.main--bottom-text {margin: 50px 0}

footer {background-color: #F5F5F5;}
.footer--top { display: flex;--columns: 3;gap: var(--gap);flex-wrap: wrap;border-top:1px solid var(--input-border);padding-top: 40px}
.footer--column {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));}
.footer--copy {font-size: 14px;color: var(--text-gray);line-height: 20px;padding:15px 0;border-top:1px dashed var(--input-border-dark);margin-top:10px}

.logo--link {max-width: 200px;display: block;}
.logo--link img{width: 100%}

.footer--column .logo--link {margin-bottom: 20px}
.footer--line {display: flex;gap:7px;margin-bottom: 15px}
.footer--line:last-child {margin-bottom: 0}
.footer--title {font-size: 13px;color:var(--text-gray)}
.footer--text a {display: block;margin-top: 1px;font-size: 14px;color:var(--link)}
.footer--text a:hover {color:var(--main)}
.footer--text p {font-size: 14px;color:var(--link)}
.footer--icon svg {fill:var(--text-gray)}

.d--input{width: 100%;height: 44px;border-radius: 6px;border-style: none;border-width: 1px;border-bottom: 1px solid #ccc;box-sizing: border-box;padding-left: 12px;background-color: white;background-image: none;margin: 0;display: inline-block;outline: 0;color:#000;font-size: 1rem;transition: .4s}
.d--input.--error{border-bottom: 1px solid #ff0000;}

.block--header {display: flex;gap:var(--gap);justify-content: space-between;margin-bottom: var(--gap-b);align-items: center}
.block--title {font-size: var(--f-h2);font-weight: 400}
.block--title {font-size: 32px;margin: 30px 0 20px 0;text-align: left;position: relative;font-weight: 500;color: var(--a);}
.block--header {margin-bottom: 0}

.--text img{max-width: 100%;margin: auto;display: block;margin-bottom: 20px}
.catalog--section-text.--text {margin-top: 40px}

.element--similar-box {margin-top: 40px;}
.element--similar-tabs {display: flex;gap:4px;flex-wrap: wrap}
.element--similar-splides .slider--block {display: none}
.element--similar-splides .slider--block.--active {display: block}
.element--similar-tab {padding: 12px 16px;border-radius: 12px;transition: .4s;background-color: #F6F6F6;color:var(--a)}
.element--similar-tab:not(.--active) {cursor: pointer;}
.element--similar-tab:not(.--active):hover {background-color: #E7E7E7}
.element--similar-tab.--active {background-color: var(--main);color:#fff;}
.element--similar-tab.--active span{border-bottom: 1px dashed transparent;}
.tab--count {margin-left: 7px}

body .swiper .swiper-button-next:after, body .swiper .swiper-button-prev:after {display: none}
body .swiper-button-next, body .swiper-button-prev {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%;box-shadow: 0px 4px 8px 0px #0000000F; transition: .4s}
body .swiper-button-next:hover, body .swiper-button-prev:hover {box-shadow: 0px 7px 10px 0px #0000001C;box-shadow: 0px 0px 30px 0px #00000017;}
body .swiper-button-next svg, body .swiper-button-prev svg{width: 8px;height: 16px;}
body .swiper-button-lock {display: none}

@media all and (max-width: 768px) {
    .block--header {margin-bottom: var(--gap)}
    .section--catalog-row {gap:16px;}
}

.catalog--stock {margin-top: var(--gap-b)}

.--loader {
    background: url(/upload/settings/a94/n1iyfxu5vlcwfuiv4th373pnluurbslz.svg) no-repeat center center;
    min-height: 50px;
    background-size: contain;
}

.header--buttons > a > span{display: none}
.header--buttons > a > div {margin-bottom: 0}

.element--similar-box {margin-top: 40px;}
.element--similar-tabs {display: flex;gap:4px;flex-wrap: wrap}
.element--similar-splides .slider--block {display: none}
.element--similar-splides .slider--block.--active {display: block}
.element--similar-tab {padding: 12px 16px;border-radius: 12px;transition: .4s;background-color: #F6F6F6;color:var(--a)}
.element--similar-tab:not(.--active) {cursor: pointer;}
.element--similar-tab:not(.--active):hover {background-color: #E7E7E7}
.element--similar-tab.--active {background-color: var(--main);color:#fff;}
.element--similar-tab.--active span{border-bottom: 1px dashed transparent;}
.tab--count {margin-left: 7px}

.catalog--sections {margin-top: var(--gap-b)}

@media screen and (max-width: 1280px) {
    .header--logo {max-width: 200px}
    .header--logo-desc {font-size: 10px}
    .block--title {font-size: 24px}
}

@media all and (max-width: 1152px) {
    .recall-box span
    {display: none}
    .top--menu a {padding: 8px;}
    .header--center-box {padding: 10px 0}
}

@media all and (min-width: 1024px) {
    .js--filter-mobile {display: none}
}

@media all and (max-width: 1024px) {
    .js--filter-mobile {width: auto}
    .header--center,
    .header--social span,
    .header--logo-desc
    {display: none}
    .header--buttons {margin-left: auto}
    .header--phone a {white-space: nowrap}
    .about--list {--gap: 20px;}
    .header--buttons {gap:20px}

    .recall-box .d--show {padding: 0;width: var(--height);min-width: var(--height);height: var(--height)}

    :root{
        --height:44px
    }

    .header--logo {display:flex;align-items: center}
    .header--center-box {padding: 10px 0;}
    .catalog--sort {margin-left: auto;margin-right: 0}

    .block--title {font-size: 20px;margin-bottom: 0;margin-top: 0}
}

@media all and (max-width: 767px) {
    .footer--top {flex-wrap: wrap;margin-bottom: 40px}
    .footer--column {width: calc(50% - 10px)}
    .footer--column:nth-child(1) {width: 100%}
    .header--search {padding: 0 16px;}
    .header--social,
    .header--phone span
    {display: none}
    .logo--link {max-width: 150px}
    .about--list {--columns: 1;}
    .about--list-image {float: left;margin-right: 15px}
    .about--list-text, .about--list-title {text-align: left}

    .search--box {position: static}
    .header--top {position: relative}
    .js--search-result {position: absolute;bottom: auto;top: 55px;left: 0;width: 100%;height: auto;transform: unset;max-height: calc(100vh - 200px);overflow-y: auto;z-index: 200;}
    .header--socials {position:relative;}
    .search--box form {position:relative;}

    .block--header {flex-wrap: wrap;row-gap:10px;}
}

@media all and (max-width: 500px) {
    .footer--column {width: 100%}
}

.footer--before {background-color: #666;padding: var(--gap-b) 0;}
.footer--before img{max-height: 40px}
.robot--adv {display: flex;--gap: 16px;--columns: 4;gap: var(--gap);flex-wrap: wrap;align-items: center;}
.robot--col {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));display: flex;align-items: center;gap:10px;}
.robot--col .name{color:#fff;}
.robot--col .img{min-width: 40px}

@media all and (max-width:1000px) {
    .robot--adv {width: 100%;flex-wrap: wrap;--columns: 3;}
    .robot--logo.robot--col {width: 100%;justify-content: center;}
}

@media all and (max-width:600px) {
    .robot--adv {--columns: 1;}
}

.main--top-elements {margin-top: var(--gap-l)}

.search-page form {display: flex;}
.search-page [type="text"] {border: 1px solid var(--input-border);border-radius: 6px;padding-right: 60px;padding-left: var(--gap);height: var(--height);}
.search-page [type="submit"] {font-size: 16px;background-color: var(--main);border: 1px solid var(--main);border-radius: 6px;min-height: var(--height);display: inline-flex;;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;transition: background-color .4s;color: #fff;gap: var(--gap-s);}

.video--list {display: flex;--gap: 20px;--columns: 4;gap: var(--gap);flex-wrap: wrap;margin-top: 20px;}
.tabs--item .video--list {--columns: 3;}
.tabs--item .container {padding:0;}
.video--list .page--nav{display: none;}
.video--list .load--more-box{width: 100%;}
.video--item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));border-radius: 20px;box-shadow: 0px 4px 8px 0px #0000000F;padding-bottom: 16px;overflow: hidden}

.video--header{padding: 0 20px;display: flex;justify-content: space-between;gap:16px;font-weight: 400;font-size: 16px;line-height: 100%;color:#9CA0A9}
.video--desc {padding: 0 20px;margin-top: 12px;font-weight: 400;font-size: 16px;line-height: 140%;color:var(--a)}
.video--link {padding: 0 20px;margin-top: 16px;display: flex;gap:10px;align-items: center;font-weight: 400;font-size: 16px;line-height: 130%;color:var(--main);}
.video--link svg{transform: rotate(-90deg);fill:var(--main)}

.video--image {width: 100%;}
.video--image a{width: 100%;display: flex}
.video--image a img{width: 100%;}

.video--category {position: absolute;top:12px;left: 12px;border-radius: 8px;background-color: var(--main);z-index: 3;padding: 5px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color:#fff;
}

.video--title {margin: 20px 0;font-weight: 500;font-size: 14px;line-height: 130%;text-align: center;color:var(--a)}
.video--size {text-align: center}
.video--size span{border:1px solid var(--border);padding: 4px;border-radius: 4px;}

.rutube--video-item {height: 0;padding-top: 56%;position: relative;width: 100%}
.rutube--video-item iframe{position: absolute;top:0;left:0;width: 100%;height: 100%}

.swiper--video {display: flex;align-items: center;justify-content: center}

.rutube--video-wrapper{padding-top: 56.25%;width: 100%;height: 0;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;margin-bottom: 16px;}

.rutube--video {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;top:0;left: 0;
}
.rutube--video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.rutube--video.sticky {
    position: fixed;
    bottom: 12px;
    left: 12px;
    margin-bottom: 0;
    width: 320px;
    height: 180px;
    padding-bottom: 0;
}
.rutube--video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}
.rutube--video-play-button-wrapper {
    width: 20%;
    max-width: 44px;
    height: 20%;
    max-height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
}
.rutube--video-play-button-wrapper img{width: 100%}

@media all and (max-width: 1440px) {
    .video--list {--columns:3}
}

@media all and (max-width: 1152px) {
    .video--list {--columns:2;--gap:12px;}
    .video--header, .video--desc,.video--link {font-size: 14px;}
}

@media all and (max-width: 900px) {
    .tabs--item .video--list {--columns: 2;}
}

@media all and (max-width: 550px) {
    .video--list,
    .tabs--item .video--list{--columns:1}
    .video--header, .video--desc,.video--link,.video--category {font-size: 12px;}
}

.bx-authform {display: block;margin: 0 auto;}
.text--section {margin: 20px 0;}

@media all and (min-width: 1000px) {
    .--mobile {display: none}
}

@media all and (max-width: 1000px) {
    .--desktop {display: none}
}

.block--header {margin-bottom:var(--gap)}
.block--header h2{margin: 0}

.swiper--controls,.swiper--controls:after {position: absolute;right: 0;height: var(--height);background-color: #fff}
.swiper--controls {bottom: 0;width: 100%;border-top-left-radius: 4px;z-index: 3}
.swiper--controls:after {content: "";top: 0;width: 50vw;transform: translateX(100%)}

.swiper--btn{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer;transform: none;width: 32px;height: 32px;border-radius: 50%;background-color: transparent;margin: 0;bottom:9px;border:2px solid var(--border);transition: .4s}
.swiper--btn:after {display: none}
.swiper--btn svg {width: 6px;height: 12px;fill:var(--border)}
.swiper--btn:hover {background-color: #fff}
.swiper--btn:hover svg {fill:var(--main)}

.swiper--simple {--bottom:72px;position: relative;--gap:40px;--height:50px}

.swiper-button-simple-next {left:calc(20px + 32px + 8px)}
.swiper-button-simple-prev {left:20px;}
.swiper--simple .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:24px;top:auto;transform: none;width: 70px;left:auto;right:50px;border-radius: 2px;z-index: 4}
.swiper--simple .swiper-pagination-bullet{height: 2px;background: #DDDDDD;opacity: 1;position: relative;margin: 0 !important;border-radius: unset}
.swiper--simple .swiper-pagination-bullet:after{position: absolute;top:0;left:0;background-color: #000;z-index: 1;height: 100%;width: var(--progress);content: ''}

.swiper--simple .swiper-slide{overflow: hidden}

.swiper--simple .swiper--controls {background-color: #fff;height: var(--height);position: absolute;right:0;bottom:0;width: 250px;border-top-left-radius: 4px;z-index: 3}
.swiper--simple .swiper--controls:after {content: '';position: absolute;right:0;top:0;height:var(--height);width: 50vw;background-color: #fff;transform: translateX(100%)}

.swiper--simple .img--box {width: 100%;height: 0;position: relative;padding-top: 57.14%}
.swiper--simple .img--wrap {width: 100%;height: 100%}
.swiper--simple .img--box img{width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left: 0;object-position: top}

.swiper--simple-box {position: relative;padding-top: 57.14%}
.swiper--simple-box .swiper--simple{position: absolute;top:0;left:0;width: 100%;height: 100%}
.swiper--simple img[data-lazy] {max-height: 200px}

.swiper-pagination-simple{display: flex;position:absolute;z-index:3;}
.swiper-pagination-simple:before{content:attr(data-start);position: absolute;left:-20px;top:-9px;font-family: Roboto;font-weight: 400;font-size: 14px;line-height: 140%;text-transform: uppercase;}
.swiper-pagination-simple:after{content:attr(data-end);position: absolute;right:-20px;top:-9px;font-family: Roboto;font-weight: 400;font-size: 14px;line-height: 140%;text-transform: uppercase;}

@media all and (max-width: 1280px) {
    .swiper--simple {--gap:24px;}
}

@media all and (max-width: 900px) {
    .swiper--simple .swiper--btn{width: 48px;height: 48px}
    .swiper--simple .swiper-button-simple-next{left:auto;right:20px;}
    .swiper--simple .swiper {padding-bottom: 0}
    .swiper--simple .swiper--controls {width: 100%;bottom:calc(-1 * var(--height) - 20px);height: 65px;}
    .swiper--simple .swiper-pagination-bullets.swiper-pagination-horizontal {right: 120px;bottom:30px;width:calc(100% - 88px - 120px);left:100px;}
}

.contacts--list {display: flex;--gap: 20px;--columns: 2;gap: var(--gap);flex-wrap: wrap;margin-top: 40px;}
.contacts--row {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));display: flex;gap:16px;align-items: flex-start;}
.site--map {margin-top: 40px}
.contacts--value {display: flex;flex-direction: column;gap:5px;font-style: normal;font-weight: 400;font-size: 14px;line-height: 22px;color: #696A6B;}
.contacts--name {min-width: 150px;width: 150px;display: flex;align-items: center;gap:5px;font-style: normal;font-weight: 500;font-size: 14px;line-height: 22px;color: #000;}
.contacts--name svg{fill:var(--text-gray)}
.con--sub {font-size: 12px;color:var(--text-gray)}

@media all and (max-width: 767px) {
    .contacts--list {--columns: 1}
}

@media all and (max-width: 440px) {
    .contacts--row {flex-direction: column}
}