/* /bitrix/js/ui/design-tokens/dist/ui.design-tokens.css */
:root {
    --ui-text-letter-spacing-auto: auto;
    --ui-text-letter-spacing-neg-3: -0.01em;
    --ui-text-letter-spacing-neg-2: -0.02em;
    --ui-text-letter-spacing-neg-1: -0.03em;
    --ui-text-letter-spacing-3: 0.15em;
    --ui-text-letter-spacing-2: 0.1em;
    --ui-text-letter-spacing-1: 0.025em;
    --ui-text-decoration-style-dashed: dashed;
    --ui-text-decoration-style-wavy: wavy;
    --ui-text-decoration-style-dotted: dotted;
    --ui-text-decoration-style-double: double;
    --ui-text-decoration-style-solid: solid;
    --ui-text-decoration-line-overline: overline;
    --ui-text-decoration-line-line-through: line-through;
    --ui-text-decoration-line-underline: underline;
    --ui-text-transform-lowercase: lowercase;
    --ui-text-transform-uppercase: uppercase;
    --ui-text-transform-capitalize: capitalize;
    --ui-text-transform-none: none;
    --ui-space-inset-8xl: 72px;
    --ui-space-inset-7xl: 64px;
    --ui-space-inset-6xl: 48px;
    --ui-space-inset-5xl: 40px;
    --ui-space-inset-4xl: 36px;
    --ui-space-inset-3xl: 32px;
    --ui-space-inset-2xl: 28px;
    --ui-space-inset-xl2: 26px;
    --ui-space-inset-xl: 24px;
    --ui-space-inset-lg2: 22px;
    --ui-space-inset-lg: 20px;
    --ui-space-inset-md2: 18px;
    --ui-space-inset-md: 16px;
    --ui-space-inset-sm2: 14px;
    --ui-space-inset-sm: 12px;
    --ui-space-inset-xs2: 10px;
    --ui-space-inset-xs: 8px;
    --ui-space-inset-2xs2: 6px;
    --ui-space-inset-2xs: 4px;
    --ui-space-inset-3xs: 2px;
    --ui-space-inset-none: 0;
    --ui-space-inline-8xl-neg: -72px;
    --ui-space-inline-7xl-neg: -64px;
    --ui-space-inline-6xl-neg: -48px;
    --ui-space-inline-5xl-neg: -40px;
    --ui-space-inline-4xl-neg: -36px;
    --ui-space-inline-3xl-neg: -32px;
    --ui-space-inline-2xl-neg: -28px;
    --ui-space-inline-xl2-neg: -26px;
    --ui-space-inline-xl-neg: -24px;
    --ui-space-inline-lg2-neg: -22px;
    --ui-space-inline-lg-neg: -20px;
    --ui-space-inline-md2-neg: -18px;
    --ui-space-inline-md-neg: -16px;
    --ui-space-inline-sm2-neg: -14px;
    --ui-space-inline-sm-neg: -12px;
    --ui-space-inline-xs2-neg: -10px;
    --ui-space-inline-xs-neg: -8px;
    --ui-space-inline-2xs2-neg: -6px;
    --ui-space-inline-2xs-neg: -4px;
    --ui-space-inline-3xs-neg: -2px;
    --ui-space-inline-8xl: 72px;
    --ui-space-inline-7xl: 64px;
    --ui-space-inline-6xl: 48px;
    --ui-space-inline-5xl: 40px;
    --ui-space-inline-4xl: 36px;
    --ui-space-inline-3xl: 32px;
    --ui-space-inline-2xl: 28px;
    --ui-space-inline-xl2: 26px;
    --ui-space-inline-xl: 24px;
    --ui-space-inline-lg2: 22px;
    --ui-space-inline-lg: 20px;
    --ui-space-inline-md2: 18px;
    --ui-space-inline-md: 16px;
    --ui-space-inline-sm2: 14px;
    --ui-space-inline-sm: 12px;
    --ui-space-inline-xs2: 10px;
    --ui-space-inline-xs: 8px;
    --ui-space-inline-2xs2: 6px;
    --ui-space-inline-2xs: 4px;
    --ui-space-inline-3xs: 2px;
    --ui-space-inline-none: 0;
    --ui-space-stack-8xl-neg: -72px;
    --ui-space-stack-7xl-neg: -64px;
    --ui-space-stack-6xl-neg: -48px;
    --ui-space-stack-5xl-neg: -40px;
    --ui-space-stack-4xl-neg: -36px;
    --ui-space-stack-3xl-neg: -32px;
    --ui-space-stack-2xl-neg: -28px;
    --ui-space-stack-xl2-neg: -26px;
    --ui-space-stack-xl-neg: -24px;
    --ui-space-stack-lg2-neg: -22px;
    --ui-space-stack-lg-neg: -20px;
    --ui-space-stack-md2-neg: -18px;
    --ui-space-stack-md-neg: -16px;
    --ui-space-stack-sm2-neg: -14px;
    --ui-space-stack-sm-neg: -12px;
    --ui-space-stack-xs2-neg: -10px;
    --ui-space-stack-xs-neg: -8px;
    --ui-space-stack-2xs2-neg: -6px;
    --ui-space-stack-2xs-neg: -4px;
    --ui-space-stack-3xs-neg: -2px;
    --ui-space-stack-8xl: 72px;
    --ui-space-stack-7xl: 64px;
    --ui-space-stack-6xl: 48px;
    --ui-space-stack-5xl: 40px;
    --ui-space-stack-4xl: 36px;
    --ui-space-stack-3xl: 32px;
    --ui-space-stack-2xl: 28px;
    --ui-space-stack-xl2: 26px;
    --ui-space-stack-xl: 24px;
    --ui-space-stack-lg2: 22px;
    --ui-space-stack-lg: 20px;
    --ui-space-stack-md2: 18px;
    --ui-space-stack-md: 16px;
    --ui-space-stack-sm2: 14px;
    --ui-space-stack-sm: 12px;
    --ui-space-stack-xs2: 10px;
    --ui-space-stack-xs: 8px;
    --ui-space-stack-2xs2: 6px;
    --ui-space-stack-2xs: 4px;
    --ui-space-stack-3xs: 2px;
    --ui-space-stack-none: 0;
    --ui-size-8xl: 72px;
    --ui-size-7xl: 64px;
    --ui-size-6xl: 48px;
    --ui-size-5xl: 40px;
    --ui-size-4xl: 36px;
    --ui-size-3xl: 32px;
    --ui-size-2xl: 28px;
    --ui-size-xl2: 26px;
    --ui-size-xl: 24px;
    --ui-size-lg2: 22px;
    --ui-size-lg: 20px;
    --ui-size-md2: 18px;
    --ui-size-md: 16px;
    --ui-size-sm2: 14px;
    --ui-size-sm: 12px;
    --ui-size-xs2: 10px;
    --ui-size-xs: 8px;
    --ui-size-2xs2: 6px;
    --ui-size-2xs: 4px;
    --ui-size-3xs: 2px;
    --ui-size-none: 0;
    --ui-shadow-left-4xl: -16px 0px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-left-3xl: -12px 0px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-2xl: -8px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-xl: -6px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-l: -4px 0px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-m: -3px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-s: -2px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-xs: -2px 0px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-left-2xs: -1px 0px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-bottom-4xl: 0px 16px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-bottom-3xl: 0px 12px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-2xl: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-xl: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-l: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-m: 0px 3px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-xs: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-bottom-2xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-right-4xl: 16px 0px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-right-3xl: 12px 0px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-2xl: 8px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-xl: 6px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-l: 4px 0px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-m: 3px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-s: 2px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-xs: 2px 0px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-right-2xs: 1px 0px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-top-4xl: 0px -16px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-top-3xl: 0px -12px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-2xl: 0px -8px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-xl: 0px -6px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-l: 0px -4px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-m: 0px -3px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-s: 0px -2px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-xs: 0px -2px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-top-2xs: 0px -1px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-opacity-none: 0;
    --ui-opacity-full: 1;
    --ui-opacity-90: 0.9;
    --ui-opacity-80: 0.8;
    --ui-opacity-70: 0.7;
    --ui-opacity-60: 0.6;
    --ui-opacity-50: 0.5;
    --ui-opacity-40: 0.4;
    --ui-opacity-30: 0.3;
    --ui-opacity-20: 0.2;
    --ui-opacity-10: 0.1;
    --ui-opacity-5: 0.05;
    --ui-font-line-height-3xl: 2;
    --ui-font-line-height-2xl: 1.75;
    --ui-font-line-height-xl: 1.62;
    --ui-font-line-height-lg: 1.5;
    --ui-font-line-height-md: 1.4;
    --ui-font-line-height-sm: 1.35;
    --ui-font-line-height-2xs: 1.3;
    --ui-font-line-height-3xs: 1.2;
    --ui-font-line-height-reset: 1;
    --ui-font-size-5xl: 28px;
    --ui-font-size-4xl: 24px;
    --ui-font-size-3xl: 22px;
    --ui-font-size-2xl: 18px;
    --ui-font-size-xl: 16px;
    --ui-font-size-lg: 15px;
    --ui-font-size-md: 14px;
    --ui-font-size-sm: 13px;
    --ui-font-size-xs: 12px;
    --ui-font-size-3xs: 11px;
    --ui-font-size-4xs: 10px;
    --ui-font-size-5xs: 9px;
    --ui-font-size-6xs: 8px;
    --ui-font-size-7xs: 7px;
    --ui-font-weight-extra-black: 950;
    --ui-font-weight-black: 900;
    --ui-font-weight-extra-bold: 800;
    --ui-font-weight-bold: 700;
    --ui-font-weight-semi-bold: 600;
    --ui-font-weight-medium: 500;
    --ui-font-weight-normal: 400;
    --ui-font-weight-regular: 400;
    --ui-font-weight-light: 300;
    --ui-font-weight-extra-light: 200;
    --ui-font-weight-thin: 100;
    --ui-font-family-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --ui-font-family-system-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    --ui-font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --ui-color-palette-beige-base: #fdfae1;
    --ui-color-palette-beige-base-rgb: 253, 250, 225;
    --ui-color-palette-gray-02: #f8fafb;
    --ui-color-palette-gray-02-rgb: 248, 250, 251;
    --ui-color-palette-gray-03: #f5f7f8;
    --ui-color-palette-gray-03-rgb: 245, 247, 248;
    --ui-color-palette-gray-04: #f1f4f6;
    --ui-color-palette-gray-04-rgb: 241, 244, 246;
    --ui-color-palette-gray-05: #eef2f4;
    --ui-color-palette-gray-05-rgb: 238, 242, 244;
    --ui-color-palette-gray-90: #525c69;
    --ui-color-palette-gray-90-rgb: 82, 92, 105;
    --ui-color-palette-gray-80: #6a737f;
    --ui-color-palette-gray-80-rgb: 106, 115, 127;
    --ui-color-palette-gray-70: #828b95;
    --ui-color-palette-gray-70-rgb: 130, 139, 149;
    --ui-color-palette-gray-60: #959ca4;
    --ui-color-palette-gray-60-rgb: 149, 156, 164;
    --ui-color-palette-gray-50: #a8adb4;
    --ui-color-palette-gray-50-rgb: 168, 173, 180;
    --ui-color-palette-gray-40: #bdc1c6;
    --ui-color-palette-gray-40-rgb: 189, 193, 198;
    --ui-color-palette-gray-35: #c9ccd0;
    --ui-color-palette-gray-35-rgb: 201, 204, 208;
    --ui-color-palette-gray-30: #d5d7db;
    --ui-color-palette-gray-30-rgb: 213, 215, 219;
    --ui-color-palette-gray-20: #dfe0e3;
    --ui-color-palette-gray-20-rgb: 223, 224, 227;
    --ui-color-palette-gray-15: #e6e7e9;
    --ui-color-palette-gray-15-rgb: 230, 231, 233;
    --ui-color-palette-gray-10: #edeef0;
    --ui-color-palette-gray-10-rgb: 237, 238, 240;
    --ui-color-palette-red-solid: #f0371b;
    --ui-color-palette-red-solid-rgb: 240, 55, 27;
    --ui-color-palette-red-95: #800602;
    --ui-color-palette-red-95-rgb: 128, 6, 2;
    --ui-color-palette-red-90: #9a0703;
    --ui-color-palette-red-90-rgb: 154, 7, 3;
    --ui-color-palette-red-80: #c21b16;
    --ui-color-palette-red-80-rgb: 194, 27, 22;
    --ui-color-palette-red-70: #e92f2a;
    --ui-color-palette-red-70-rgb: 233, 47, 42;
    --ui-color-palette-red-60: #f4433e;
    --ui-color-palette-red-60-rgb: 244, 67, 62;
    --ui-color-palette-red-50: #ff5752;
    --ui-color-palette-red-50-rgb: 255, 87, 82;
    --ui-color-palette-red-45: #ff7c78;
    --ui-color-palette-red-45-rgb: 255, 124, 120;
    --ui-color-palette-red-40: #ff9a97;
    --ui-color-palette-red-40-rgb: 255, 154, 151;
    --ui-color-palette-red-30: #ffcdcc;
    --ui-color-palette-red-30-rgb: 255, 205, 204;
    --ui-color-palette-red-25: #ffdcdb;
    --ui-color-palette-red-25-rgb: 255, 220, 219;
    --ui-color-palette-red-20: #ffe8e8;
    --ui-color-palette-red-20-rgb: 255, 232, 232;
    --ui-color-palette-red-15: #fff0f0;
    --ui-color-palette-red-15-rgb: 255, 240, 240;
    --ui-color-palette-red-10: #fff8f8;
    --ui-color-palette-red-10-rgb: 255, 248, 248;
    --ui-color-palette-orange-95: #614000;
    --ui-color-palette-orange-95-rgb: 97, 64, 0;
    --ui-color-palette-orange-90: #7a5100;
    --ui-color-palette-orange-90-rgb: 122, 81, 0;
    --ui-color-palette-orange-80: #9f6a00;
    --ui-color-palette-orange-80-rgb: 159, 106, 0;
    --ui-color-palette-orange-70: #c48300;
    --ui-color-palette-orange-70-rgb: 196, 131, 0;
    --ui-color-palette-orange-60: #e89b06;
    --ui-color-palette-orange-60-rgb: 232, 155, 6;
    --ui-color-palette-orange-50: #ffa900;
    --ui-color-palette-orange-50-rgb: 255, 169, 0;
    --ui-color-palette-orange-40: #ffc34d;
    --ui-color-palette-orange-40-rgb: 255, 195, 77;
    --ui-color-palette-orange-30: #ffe1a6;
    --ui-color-palette-orange-30-rgb: 255, 225, 166;
    --ui-color-palette-orange-25: #ffe9be;
    --ui-color-palette-orange-25-rgb: 255, 233, 190;
    --ui-color-palette-orange-20: #fff1d6;
    --ui-color-palette-orange-20-rgb: 255, 241, 214;
    --ui-color-palette-orange-15: #fff5e3;
    --ui-color-palette-orange-15-rgb: 255, 245, 227;
    --ui-color-palette-orange-10: #fffaf0;
    --ui-color-palette-orange-10-rgb: 255, 250, 240;
    --ui-color-palette-green-95: #3d4f00;
    --ui-color-palette-green-95-rgb: 61, 79, 0;
    --ui-color-palette-green-90: #506900;
    --ui-color-palette-green-90-rgb: 80, 105, 0;
    --ui-color-palette-green-80: #688800;
    --ui-color-palette-green-80-rgb: 104, 136, 0;
    --ui-color-palette-green-70: #7fa800;
    --ui-color-palette-green-70-rgb: 127, 168, 0;
    --ui-color-palette-green-60: #8dbb00;
    --ui-color-palette-green-60-rgb: 141, 187, 0;
    --ui-color-palette-green-55: #95c500;
    --ui-color-palette-green-55-rgb: 149, 197, 0;
    --ui-color-palette-green-50: #9dcf00;
    --ui-color-palette-green-50-rgb: 157, 207, 0;
    --ui-color-palette-green-40: #bbde4d;
    --ui-color-palette-green-40-rgb: 187, 222, 77;
    --ui-color-palette-green-35: #cfe780;
    --ui-color-palette-green-35-rgb: 207, 231, 128;
    --ui-color-palette-green-30: #e2f1b3;
    --ui-color-palette-green-30-rgb: 226, 241, 179;
    --ui-color-palette-green-25: #faf6c3;
    --ui-color-palette-green-25-rgb: 250, 246, 195;
    --ui-color-palette-green-20: #f1fbd0;
    --ui-color-palette-green-20-rgb: 241, 251, 208;
    --ui-color-palette-green-15: #f5fcde;
    --ui-color-palette-green-15-rgb: 245, 252, 222;
    --ui-color-palette-green-10: #fafded;
    --ui-color-palette-green-10-rgb: 250, 253, 237;
    --ui-color-palette-blue-95: #004f69;
    --ui-color-palette-blue-95-rgb: 0, 79, 105;
    --ui-color-palette-blue-90: #006484;
    --ui-color-palette-blue-90-rgb: 0, 100, 132;
    --ui-color-palette-blue-80: #00789e;
    --ui-color-palette-blue-80-rgb: 0, 120, 158;
    --ui-color-palette-blue-70: #008dba;
    --ui-color-palette-blue-70-rgb: 0, 141, 186;
    --ui-color-palette-blue-60: #11a9d9;
    --ui-color-palette-blue-60-rgb: 17, 169, 217;
    --ui-color-palette-blue-50: #2fc6f6;
    --ui-color-palette-blue-50-rgb: 47, 198, 246;
    --ui-color-palette-blue-40: #7fdefc;
    --ui-color-palette-blue-40-rgb: 127, 222, 252;
    --ui-color-palette-blue-30: #c3f0ff;
    --ui-color-palette-blue-30-rgb: 195, 240, 255;
    --ui-color-palette-blue-25: #d3f4ff;
    --ui-color-palette-blue-25-rgb: 211, 244, 255;
    --ui-color-palette-blue-20: #e5f9ff;
    --ui-color-palette-blue-20-rgb: 229, 249, 255;
    --ui-color-palette-blue-15: #ecfafe;
    --ui-color-palette-blue-15-rgb: 236, 250, 254;
    --ui-color-palette-blue-10: #f4fcfe;
    --ui-color-palette-blue-10-rgb: 244, 252, 254;
    --ui-color-palette-white-base: #ffffff;
    --ui-color-palette-white-base-rgb: 255, 255, 255;
    --ui-color-palette-black-base: #333333;
    --ui-color-palette-black-base-rgb: 51, 51, 51;
    --ui-color-palette-black-solid: #000000;
    --ui-color-palette-black-solid-rgb: 0, 0, 0;
    --ui-color-overlay-base: rgba(255, 255, 255, 0.5);
    --ui-color-accent-yellow: #fef3b8;
    --ui-color-accent-yellow-rgb: 254, 243, 184;
    --ui-color-accent-purple: #a77bde;
    --ui-color-accent-purple-rgb: 167, 123, 222;
    --ui-color-accent-turquoise: #05b5ab;
    --ui-color-accent-turquoise-rgb: 5, 181, 171;
    --ui-color-accent-green: #29ad49;
    --ui-color-accent-green-rgb: 41, 173, 73;
    --ui-color-accent-brown: #ae914b;
    --ui-color-accent-brown-rgb: 174, 145, 75;
    --ui-color-accent-pink: #fb6dba;
    --ui-color-accent-pink-rgb: 251, 109, 186;
    --ui-color-accent-aqua: #55d0e0;
    --ui-color-accent-aqua-rgb: 85, 208, 224;
    --ui-color-accent-light-blue: #559be6;
    --ui-color-accent-light-blue-rgb: 85, 155, 230;
    --ui-color-tag-9: #e2e3e5;
    --ui-color-tag-9-rgb: 226, 227, 229;
    --ui-color-tag-8: #ccd3dd;
    --ui-color-tag-8-rgb: 204, 211, 221;
    --ui-color-tag-7: #dfc684;
    --ui-color-tag-7-rgb: 223, 198, 132;
    --ui-color-tag-6: #ace5ec;
    --ui-color-tag-6-rgb: 172, 229, 236;
    --ui-color-tag-5: #c2d1f0;
    --ui-color-tag-5-rgb: 194, 209, 240;
    --ui-color-tag-4: #87eda0;
    --ui-color-tag-4-rgb: 135, 237, 160;
    --ui-color-tag-3: #dbf087;
    --ui-color-tag-3-rgb: 219, 240, 135;
    --ui-color-tag-2: #00baf2;
    --ui-color-tag-2-rgb: 0, 186, 242;
    --ui-color-tag-1: #bcedfc;
    --ui-color-tag-1-rgb: 188, 237, 252;
    --ui-color-link-primary-base: #2066b0;
    --ui-color-link-primary-base-rgb: 32, 102, 176;
    --ui-color-background-none: none;
    --ui-color-background-transparent: transparent;
    --ui-color-copilot-primary: #8e52ec;
    --ui-color-copilot-primary-rgb: 142, 82, 236;
    --ui-color-copilot-secondary: #b095dc;
    --ui-color-copilot-secondary-rgb: 176, 149, 220;
    --ui-color-copilot-dark: #682ac6;
    --ui-color-copilot-dark-rgb: 104, 42, 198;
    --ui-border-width-thick: 2px;
    --ui-border-width-thin: 1px;
    --ui-border-radius-pill: 99rem;
    --ui-border-radius-circle: 50%;
    --ui-border-radius-3xl: 20px;
    --ui-border-radius-2xl: 16px;
    --ui-border-radius-xl: 14px;
    --ui-border-radius-lg: 12px;
    --ui-border-radius-md: 10px;
    --ui-border-radius-sm: 8px;
    --ui-border-radius-xs: 6px;
    --ui-border-radius-2xs: 4px;
    --ui-border-radius-3xs: 2px;
    --ui-border-radius-none: 0;
    --ui-typography-text-lg-font-weight: 400;
    --ui-typography-text-lg-line-height: 1.4;
    --ui-typography-text-lg-font-size: var(--ui-font-size-lg);
    --ui-typography-text-md-font-weight: 400;
    --ui-typography-text-md-line-height: 1.4;
    --ui-typography-text-md-font-size: var(--ui-font-size-md);
    --ui-typography-text-sm-font-weight: 400;
    --ui-typography-text-sm-line-height: 1.4;
    --ui-typography-text-sm-font-size: var(--ui-font-size-sm);
    --ui-typography-text-xs-font-weight: 400;
    --ui-typography-text-xs-line-height: 1.35;
    --ui-typography-text-xs-font-size: var(--ui-font-size-xs);
    --ui-typography-heading-h6-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h6-font-weight: 600;
    --ui-typography-heading-h6-line-height: 1.4;
    --ui-typography-heading-h6-font-size: var(--ui-font-size-md);
    --ui-typography-heading-h5-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h5-font-weight: 400;
    --ui-typography-heading-h5-line-height: 1.35;
    --ui-typography-heading-h5-font-size: var(--ui-font-size-xl);
    --ui-typography-heading-h4-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h4-font-weight: 400;
    --ui-typography-heading-h4-line-height: 1.35;
    --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl);
    --ui-typography-heading-h3-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h3-font-weight: 300;
    --ui-typography-heading-h3-line-height: 1.3;
    --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl);
    --ui-typography-heading-h2-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h2-font-weight: 300;
    --ui-typography-heading-h2-line-height: 1.3;
    --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl);
    --ui-typography-heading-h1-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h1-font-weight: 300;
    --ui-typography-heading-h1-line-height: 1.2;
    --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl);
    --ui-color-base-default: var(--ui-color-palette-black-base);
    --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb);
    --ui-color-base-solid: var(--ui-color-palette-black-solid);
    --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb);
    --ui-color-base-05: var(--ui-color-palette-gray-05);
    --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb);
    --ui-color-base-04: var(--ui-color-palette-gray-04);
    --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb);
    --ui-color-base-03: var(--ui-color-palette-gray-03);
    --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb);
    --ui-color-base-02: var(--ui-color-palette-gray-02);
    --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb);
    --ui-color-base-90: var(--ui-color-palette-gray-90);
    --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb);
    --ui-color-base-80: var(--ui-color-palette-gray-80);
    --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb);
    --ui-color-base-70: var(--ui-color-palette-gray-70);
    --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb);
    --ui-color-base-60: var(--ui-color-palette-gray-60);
    --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb);
    --ui-color-base-50: var(--ui-color-palette-gray-50);
    --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb);
    --ui-color-base-40: var(--ui-color-palette-gray-40);
    --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb);
    --ui-color-base-35: var(--ui-color-palette-gray-35);
    --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb);
    --ui-color-base-30: var(--ui-color-palette-gray-30);
    --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb);
    --ui-color-base-20: var(--ui-color-palette-gray-20);
    --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb);
    --ui-color-base-15: var(--ui-color-palette-gray-15);
    --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb);
    --ui-color-base-10: var(--ui-color-palette-gray-10);
    --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb);
    --ui-color-background-note: var(--ui-color-palette-beige-base);
    --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb);
    --ui-color-background-on-alert: var(--ui-color-palette-red-70);
    --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb);
    --ui-color-background-alert: var(--ui-color-palette-red-20);
    --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb);
    --ui-color-background-on-warning: var(--ui-color-palette-orange-70);
    --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb);
    --ui-color-background-warning: var(--ui-color-palette-orange-20);
    --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb);
    --ui-color-background-on-success: var(--ui-color-palette-green-70);
    --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb);
    --ui-color-background-success: var(--ui-color-palette-green-20);
    --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb);
    --ui-color-background-on-info: var(--ui-color-palette-blue-70);
    --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb);
    --ui-color-background-info: var(--ui-color-palette-blue-20);
    --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb);
    --ui-color-background-tertiary: var(--ui-color-palette-gray-05);
    --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb);
    --ui-color-background-secondary: var(--ui-color-palette-gray-10);
    --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb);
    --ui-color-background-primary: var(--ui-color-palette-white-base);
    --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-text-warning: var(--ui-color-palette-orange-50);
    --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb);
    --ui-color-text-alert: var(--ui-color-palette-red-50);
    --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb);
    --ui-color-text-subtle: var(--ui-color-palette-gray-70);
    --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb);
    --ui-color-text-secondary: var(--ui-color-palette-gray-90);
    --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb);
    --ui-color-text-primary: var(--ui-color-palette-black-base);
    --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb);
    --ui-color-extranet: var(--ui-color-palette-orange-60);
    --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb);
    --ui-color-on-primary-alt: var(--ui-color-palette-white-base);
    --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-primary-alt: var(--ui-color-palette-green-50);
    --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb);
    --ui-color-on-primary: var(--ui-color-palette-white-base);
    --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-primary: var(--ui-color-palette-blue-50);
    --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb)
}

.ui-typography-heading-h1 {
    font-size: var(--ui-typography-heading-h1-font-size);
    line-height: var(--ui-typography-heading-h1-line-height);
    font-weight: var(--ui-typography-heading-h1-font-weight);
    color: var(--ui-typography-heading-h1-color)
}

.ui-typography-heading-h2 {
    font-size: var(--ui-typography-heading-h2-font-size);
    line-height: var(--ui-typography-heading-h2-line-height);
    font-weight: var(--ui-typography-heading-h2-font-weight);
    color: var(--ui-typography-heading-h2-color)
}

.ui-typography-heading-h3 {
    font-size: var(--ui-typography-heading-h3-font-size);
    line-height: var(--ui-typography-heading-h3-line-height);
    font-weight: var(--ui-typography-heading-h3-font-weight);
    color: var(--ui-typography-heading-h3-color)
}

.ui-typography-heading-h4 {
    font-size: var(--ui-typography-heading-h4-font-size);
    line-height: var(--ui-typography-heading-h4-line-height);
    font-weight: var(--ui-typography-heading-h4-font-weight);
    color: var(--ui-typography-heading-h4-color)
}

.ui-typography-heading-h5 {
    font-size: var(--ui-typography-heading-h5-font-size);
    line-height: var(--ui-typography-heading-h5-line-height);
    font-weight: var(--ui-typography-heading-h5-font-weight);
    color: var(--ui-typography-heading-h5-color)
}

.ui-typography-heading-h6 {
    font-size: var(--ui-typography-heading-h6-font-size);
    line-height: var(--ui-typography-heading-h6-line-height);
    font-weight: var(--ui-typography-heading-h6-font-weight);
    color: var(--ui-typography-heading-h6-color)
}

.ui-typography-text-xs {
    font-size: var(--ui-typography-text-xs-font-size);
    line-height: var(--ui-typography-text-xs-line-height);
    font-weight: var(--ui-typography-text-xs-font-weight)
}

.ui-typography-text-sm {
    font-size: var(--ui-typography-text-sm-font-size);
    line-height: var(--ui-typography-text-sm-line-height);
    font-weight: var(--ui-typography-text-sm-font-weight)
}

.ui-typography-text-md {
    font-size: var(--ui-typography-text-md-font-size);
    line-height: var(--ui-typography-text-md-line-height);
    font-weight: var(--ui-typography-text-md-font-weight)
}

.ui-typography-text-lg {
    font-size: var(--ui-typography-text-lg-font-size);
    line-height: var(--ui-typography-text-lg-line-height);
    font-weight: var(--ui-typography-text-lg-font-weight)
}

/* /bitrix/js/ui/fonts/opensans/ui.font.opensans.css */
:root {
    --ui-font-family-open-sans: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans'), url('../../../../../js/ui/fonts/opensans/opensans-regular.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans Light'), url('../../../../../js/ui/fonts/opensans/opensans-light.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans Semibold'), url('../../../../../js/ui/fonts/opensans/opensans-semibold.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), url('../../../../../js/ui/fonts/opensans/opensans-bold.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'OpenSans';
    src: local('Open Sans'), url('../../../../../js/ui/fonts/opensans/opensans-regular.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'OpenSans-Regular';
    src: local('Open Sans'), url('../../../../../js/ui/fonts/opensans/opensans-regular.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'OpenSans-Light';
    src: local('Open Sans Light'), url('../../../../../js/ui/fonts/opensans/opensans-light.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'OpenSans-Semibold';
    src: local('Open Sans Semibold'), url('../../../../../js/ui/fonts/opensans/opensans-semibold.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'OpenSans-Bold';
    src: local('Open Sans Bold'), url('../../../../../js/ui/fonts/opensans/opensans-bold.woff') format('woff'), url('../../../../../js/ui/fonts/opensans/opensans-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

/* /bitrix/js/main/popup/dist/main.popup.bundle.css */
.popup-window {
    background-color: var(--popup-window-background-color, #fff);
    -webkit-box-shadow: var(--popup-window-box-shadow, 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06));
    box-shadow: var(--popup-window-box-shadow, 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06));
    padding: 10px;
    font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    border-radius: var(--popup-window-border-radius);
    border: var(--popup-window-border, none);
    will-change: opacity
}

.popup-window-disable-scroll {
    overflow: hidden
}

.popup-window.--fixed {
    position: fixed !important
}

.popup-window.--open {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.popup-window.popup-window-with-titlebar {
    padding: 0 10px 10px
}

.popup-window-delimiter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--popup-window-delimiter-height, 1px);
    position: relative;
    margin: var(--popup-window-delimiter-margin)
}

.popup-window-delimiter:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    height: 1px;
    background-color: var(--popup-window-delimiter-bg-color, #f0f1f2)
}

.popup-window-delimiter-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--popup-window-delimiter-section-height, 25px);
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: var(--popup-window-delimiter-margin)
}

.popup-window-delimiter-section:before,
.popup-window-delimiter-section:after {
    display: block;
    content: "";
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 15px;
    height: 1px;
    background-color: var(--popup-window-delimiter-bg-color, #f0f1f2)
}

.popup-window-delimiter-section:before {
    display: var(--popup-window-delimiter-left-line-display, block)
}

.popup-window-delimiter-section:after {
    display: var(--popup-window-delimiter-right-line-display, block)
}

.popup-window-delimiter-text {
    padding: var(--popup-window-delimiter-text-padding, 0 12px);
    background: #fff;
    color: var(--popup-window-delimiter-text-color, #b1b6bc);
    font-size: var(--popup-window-delimiter-text-transform, 10px);
    font-weight: var(--popup-window-delimiter-font-weight, var(--ui-font-weight-bold));
    text-transform: var(--popup-window-delimiter-text-transform, uppercase);
    white-space: nowrap;
    overflow-x: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup-window-buttons {
    text-align: center;
    padding: 20px 0 10px;
    position: relative
}

.popup-window-button {
    display: inline-block;
    height: 39px;
    line-height: 39px;
    margin: 0 12px 0 0;
    background: #ecedef;
    border-radius: var(--popup-window-button-border-radius, 2px);
    cursor: pointer;
    color: #7a818a;
    font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-bold, 700);
    font-size: 12px;
    outline: none;
    padding: 0 18px;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 0 1px #c6cdd3 inset;
    box-shadow: 0 0 0 1px #c6cdd3 inset;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: background-color 0.2s linear, color 0.2s linear;
    -o-transition: background-color 0.2s linear, color 0.2s linear;
    transition: background-color 0.2s linear, color 0.2s linear
}

.popup-window-button:before,
.popup-window-button:after {
    display: none
}

.popup-window-button:hover {
    background: #cfd4d8;
    color: #535c69
}

.popup-window-button:last-child {
    margin-right: 0
}

.popup-window-button-accept,
.popup-window-button-create {
    background: #bbed21;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #535c69
}

.popup-window-button-accept:hover,
.popup-window-button-create:hover {
    background: #d2f95f;
    color: #535c69
}

.popup-window-button-wait {
    color: transparent !important;
    position: relative
}

.popup-window-button-wait .popup-window-button-text {
    opacity: 0
}

.popup-window-button-wait:before {
    background: none !important;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 50%;
    color: #fff;
    display: block !important;
    content: '_' !important;
    font-size: 10px;
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    line-height: 10px;
    height: 21px;
    top: 10px;
    left: 50%;
    margin: 0 0 0 -11px;
    padding-right: 6px;
    position: absolute;
    text-align: right;
    width: 15px
}

.popup-window-button-wait:after {
    background: #fff !important;
    content: ' ' !important;
    display: block !important;
    height: 7px;
    position: absolute;
    top: 13px;
    left: 50%;
    padding: 0;
    width: 1px;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation: popup-window-button-animation 1s infinite linear;
    animation: popup-window-button-animation 1s infinite linear
}

.popup-window-button-create.popup-window-button-wait:before,
.popup-window-button-accept.popup-window-button-wait:before {
    color: #535c69;
    -webkit-box-shadow: inset 0 0 0 1px #535c69;
    box-shadow: inset 0 0 0 1px #535c69
}

.popup-window-button-create.popup-window-button-wait:after,
.popup-window-button-accept.popup-window-button-wait:after {
    background: #535c69 !important
}

@-webkit-keyframes popup-window-button-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes popup-window-button-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.popup-window-button-decline {
    background: #f1361b;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.popup-window-button-decline:hover {
    background: #cc1a00;
    color: #fff
}

.popup-window-button-cancel {
    font-weight: normal
}

.popup-window-button-blue {
    background-color: #3bc8f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.popup-window-button-blue:hover {
    background-color: #3fddff;
    color: #fff
}

.popup-window-button-blue:active {
    background-color: #13b1e3;
    color: #fff
}

.popup-window-button-link,
.popup-window-button-link-cancel,
.popup-window-button-link:hover,
.popup-window-button-link:active {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.popup-window-button-link {
    border-bottom: 1px solid #c0c2c5;
    border-radius: 0;
    color: #535c69;
    cursor: pointer;
    height: 17px;
    line-height: 17px;
    -webkit-transition: border-bottom-color 0.15s linear;
    -o-transition: border-bottom-color 0.15s linear;
    transition: border-bottom-color 0.15s linear;
    padding: 0
}

.popup-window-button-link:hover,
.popup-window-button-link:active {
    border-bottom-color: #535c69;
    color: #535c69;
    line-height: 17px;
    height: 17px
}

.popup-window-button-link-cancel {
    color: #f1361b;
    border-bottom-color: #ffb4a9
}

.popup-window-button.popup-window-button-link-cancel:hover,
.popup-window-button.popup-window-button-link-cancel:active {
    border-bottom-color: #f1361b;
    color: #f1361b
}

.popup-window-button-disable {
    cursor: default;
    opacity: 0.3
}

.popup-window-titlebar {
    height: 49px
}

.popup-window-titlebar-text,
.popup-window-titlebar-text-version {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #80868e;
    display: inline-block;
    font-size: 14px;
    font-weight: var(--ui-font-weight-bold);
    max-width: 100%;
    line-height: 49px;
    overflow: hidden;
    padding: 0 30px 0 4px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popup-window-titlebar-text-version {
    font-weight: normal;
    font-size: 13px;
    padding-left: 0
}

.popup-window-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: var(--popup-window-content-border-radius);
    scrollbar-width: thin;
    scrollbar-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2))
}

.popup-window-content::-webkit-scrollbar {
    width: 12px
}

.popup-window-content::-webkit-scrollbar-track {
    background-color: var(--popup-window-scrollbar-track-background, rgba(82, 92, 105, 0.05));
    margin: 8px 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    background-clip: content-box
}

.popup-window-content::-webkit-scrollbar-thumb {
    background-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
    margin: 8px 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    background-clip: content-box
}

.popup-window-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--popup-window-scrollbar-thumb-hover-background, rgba(82, 92, 105, 0.5))
}

.popup-window-with-titlebar .popup-window-content,
.popup-window-content-gray .popup-window-content {
    background-color: #eef2f4
}

.popup-window-content-white .popup-window-content {
    background-color: #fff
}

.popup-window-with-titlebar .popup-window-content {
    padding: 20px
}

.popup-window-close-icon {
    cursor: pointer;
    height: 27px;
    outline: none;
    opacity: 0.5;
    position: absolute;
    right: 3px;
    top: 5px;
    width: 27px;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.popup-window-close-icon:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23828b95'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: ""
}

.popup-window-close-icon.--large:after {
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23828b95'/%3E%3C/svg%3E")
}

.popup-window-close-icon.--large {
    top: 10px;
    right: 10px
}

.popup-window-close-icon.popup-window-titlebar-close-icon.--large,
.popup-window-titlebar-close-icon {
    top: 10px;
    right: 7px
}

.popup-window-close-icon:hover {
    opacity: 1
}

.popup-window-angly {
    display: none;
    height: 22px;
    position: absolute;
    overflow: hidden;
    width: 33px;
    pointer-events: none
}

.popup-window-angly--arrow {
    background-color: #fff;
    -webkit-box-shadow: 0 0 21px rgba(83, 92, 105, .13);
    box-shadow: 0 0 21px rgba(83, 92, 105, .13);
    content: '';
    height: 15px;
    position: absolute;
    left: 9px;
    top: 16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 15px
}

.popup-window-angly-top {
    display: block;
    left: 10px;
    margin: 0;
    top: -22px
}

.popup-window-angly-top .popup-window-angly--arrow {}

.popup-window-angly-right {
    display: block;
    right: -17px;
    top: 10px;
    height: 30px;
    width: 17px
}

.popup-window-angly-right .popup-window-angly--arrow {
    left: -9px;
    top: 8px
}

.popup-window-angly-bottom {
    bottom: -20px;
    display: block;
    height: 20px;
    margin-left: 10px
}

.popup-window-angly-bottom .popup-window-angly--arrow {
    top: -9px
}

.popup-window-angly-left {
    display: block;
    left: -14px;
    top: 10px;
    height: 30px;
    width: 14px
}

.popup-window-angly-left .popup-window-angly--arrow {
    left: 8px;
    top: 8px
}

.popup-window-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #333;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5
}

.popup-window-resize {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 12px;
    height: 12px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADBJREFUGBljYMADLl269B+PNESKNopwmoosgcxGcSeyBDKbKEUoGpA5uNgoplKNAwBv1DPc646T+wAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center;
    cursor: nwse-resize
}

.popup-window:hover .popup-window-resize {
    opacity: 1
}

.menu-popup {
    padding: var(--menu-popup-padding, 8px 0)
}

.menu-popup-title {
    margin: 0 0 7px 0;
    padding: 0 0 0 4px;
    color: #4c4c4c;
    white-space: nowrap;
    font: normal normal normal 12px/normal var(--ui-font-family-primary, var(--ui-font-family-helvetica))
}

.menu-popup .menu-popup-item {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 36px;
    position: relative;
    text-decoration: none;
    outline: none;
    white-space: nowrap
}

.menu-popup .menu-popup-item[style*="block"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.menu-popup .menu-popup-item-disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: default
}

.menu-popup .menu-popup-item-disabled .main-ui-loader-svg-circle {
    stroke: #4a4e53;
    stroke-width: 3
}

.menu-popup-item-icon {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    width: var(--menu-popup-item-icon-width, 19px);
    height: var(--menu-popup-item-icon-height, 16px)
}

.menu-popup-item-text {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    font-size: var(--menu-popup-item-font-size);
    color: var(--menu-popup-item-color, #525c68);
    line-height: 36px;
    padding: 0 15px 0 9px;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear
}

.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label .menu-popup-item-text span {
    top: -10px !important
}

.menu-popup-item-text .tariff-lock {
    margin: 0 5px 2px 5px;
    vertical-align: middle
}

.popup-window-fixed-width .menu-popup-item-text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.menu-popup-no-icon .menu-popup-item-text {
    padding: var(--menu-popup-item-padding, 0 15px)
}

.menu-popup-item-submenu .menu-popup-item-text {
    padding-right: var(--menu-popup-item-has-submenu-padding, 28px)
}

.menu-popup-item:hover,
.menu-popup-item.menu-popup-item-open {
    background-color: var(--menu-popup-item-bg-color-hover, #f5f5f6)
}

.menu-popup-item:active {
    background-color: var(--menu-popup-item-bg-color-active, #f5f5f6)
}

.menu-popup-item:hover .menu-popup-item-text {
    color: var(--menu-popup-item-color-hover, #3b434f)
}

.menu-popup-item:active .menu-popup-item-text {
    color: var(--menu-popup-item-color-active)
}

.menu-popup-item.menu-popup-item-disabled:hover {
    background: initial
}

.menu-popup-item-submenu:after {
    position: absolute;
    right: var(--menu-popup-item-chevron-right, 11px);
    width: var(--menu-popup-item-chevron-width, 6px);
    height: var(--menu-popup-item-chevron-height, 9px);
    background-image: var(--menu-popup-item-chevron-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tLjAxIDEuMTg3bDIuOTIyIDIuOTItMi45MiAyLjkyMyAxLjE3MyAxLjE3MyAyLjkyLTIuOTJMNS4yNiA0LjEwNyAxLjE2NC4wMTMiIGZpbGw9IiNBOEFCQjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==));
    background-size: cover;
    content: ""
}

.bx-admin-submenu-opened {
    background: #f0f0f0 !important;
    border-radius: 3px
}

.menu-popup-no-icon .menu-popup-item-icon {
    display: none
}

.menu-popup-item-view .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.37 0a6.37 6.37 0 015.326 9.861l3.309 3.307c.392.392.39 1.03.005 1.415l-.427.427c-.39.389-1.025.384-1.415-.005l-3.307-3.309A6.37 6.37 0 118.369 0zm0 1.82a4.55 4.55 0 100 9.098 4.55 4.55 0 000-9.098z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-edit .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M14.42 1l2.55 2.577-9.978 9.951-2.55-2.577L14.418 1zM3.008 14.638a.267.267 0 00.067.255c.067.067.164.093.255.067l2.851-.768-2.405-2.405-.768 2.85z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-create .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.978 0v6h6.064v2.948l-6.064-.001v6.043H6l-.001-6.043H0V6h5.999L6 0h2.978z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-create-quick .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.39 8.032v3l3.01.002v2l-3.01-.001v3.003h-2v-3.003h-3.005v-2h3.006V8.032h2zM12.23 0L6.77 6.044h5.46l-8.865 9.409L6.77 8.744H2L5.009 0h7.22z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-take .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-begin .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.632 1a7.632 7.632 0 110 15.265A7.632 7.632 0 019.632 1zm0 1.752a5.88 5.88 0 100 11.761 5.88 5.88 0 000-11.761zM8.296 5.119a.7.7 0 01.375.11l4.418 2.806a.7.7 0 010 1.182L8.67 12.024a.7.7 0 01-1.075-.59V5.818a.7.7 0 01.7-.7z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-decline .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M6.161 2l.017 2.83h2.138a4.433 4.433 0 014.433 4.434v.129a4.433 4.433 0 01-4.433 4.433H4.91c-.24 0-.474-.019-.702-.055v-1.949h3.908l.163-.005a2.48 2.48 0 002.317-2.475l-.005-.163A2.48 2.48 0 008.116 6.86H6.19l.017 3.048L2 5.932 6.161 2zm10.043 1.887v9.662h-2.008V3.887h2.008z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-reopen .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.514 2a6.508 6.508 0 015.42 2.899l1.794-1.796v5.681h-5.68l2.238-2.238a4.254 4.254 0 10-3.772 6.222l.146-.005-.173 2.264-.207-.004A6.514 6.514 0 019.514 2z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-complete .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4 2h11.648L13.1 6.015l2.548 4.016-9.661-.001v4.963H4V2z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-hold .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8 2v12H5V2h3zm5.986 0v12h-3V2h3z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-accept .menu-popup-item-icon {
    background-repeat: no-repeat;
    background-image: var(--menu-popup-item-accept-image, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E"));
    background-color: transparent
}

.menu-popup-item-remake .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.246 8.07l1.398 2.234a2 2 0 01-1.695 3.06l-3.038-.001v2.439L8.56 12.45l3.352-3.352-.001 2.065 2.676.001-1.247-1.993 1.906-1.101zM5.58 5.71l1.227 4.578L4.849 9.16l-1.253 2.005h3.056v2.2H3.236a2 2 0 01-1.695-3.06L2.944 8.06 1 6.936 5.579 5.71zM10.153.304a2 2 0 01.635.635l1.746 2.791L14.5 2.597l-1.227 4.578L8.694 5.95l1.933-1.117-1.535-2.455L7.6 4.761l-1.906-1.1L7.397.94a2 2 0 012.756-.635z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-delete .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.406 3.889l-3.8 3.8 3.841 3.841-1.867 1.867-3.841-3.842-3.826 3.828-1.887-1.886L7.853 7.67l-3.8-3.8L5.92 2.003l3.8 3.8 3.8-3.8z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-copy .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4.898 9.472V3.094c0-.108.088-.196.196-.196h6.378c.107 0 .195.088.195.196V3.4h1.899v-1.76a.642.642 0 00-.64-.641H3.64a.642.642 0 00-.64.64v9.285c0 .353.288.64.64.64h1.655V9.668h-.201a.196.196 0 01-.196-.195zm10.223 3.442a.208.208 0 01-.207.207H8.161a.208.208 0 01-.207-.207V6.161c0-.113.094-.207.207-.207h6.753c.114 0 .207.094.207.207v6.753zm1.148-8.86H6.713a.66.66 0 00-.659.66v9.555a.66.66 0 00.66.659h9.555a.661.661 0 00.659-.66V4.714a.66.66 0 00-.66-.659z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-delegate .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M10.283 2.73c-.485-.8 3.605-1.466 3.877.984a7.774 7.774 0 010 2.227s.611-.073.203 1.137c0 0-.225.87-.57.675 0 0 .056 1.1-.487 1.287 0 0 .04.586.04.625l.453.07s-.014.49.077.542c.414.279.868.49 1.345.626 1.41.372 2.126 1.012 2.126 1.571l.388 2.55H5.908s.079-1.256.293-2.127c.215-.87 1.42-1.516 2.53-2.013.575-.258.7-.412 1.278-.676a2.04 2.04 0 00.039-.487l.491-.06s.065.122-.039-.597c0 0-.552-.15-.578-1.294 0 0-.415.143-.44-.55-.018-.47-.372-.878.137-1.216l-.26-.72s-.272-2.78.924-2.555zm-7.307.929l4.167 4.168-4.167 4.167-.001-3.001H0v-2h2.975V3.659z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-add-to-tm .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M12.293 1.542a7.494 7.494 0 014.696 6.952 7.348 7.348 0 01-7.196 7.49 7.494 7.494 0 112.5-14.442zM5.428 4.587a5.64 5.64 0 004.291 9.543 5.53 5.53 0 005.416-5.636 5.64 5.64 0 00-9.707-3.907zM8.13 9.989V5.417h2v2.572h2.508v2H8.13z'/%3E%3C/svg%3E") no-repeat
}

.menu-popup-item-accept-sm .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='-4 -4 19 16'%3E%3Cpath fill='%232066B0' d='M1.36 3.446L4.013 6.1 10.316 0l1.36 1.36-6.299 6.1-1.364 1.36-1.36-1.36L0 4.806z'/%3E%3C/svg%3E") no-repeat
}

.popup-window-button-left,
.popup-window-button-right {
    display: none
}

.popup-window-dark {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: var(--popup-window-border-radius, 4px);
    -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17);
    box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17)
}

.popup-window-dark .popup-window-content {
    background-color: transparent;
    color: #fff;
    margin: 0
}

.popup-window-dark .popup-window-angly--arrow {
    background-color: rgba(0, 0, 0, 0.8)
}

.popup-window-dark .popup-window-titlebar-text {
    color: #fff
}

.popup-window-dark .popup-window-close-icon:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23FFF'/%3E%3C/svg%3E")
}

.popup-window-dark .popup-window-close-icon.--large:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23FFF'/%3E%3C/svg%3E")
}

.popup-window-tabs-box {
    padding: 10px 0 4px
}

.popup-window-tabs {
    position: relative;
    padding: 0 20px 0 0;
    margin: 0;
    height: 42px;
    font-size: 0;
    z-index: 1
}

.popup-window-tab {
    display: inline-block;
    height: 42px;
    margin: 0 7px 0 0;
    padding: 0 12px;
    border: none;
    vertical-align: top;
    font-size: 14px;
    font-weight: var(--ui-font-weight-bold);
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    line-height: 41px;
    color: #535c69;
    background-color: #ecf2f3;
    text-shadow: none;
    cursor: pointer;
    -webkit-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear
}

.popup-window-tab:hover {
    background-color: #f7f9f9
}

.popup-window-tab-selected {
    position: relative;
    z-index: 2;
    padding: 0 11px;
    background-color: #fff !important;
    line-height: 40px;
    border-radius: 2px 2px 0 0;
    border: 1px solid #c6cdd3;
    border-bottom: none;
    cursor: default
}

.popup-window-tabs-content {
    margin: 0;
    padding: 10px;
    border: 1px solid #c6cdd3;
    border-radius: 0 3px 3px
}

.popup-window-tab-content {
    display: none;
    padding: 20px;
    background: #eef2f4
}

.popup-window-tabs-content-white .popup-window-tab-content {
    padding: 10px;
    background: #fff
}

.popup-window-tab-content-selected {
    display: block
}

.popup-window-show-animation-opacity {
    -webkit-animation: popupWindowShowAnimationOpacity 100ms;
    animation: popupWindowShowAnimationOpacity 100ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes popupWindowShowAnimationOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes popupWindowShowAnimationOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.popup-window-show-animation-opacity-transform {
    -webkit-animation: popupWindowShowAnimationOpacityTransform 100ms;
    animation: popupWindowShowAnimationOpacityTransform 100ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes popupWindowShowAnimationOpacityTransform {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0)
    }
}

@keyframes popupWindowShowAnimationOpacityTransform {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0)
    }
}

.popup-window-close-animation-opacity {
    -webkit-animation: popupWindowCloseAnimationOpacity 150ms;
    animation: popupWindowCloseAnimationOpacity 150ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes popupWindowCloseAnimationOpacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes popupWindowCloseAnimationOpacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.popup-window-close-animation-opacity-transform {
    -webkit-animation: popupWindowCloseAnimationOpacity 150ms;
    animation: popupWindowCloseAnimationOpacity 150ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes popupWindowCloseAnimationOpacityTransform {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
}

@keyframes popupWindowCloseAnimationOpacityTransform {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
}

.popup-window-show-animation-scale {
    -webkit-animation: popup-window-show-animation-scale 400ms;
    animation: popup-window-show-animation-scale 400ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes popup-window-show-animation-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes popup-window-show-animation-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/* /bitrix/css/main/themes/green/style.css */
.bx-green .btn.btn-default {
    outline: none;
    background-color: #3bc915;
    border-color: #3bc915;
    color: #FFF
}

.bx-green .btn.btn-default:hover {
    outline: none;
    background-color: #3bc915;
    border-color: #3bc915;
    color: #FFF
}

.bx-green .btn.btn-default:active {
    outline: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

/* /bitrix/templates/.default/components/vpl/catalog/catalog/style.css */
.grid {}

.grid .bx_content_section {
    margin-bottom: 15px
}

.grid .bx_sidebar {
    margin-bottom: 15px
}

.grid2x1 {}

.grid2x1 .bx_content_section {
    float: left;
    width: 66%;
    margin-bottom: 15px
}

.grid2x1 .bx_sidebar {
    float: right;
    width: 33%;
    margin-bottom: 15px;
    padding-left: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:960px) {
    .grid2x1 .bx_sidebar {
        padding-left: 4%
    }
}

@media (max-width:640px) {

    .grid2x1 .bx_content_section,
    .grid2x1 .bx_sidebar {
        width: 100%;
        float: none
    }

    .grid2x1 .bx_sidebar {
        padding-left: 3%
    }
}

@media (max-width:479px) {
    .grid2x1 .bx_sidebar {
        padding-left: 1%
    }
}

.catalog-block-header {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 5px 0;
    padding: 5px 15px;
    border-bottom: 2px solid #d9dee6;
    color: #000
}

body.bx-theme-blue .catalog-block-header {
    border-color: #006cc0
}

body.bx-theme-green .catalog-block-header {
    border-color: #63aa28
}

body.bx-theme-red .catalog-block-header {
    border-color: #da3737
}

body.bx-theme-yellow .catalog-block-header {
    border-color: #f4b236
}

.header_background {
    background: #ffffff
}

#mCSB_2_scrollbar_horizontal .mCSB_draggerContainer .mCSB_dragger_bar {
    background-color: #000000 !important
}

#mCSB_2_scrollbar_horizontal .mCSB_draggerContainer .mCSB_draggerRail {
    background-color: #000000 !important
}

/* /bitrix/templates/.default/components/vpl/catalog/catalog/bitrix/catalog.section.list/.default/style.css */
.section--catalog-head .catalog-head-scroll .catalog-head {
    justify-content: center;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 12px
}

.catalog-head .catalog-head__item {
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 0
}

.catalog-head .catalog-head__item-img {
    width: 150px;
    height: 150px
}

.catalog-head .catalog-head__item {}

.catalog-head .catalog-head__item-name {
    color: #000000;
    font-weight: 600
}

/* /bitrix/templates/.default/components/vpl/catalog/catalog/bitrix/catalog.section/.default/themes/green/style.css */
.bx-green .product-item-image-slider-progress-bar {
    background-color: #5b9f0b
}

.bx-green .product-item-image-slider-control:hover {
    background-color: rgba(91, 159, 11, .8)
}

.bx-green .product-item-image-slider-control.active,
.bx-green .product-item-image-slider-control:hover {
    background-color: #5b9f0b
}

.bx-green .product-item-scu-item-text-block:hover,
.bx-green .product-item-scu-item-color-block:hover,
.bx-green .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-green .product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
    outline-color: #63aa28
}

.bx-green .product-item-amount-field:focus {
    border-color: #63aa28
}

.bx-green .catalog-section-header {
    border-color: #63aa28
}

/* /bitrix/templates/.default/css/bootstrap-grid.css */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

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

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1410px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width:1680px) {
    .container {
        max-width: 1440px
    }
}

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

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px
    }
}

@media (min-width:1024px) {

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

@media (min-width:1410px) {

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

@media (min-width:1680px) {

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

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

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

.row-cols-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

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

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

.row-cols-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

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

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

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

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

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

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

    .row-cols-sm-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

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

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

    .row-cols-sm-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

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

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

    .row-cols-md-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1024px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

    .row-cols-lg-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

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

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

    .row-cols-lg-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1410px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

    .row-cols-xl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

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

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

    .row-cols-xl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1680px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

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

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

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

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

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

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

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

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

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

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

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

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

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

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

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

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

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

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

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

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

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

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

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

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

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

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1680px) {
    .d-xxl-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-xxl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

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

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

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

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

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

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1024px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1410px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1680px) {
    .flex-xxl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xxl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xxl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xxl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xxl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xxl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xxl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xxl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xxl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xxl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xxl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.m-0 {
    margin: 0 !important
}

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

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

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

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

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

.mt-1,
.my-1 {
    margin-top: 0.25rem !important
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important
}

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

.mt-2,
.my-2 {
    margin-top: 0.5rem !important
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important
}

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

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

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

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

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

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

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

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

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

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

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

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

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

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

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

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

.pr-0,
.px-0 {
    padding-right: 0 !important
}

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

.pl-0,
.px-0 {
    padding-left: 0 !important
}

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

.pt-1,
.py-1 {
    padding-top: 0.25rem !important
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important
}

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

.pt-2,
.py-2 {
    padding-top: 0.5rem !important
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important
}

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

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

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

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

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

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

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

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

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

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

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

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

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

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

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

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

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important
}

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

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important
}

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

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

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

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

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

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

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

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

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

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

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

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

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

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

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

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

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

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

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

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

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

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

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

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

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important
    }

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

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important
    }

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

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

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

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

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

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

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

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

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

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

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

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

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

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

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

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

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

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

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

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

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

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important
    }

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

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important
    }

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

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

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

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

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

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

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

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

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

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

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

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

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

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

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

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

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important
    }

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

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important
    }

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

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

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

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

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

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

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

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

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

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

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

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

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

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

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

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

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

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

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

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

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

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important
    }

    .m-md-2 {
        margin: 0.5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important
    }

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

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

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

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

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

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

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

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

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

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

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

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

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

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

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

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

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: 0.25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important
    }

    .p-md-2 {
        padding: 0.5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important
    }

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

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

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

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

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

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

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

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

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

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

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

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

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

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

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -0.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important
    }

    .m-md-n2 {
        margin: -0.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important
    }

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

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

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

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

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

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

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

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

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

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

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

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

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

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

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

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

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:1024px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: 0.25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important
    }

    .m-lg-2 {
        margin: 0.5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important
    }

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

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

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

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

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

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

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

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

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

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

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

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

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

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

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

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

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: 0.25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important
    }

    .p-lg-2 {
        padding: 0.5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important
    }

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

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

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

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

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

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

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

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

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

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

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

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

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

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

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -0.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important
    }

    .m-lg-n2 {
        margin: -0.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important
    }

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

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

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

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

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

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

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

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

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

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

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

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

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

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

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

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

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1410px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: 0.25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important
    }

    .m-xl-2 {
        margin: 0.5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important
    }

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

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

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

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

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

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

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

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

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

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

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

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

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

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

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

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

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: 0.25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important
    }

    .p-xl-2 {
        padding: 0.5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important
    }

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

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

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

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

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

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

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

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

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

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

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

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

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

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

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -0.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important
    }

    .m-xl-n2 {
        margin: -0.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important
    }

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

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

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

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

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

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

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

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

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

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

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

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

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

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

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

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

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

@media (min-width:1680px) {
    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important
    }

    .m-xxl-1 {
        margin: 0.25rem !important
    }

    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: 0.25rem !important
    }

    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: 0.25rem !important
    }

    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: 0.25rem !important
    }

    .m-xxl-2 {
        margin: 0.5rem !important
    }

    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: 0.5rem !important
    }

    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: 0.5rem !important
    }

    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: 0.5rem !important
    }

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

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

    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 1rem !important
    }

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

    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 1rem !important
    }

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

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

    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1.5rem !important
    }

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

    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1.5rem !important
    }

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

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

    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 3rem !important
    }

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

    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 3rem !important
    }

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

    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important
    }

    .p-xxl-1 {
        padding: 0.25rem !important
    }

    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: 0.25rem !important
    }

    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: 0.25rem !important
    }

    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: 0.25rem !important
    }

    .p-xxl-2 {
        padding: 0.5rem !important
    }

    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: 0.5rem !important
    }

    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: 0.5rem !important
    }

    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: 0.5rem !important
    }

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

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

    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 1rem !important
    }

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

    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 1rem !important
    }

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

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

    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1.5rem !important
    }

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

    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1.5rem !important
    }

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

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

    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 3rem !important
    }

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

    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 3rem !important
    }

    .m-xxl-n1 {
        margin: -0.25rem !important
    }

    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -0.25rem !important
    }

    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -0.25rem !important
    }

    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -0.25rem !important
    }

    .m-xxl-n2 {
        margin: -0.5rem !important
    }

    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -0.5rem !important
    }

    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -0.5rem !important
    }

    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -0.5rem !important
    }

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

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

    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -1rem !important
    }

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

    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -1rem !important
    }

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

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

    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -1.5rem !important
    }

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

    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -1.5rem !important
    }

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

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

    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -3rem !important
    }

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

    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -3rem !important
    }

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

    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important
    }
}

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

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

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

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:1023.23px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1409.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

/* /bitrix/templates/.default/css/modal.css */
.fade {
    transition: opacity 0.15s linear
}

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

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

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none
}

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

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

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

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0
}

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

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: 0.5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

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

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

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

@media (min-width:1024px) {

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

@media (min-width:1410px) {
    .modal-xl {
        max-width: 1140px
    }
}

/* /bitrix/templates/.default/css/tab.css */
.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

/* /bitrix/templates/.default/css/slick.css */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* /bitrix/templates/.default/css/slick-theme.css */
@charset 'UTF-8';

.slick-loading .slick-list {
    background: #fff url('../../../../../templates/.default/img/slick/ajax-loader.gif') center center no-repeat
}

@font-face {
    font-display: swap;
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../../../../../templates/.default/fonts/slick/slick.eot');
    src: url('../../../../../templates/.default/fonts/slick/slick-1.eot') format('embedded-opentype'), url('../../../../../templates/.default/fonts/slick/slick.woff') format('woff'), url('../../../../../templates/.default/fonts/slick/slick.ttf') format('truetype'), url('../../../../../templates/.default/fonts/slick/slick.svg') format('svg')
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black
}

/* /bitrix/templates/.default/css/jquery.mCustomScrollbar.min.css */
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url('/bitrix/templates/.default/css/mCSB_buttons.png');
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

/* /bitrix/templates/.default/css/nice-select.css */
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url('/bitrix/templates/.default/css/../img/svg/select-arrow.svg') no-repeat center center;
    position: absolute;
    top: 34%;
    right: 11px;
    transition: all .3s ease-out
}

.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #cccccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    color: #3275D8
}

.nice-select .option.selected {
    color: #3275D8
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

/* /bitrix/templates/.default/css/jquery.formstyler.css */
.jq-checkbox,
.jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jq-checkbox input,
.jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox,
.jq-select-multiple {
    position: relative;
    display: inline-block
}

.jq-selectbox select,
.jq-select-multiple select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-selectbox li,
.jq-select-multiple li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

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

/* /bitrix/templates/.default/css/jquery.formstyler.theme.css */
.jq-checkbox,
.jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #C3C3C3;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #FFF, inset 1px -1px #FFF;
    cursor: pointer
}

.jq-checkbox.focused,
.jq-radio.focused {
    border: 1px solid #08C
}

.jq-checkbox.disabled,
.jq-radio.disabled {
    opacity: .55
}

.jq-checkbox {
    border-radius: 3px
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 3px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.jq-radio {
    border-radius: 50%
}

.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .7)
}

.jq-file {
    width: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-file input {
    cursor: pointer
}

.jq-file__name {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #F1F1F1;
    font: 14px/32px Arial, sans-serif;
    color: #333
}

.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #CCC;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF
}

.jq-file:hover .jq-file__browse {
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

.jq-file:active .jq-file__browse {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794BF
}

.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field {
    width: 100px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-number__field:hover {
    border-color: #B3B3B3
}

.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    border: none;
    outline: none;
    background: none;
    font: 14px Arial, sans-serif;
    color: #333
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #FFF;
    cursor: pointer
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0
}

.jq-number__spin:hover {
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

.jq-number__spin:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD
}

.jq-number__spin:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #999;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-bottom: none;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
    border: 1px solid #5794BF
}

.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #AAA
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #AAA
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer
}

.jq-selectbox__select {
    height: 32px;
    padding: 0 45px 0 10px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF
}

.jq-selectbox__select:hover {
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

.jq-selectbox__select:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD
}

.jq-selectbox.focused .jq-selectbox__select {
    border: 1px solid #5794BF
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    width: 100%
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border-left: 1px solid #CCC
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #AAA
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    font: 14px/18px Arial, sans-serif
}

.jq-selectbox__search {
    margin: 5px
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #CCC;
    border-radius: 3px;
    outline: none;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%;
    box-shadow: inset 1px 1px #F1F1F1;
    color: #333
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #F0F0F0;
    font-size: 13px
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #231F20
}

.jq-selectbox li.selected {
    background-color: #A3ABB1;
    color: #FFF
}

.jq-selectbox li:hover {
    background-color: #08C;
    color: #FFF
}

.jq-selectbox li.disabled {
    color: #AAA
}

.jq-selectbox li.disabled:hover {
    background: none
}

.jq-selectbox li.optgroup {
    font-weight: bold
}

.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231F20;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 25px
}

.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default
}

.jq-select-multiple.focused {
    border: 1px solid #5794BF
}

.jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-select-multiple ul {
    margin: 0;
    padding: 0
}

.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none
}

.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
    background: #08C;
    color: #FFF
}

.jq-select-multiple li.disabled {
    color: #AAA
}

.jq-select-multiple li.optgroup {
    font-weight: bold
}

.jq-select-multiple li.option {
    padding-left: 25px
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF
}

input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
    padding: 8px 9px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333
}

input[type='search'].styler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea.styler {
    overflow: auto
}

input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
    border-color: #B3B3B3
}

input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
    border-color: #CCC;
    border-top-color: #B3B3B3;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    outline: none;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF;
    cursor: pointer
}

button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD
}

button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

/* /bitrix/templates/.default/css/jquery.fancybox.css */
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

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

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-spaceball {
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

.fancybox-button:focus {
    outline: none
}

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

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

.fancybox-button div {
    height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

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

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

/* /bitrix/templates/.default/css/jquery.bootstrap-touchspin.min.css */
.bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 11
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    position: absolute;
    right: 0;
    height: 50%;
    padding: 0;
    width: 2em;
    text-align: center;
    line-height: 1
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0 4px 0 0;
    top: 0
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 4px 0;
    bottom: 0
}

/* /bitrix/templates/.default/css/style.css */
@import url('../../../../../../css2');

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Regular.eot'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Regular-1.eot') format('embedded-opentype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Regular.woff') format('woff'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Regular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Italic.eot'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Italic-1.eot') format('embedded-opentype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Italic.woff2') format('woff2'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Italic.woff') format('woff'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Italic.ttf') format('truetype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Italic.svg') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-ExtraBold.eot'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-ExtraBold-1.eot') format('embedded-opentype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-ExtraBold.woff2') format('woff2'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-ExtraBold.svg') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-SemiBold.eot'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-SemiBold-1.eot') format('embedded-opentype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-SemiBold.woff2') format('woff2'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-SemiBold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-BoldItalic.eot'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-BoldItalic-1.eot') format('embedded-opentype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-BoldItalic.woff2') format('woff2'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-BoldItalic.svg') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Bold.eot'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Bold-1.eot') format('embedded-opentype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Bold.woff') format('woff'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype'), url('../../../../../templates/.default/fonts/OpenSans/OpenSans-Bold.svg') format('svg');
    font-weight: 700;
}

@font-face {
    font-display: swap;
    font-family: 'ALSRubl';
    src: url('../../../../../templates/.default/fonts/ALSRubl/ALSRubl.eot') format('embedded-opentype'), url('../../../../../templates/.default/fonts/ALSRubl/ALSRubl.otf') format('opentype'), url('../../../../../templates/.default/fonts/ALSRubl/ALSRubl.woff') format('woff'), url('../../../../../templates/.default/fonts/ALSRubl/ALSRubl.ttf') format('truetype'), url('../../../../../templates/.default/fonts/ALSRubl/ALSRubl.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.icon-logo {
    width: 2.6025390625em
}

.icon-cart {
    width: 1.1728515625em
}

.icon-geo {
    width: 0.6669921875em
}

.icon-mail {
    width: 1.5em
}

.icon-search {
    width: 1.052734375em
}

.icon-time {
    width: 0.75em
}

.icon-home-2 {
    width: 1.099609375em
}

.icon-view-card {
    width: 1.0078125em
}

.icon-view-list {
    width: 1.09765625em
}

.icon-filter {
    width: 1.09765625em
}

.icon-list {
    width: 1.345703125em
}

.icon-i1 {
    width: 0.8271484375em
}

.icon-i2 {
    width: 0.794921875em
}

.icon-i3 {
    width: 0.775390625em
}

.icon-prev {
    width: 1.1171875em
}

.icon-next {
    width: 1.1171875em
}

.icon-exit {
    width: 1.2880859375em
}

* {
    outline: none !important
}

html {
    height: 100%
}

body {
    background: #fff;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 100%;
    margin: 0;
    position: relative
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 700
}

h1 {
    font-size: 42px;
    line-height: 46px;
    margin: 0;
    padding: 0 0 40px
}

.section--title-catalog h1 {
    padding-right: 150px
}

h2 {
    font-size: 38px;
    line-height: 44px;
    margin: 50px 0 30px
}

h3 {
    font-size: 34px;
    line-height: 42px;
    margin: 55px 0 35px
}

h4 {
    font-size: 32px;
    line-height: 36px;
    margin: 55px 0 35px
}

h5 {
    font-size: 28px;
    line-height: 1.2;
    margin: 40px 0 30px
}

h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 35px 0 25px
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

img {
    max-width: 100%
}

a {
    color: #50a7bd;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    -o-transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out
}

p a:visited {
    color: #50a7bd
}

a:active {
    color: #c89e39
}

a:hover {
    color: #c89e39;
    text-decoration: none
}

a .icon-link-new,
a .icon-link-out {
    font-size: 12px;
    margin-left: 5px
}

.ios input[type="submit"] {
    -webkit-appearance: none
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.text-center {
    text-align: center
}

.content p {
    margin: 0 0 25px
}

.content p:last-child {
    margin-bottom: 0
}

.content ul {
    list-style: none;
    margin: 0 0 25px;
    padding: 0
}

.content ol {
    counter-reset: counter;
    list-style: none;
    padding: 0;
    margin: 0 0 25px
}

.content ul>li,
.content ol>li {
    margin-bottom: 20px;
    position: relative
}

.content ul>li {
    padding-left: 30px
}

.content ul>li:before {
    content: "";
    background: url(../../../../../templates/.default/img/list.svg) no-repeat center;
    height: 11px;
    position: absolute;
    left: 0;
    top: 6px;
    width: 15px
}

.content ol>li {
    counter-increment: counter;
    padding-left: 42px
}

.content ol>li:before {
    content: counter(counter);
    background: #000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    position: absolute;
    left: 5px;
    top: -3px;
    text-align: center;
    width: 26px
}

.content ul>li>ul,
.content ol>li>ul,
.content ul>li>ol,
.content ol>li>ol {
    margin-top: 20px
}

.content blockquote {
    color: #757575;
    font-size: 18px;
    margin: 0 0 30px;
    padding-left: 50px;
    position: relative
}

.content blockquote:before {
    content: "";
    background: #ccc;
    height: 1px;
    position: absolute;
    left: 0;
    top: 11px;
    width: 32px
}

.content blockquote p {
    margin-bottom: 10px
}

.content blockquote cite {
    color: #000;
    display: block;
    font-size: 16px;
    font-style: normal;
    margin-top: 10px
}

.important {
    font-size: 16px;
    margin-bottom: 50px;
    min-height: 38px;
    padding-left: 50px;
    position: relative
}

.important:before {
    content: "!";
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #6a676e;
    height: 38px;
    line-height: 38px;
    position: absolute;
    left: 0;
    top: 3px;
    text-align: center;
    width: 38px
}

.content .table-responsive {
    margin-bottom: 24px
}

.content table {
    border: 0;
    border-collapse: collapse;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%
}

.content .table-responsive table {
    margin-bottom: 6px
}

.content table tr {
    border-bottom: 1px solid #f0f0f0
}

.content table tr>td {
    color: #252525;
    font-size: 16px;
    min-height: 60px;
    padding: 18px 0;
    padding-right: 15px !important
}

.content table thead tr>td {
    color: #a1a1a1;
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 12px;
    text-transform: uppercase
}

.img {
    position: relative;
    overflow: hidden
}

.fit-img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: 'object-fit:cover;object-position:center;'
}

.detail-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 40px 0 50px
}

.detail-img .img {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.detail-img .img img {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top
}

.detail-img .title {
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px
}

.inline-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 35px
}

.inline-img .img {
    margin-right: 35px;
    width: 112px
}

.inline-img .info {
    width: -webkit-calc(100% - 147px);
    width: calc(100% - 147px)
}

.no-photo {
    background-color: #eaeaea;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    width: 100%
}

.no-photo img {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    max-width: 120px;
    width: 100%
}

.rouble {
    font-family: "ALSRubl", sans-serif;
    font-weight: 400
}

.wrapper {
    width: 100%
}

.button {
    background: transparent;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
    -webkit-transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    -o-transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    width: 100%
}

.button:hover {
    background: #e5e5e5;
    color: #000
}

.button--black {
    background: #191919;
    border: 0;
    color: #fff
}

.button--black:hover,
.button--black.active {
    background: #000;
    color: #fff
}

.button--black:focus {
    background: #363636;
    color: #fff
}

.button--grey {
    background: #f5f5f5;
    border: 0;
    color: #000
}

.button--grey:hover,
.button--grey.active {
    background: #000;
    color: #fff
}

.button--transparent {
    background: transparent;
    border: 0;
    color: #818181
}

.button--transparent:hover,
.button--transparent.active {
    background: transparent;
    color: #000
}

.button--white {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7)
}

.button--white:hover,
.button--white.active {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.6);
    color: #fff
}

.button--white-bg {
    background: #fff;
    border-color: transparent;
    color: #000
}

.button--white-bg:hover,
.button--white-bg.active {
    background: #e5e5e5
}

.button--header {
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 53px
}

.button--feedback {
    -webkit-border-radius: 10px 0;
    border-radius: 10px 0;
    border-color: #686868;
    border-bottom-color: transparent !important;
    color: #9e9e9e;
    height: 48px !important;
    position: relative
}

.button--feedback:hover {
    background: transparent;
    border-color: #a8a8a8;
    color: #fff
}

.button--feedback:before {
    content: "";
    border: 1px solid #686868;
    border-top: 0;
    border-left: 0;
    border-right-color: transparent !important;
    -webkit-border-radius: 10px 0;
    border-radius: 10px 0;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: 10px;
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out
}

.button--feedback:hover:before {
    border-color: #a8a8a8
}

.button--feedback .icon {
    font-size: 14px;
    margin-right: 12px
}

.button--feedback span:before {
    content: "";
    background: #686868;
    position: absolute;
    left: -1px;
    top: 100%;
    height: 10px;
    width: 1px;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

.button--feedback span:after {
    content: "";
    background: #686868;
    height: 14px;
    margin-top: -2px;
    position: absolute;
    left: 4px;
    top: 100%;
    width: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

.button--feedback:hover span:before,
.button--feedback:hover span:after {
    background: #a8a8a8
}

.button--icon .icon {
    font-size: 10px;
    margin-right: 16px
}

.button--back {
    border-color: #cacaca;
    font-size: 16px;
    height: 60px
}

.button--back:hover {
    background: #e5e5e5;
    border-color: #e5e5e5
}

.button--back .icon {
    font-size: 8px;
    margin-right: 18px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.button--clear {
    position: absolute;
    right: 0;
    top: -85px;
    width: auto;
    padding: 0
}

.button--clear:hover {
    color: #c89e39
}

.slick-list.draggable {
    cursor: default;
    cursor: -webkit-grab;
    cursor: grab
}

.slick-list.draggable:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.slick-vertical .slick-slide {
    border: 0
}

.slick-arrow {
    color: #fff;
    font-size: 40px;
    height: 40px;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    width: 40px;
    opacity: 0.4;
    z-index: 1
}

.slick-arrow.slick-prev {
    left: 50%;
    margin-left: -810px
}

.slick-arrow.slick-next {
    right: 50%;
    margin-right: -810px
}

.slick-arrow.slick-disabled {
    cursor: default;
    opacity: 0.2 !important
}

.slick-arrow:focus {
    color: #fff
}

.slick-arrow:hover {
    color: #fff;
    opacity: 1
}

.slick-arrow:before {
    display: none
}

.slick-dots {
    bottom: 60px;
    margin-bottom: 0 !important
}

.slick-dots li {
    height: 25px;
    margin: 0 18px !important;
    opacity: 0.7;
    padding: 0 !important;
    width: 25px;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    vertical-align: top
}

.slick-dots li.slick-active,
.slick-dots li:hover {
    opacity: 1
}

.slick-dots li:before {
    display: none
}

.slick-dots li button {
    height: 100%;
    padding: 0;
    width: 100%
}

.slick-dots li button:before {
    content: "";
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 0;
    height: 5px;
    opacity: 1 !important;
    left: 50%;
    top: 50%;
    width: 5px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.slick-dots li.slick-active button:before,
.slick-dots li:hover button:before {
    height: 15px;
    width: 15px
}

.mCSB_container {
    margin-right: 16px !important
}

.mCSB_scrollTools {
    opacity: 1;
    width: 15px
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #dbdbdb;
    width: 1px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000 !important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 3px
}

.map {
    height: 600px
}

.map>* {
    height: 100%
}

.breadcrumbs ul {
    margin-bottom: 12px
}

.breadcrumbs ul>li {
    float: left;
    font-size: 14px;
    margin-right: 3px;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative;
    display: flex
}

.breadcrumbs ul>li:first-child {
    padding-right: 0
}

.breadcrumbs ul>li:first-child .icon {
    vertical-align: -1px
}

.breadcrumbs ul>li:before {
    display: none
}

.breadcrumbs ul>li>a {
    color: #5c5c5c
}

.section--title-white .breadcrumbs ul>li>a {
    color: #fff;
    opacity: 0.7
}

.breadcrumbs ul>li>a:hover {
    color: #c89e39
}

.section--title-white .breadcrumbs ul>li>a:hover {
    color: #fff;
    opacity: 1
}

.breadcrumbs__open {
    color: #5c5c5c;
    cursor: pointer;
    display: inline-block;
    font-size: 8px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 20px;
    transform: rotate(90deg) scale(-1);
    margin-right: 2px
}

.breadcrumbs__open .icon {
    vertical-align: middle
}

@media (max-width:768px) {
    .breadcrumbs ul>li {
        margin-bottom: 3px
    }
}

.pagination-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.pagination-container ul.pagination {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0;
    padding: 0
}

.pagination-container ul.pagination>li {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.pagination-container ul.pagination>li.arrow {
    font-size: 12px;
    padding: 0
}

.pagination-container ul.pagination>li.arrow:first-of-type {
    margin-right: 85px
}

.pagination-container ul.pagination>li.arrow:last-of-type {
    margin-left: 85px
}

.pagination-container ul.pagination>li:before {
    display: none
}

.pagination-container ul.pagination>li>a,
.pagination-container ul.pagination>li>span {
    background: transparent;
    border: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #000;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0;
    text-align: center;
    width: 60px
}

.pagination-container ul.pagination>li>a:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.pagination-container ul.pagination>li>a:hover {
    color: #333
}

.pagination-container ul.pagination>li.active>a,
.pagination-container ul.pagination>li.active>span {
    background: #000;
    color: #fff
}

.pagination-container ul.pagination>li.arrow>a,
.pagination-container ul.pagination>li.arrow>span {
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 14px
}

.pagination-container ul.pagination>li.arrow>a:hover {
    color: #333
}

.mobile-catalog {
    display: none;
    overflow: hidden;
    overflow-y: scroll;
    position: fixed;
    right: 100%;
    top: 65px;
    bottom: 60px;
    -webkit-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
    width: 100%;
    z-index: 1001
}

.mobile-catalog.active {
    right: 0
}

.mobile-catalog__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll
}

.mobile-catalog .container {
    height: 100%
}

.mobile-catalog .menu--catalog {
    height: 100%;
    margin-bottom: 0
}

.mobile-catalog .menu--catalog>ul {
    height: 100%;
    padding: 35px 0
}

.mobile-catalog .menu--catalog>ul:before {
    content: "";
    background: #f3f3f3;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 110px
}

.mobile-catalog .menu--catalog>ul:after {
    content: "";
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 110px
}

.mobile-catalog .menu--catalog>ul>li {
    border-bottom: 0;
    position: static;
    width: 95px
}

.mobile-catalog .menu--catalog>ul>li>a {
    color: #000 !important;
    font-size: 14px;
    height: 40px;
    padding: 0;
    position: relative
}

.mobile-catalog .menu--catalog>ul>li>a:before {
    content: "";
    background: #fff;
    opacity: 0;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    width: 350px
}

.mobile-catalog .menu--catalog>ul>li>a.active {
    background: #fff
}

.mobile-catalog .menu--catalog>ul>li>a.active:before {
    opacity: 1
}

.mobile-catalog .menu--catalog>ul>li>ul {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    padding: 25px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    left: 110px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1
}

.mobile-catalog .menu--catalog>ul>li>a.active+ul {
    opacity: 1;
    visibility: visible
}

.mobile-catalog .menu--catalog>ul>li>ul>li {
    margin-bottom: 25px;
    width: 50%;
    width: 105px
}

.mobile-catalog .menu--catalog>ul>li>ul>li>a {
    color: #000 !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    opacity: 1;
    padding: 0;
    text-align: center
}

.mobile-catalog .catalog-head__item-img {
    border: 1px solid #f0f0f0;
    height: 48px;
    width: 48px
}

.mobile-aside {
    background: #191919;
    color: #cbcbcb;
    display: none;
    overflow-y: scroll;
    position: fixed;
    right: 100%;
    top: 65px;
    bottom: 0;
    width: 100%;
    -webkit-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
    z-index: 1002
}

.mobile-aside.is-open {
    right: 0
}

.mobile-aside__contacts {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    padding: 25px 15px 20px;
    text-align: center
}

.mobile-aside__feedback {
    padding: 45px 0 60px
}

.mobile-panel {
    background: #fff;
    -webkit-box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.41);
    display: none;
    height: 60px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: -60px;
    -webkit-transition: bottom 0.3s ease-out;
    -o-transition: bottom 0.3s ease-out;
    transition: bottom 0.3s ease-out;
    z-index: 1001
}

.mobile-panel.fixed {
    bottom: 0
}

.mobile-panel__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile-panel__link {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    height: 60px;
    line-height: 1;
    padding-top: 14px;
    position: relative;
    text-align: center
}

.mobile-panel__link.active,
.mobile-panel__link:hover {
    color: #c89e39
}

.mobile-panel__link .icon {
    font-size: 20px;
    margin-bottom: 7px
}

.mobile-panel__link-count {
    background: #c89e39;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    height: 15px;
    line-height: 15px;
    margin-top: -22px;
    margin-left: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 15px
}

.header {
    background: #fff;
    -webkit-box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.1);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1002;
    -webkit-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out
}

.header.fixed {
    top: -65px
}

.header__top {
    background: #fff;
    height: 65px
}

.header__top-block {
    height: 65px;
    line-height: 65px;
    float: left;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.fixed .header__top-block {
    height: 48px;
    line-height: 48px
}

.header__top-block--logo {
    padding-right: 13px;
    width: 182px;
    position: relative;
    top: 0
}

.fixed .header__top-block--logo {
    top: 65px
}

.header__top-block--slogan {
    margin-right: 60px;
    width: 140px
}

.header__top-block--geo {
    width: 192px
}

.header__top-block--links {
    float: right
}

.header__top-block--menu {
    margin-right: 150px
}

.header__top-block--lk {
    width: 180px
}

.header__top-block>* {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle
}

.logo {
    background-image: url("/logo2.png");
   width: 160px;
    height: 60px;
    object-fit: cover;
}
@media (max-width: 768px) {
  .logo {
    width: 170px;
    height: 60px;
   
  }
}

.logo a {
    color: #000;
    display: block;
    font-size: 34px;
    line-height: 1;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.fixed .logo a {
    font-size: 20px
}

.fixed .logo a,
.fixed .logo a:hover {
    color: #fff;
    z-index: 0
}

.logo a:hover {
    color: #000
}

.logo a .icon {
    vertical-align: top
}

.logo a img {
    position: absolute;
    left: 0;
    top: 0
}

.logo a .icon {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    z-index: 1
}

.fixed .logo a .icon {
    opacity: 1
}

.slogan {
    border-left: 1px solid #dadada;
    color: #333333;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 12px
}

.slogan .icon {
    font-size: 20px;
    margin-right: 10px
}

.slogan span {
    font-size: 10px;
    font-weight: 700;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px)
}

.geo {
    color: #464646;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 1
}

a.geo:hover {
    color: #c89e39
}

.geo .icon {
    margin-right: 7px
}

.header__lk {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.header__lk--mobile-aside {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}

.fixed .header__lk {
    top: 63px;
    left: 131px
}

.header__lk a {
    color: #333333;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    height: 48px;
    padding-left: 20px;
    overflow: hidden;
    position: relative;
    width: 180px;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.fixed .header__lk a {
    color: #fff;
    padding-left: 48px;
    width: 48px
}

.header__lk a:hover {
    color: #c89e39 !important
}

.header__lk a .icon {
    font-size: 13px;
    margin-top: -8px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: font-size 0.3s ease-out, margin-top 0.3s ease-out, left 0.3s ease-out;
    -o-transition: font-size 0.3s ease-out, margin-top 0.3s ease-out, left 0.3s ease-out;
    transition: font-size 0.3s ease-out, margin-top 0.3s ease-out, left 0.3s ease-out
}

.fixed .header__lk a .icon {
    font-size: 22px;
    margin-top: -12px;
    left: 13px
}

.header__lk a .icon-lk2 {
    opacity: 0
}

.fixed .header__lk a .icon-lk {
    opacity: 0
}

.fixed .header__lk a .icon-lk2 {
    opacity: 1
}

.header__lk a span {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.fixed .header__lk a span {
    opacity: 0
}

.header__links {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
    top: 0;
    right: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.fixed .header__links {
    top: 65px;
    right: 45px
}

.header__link {
    height: 100%;
    position: relative;
    width: 54px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.fixed .header__link {
    width: 48px
}

.header__link--cart {
    border-left: 1px solid transparent
}

.fixed .header__link--cart {
    border-color: rgba(255, 255, 255, 0.12)
}

.header__link>a {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    height: 100%;
    position: relative
}

.fixed .header__link>a {
    color: #fff
}

.header__link>a:hover {
    color: #c89e39 !important
}

.header__link>a span {
    background: #c89e39;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #000;
    font-size: 10px;
    font-weight: 600;
    height: 15px;
    line-height: 15px;
    margin-top: -16px;
    margin-left: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 15px
}

.header__cart {
    background: #fff;
    -webkit-box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.1);
    opacity: 0;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    visibility: hidden;
    width: 320px;
    z-index: 4
}

.header__link--cart:hover .header__cart {
    opacity: 1;
    visibility: visible
}

.header__cart:after {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 243, 243, 1)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#00ffffff', GradientType=0);
    height: 33px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.header__cart-items {
    max-height: 272px;
    padding: 13px 26px 7px;
    padding-right: 10px;
    position: relative;
    z-index: 2
}

.header__cart-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 0
}

.header__cart-img {
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 57px;
    margin-right: 18px;
    padding: 5px;
    width: 57px
}

.header__cart-img img {
    max-height: 100%
}

.header__cart-info {
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px)
}

.header__cart-name {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px
}

.header__cart-img:hover+.header__cart-info .header__cart-name,
.header__cart-name:hover {
    color: #c89e39
}

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

.header__cart-price {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px
}

.header__cart-price--old {
    color: #676767;
    font-size: 12px;
    font-weight: 700;
    text-decoration: line-through;
    -webkit-text-decoration-color: #ff00ae;
    text-decoration-color: #ff00ae
}

.header__cart-percent {
    background: #ff005a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding: 0 4px
}

.header__cart-result {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 53px;
    position: relative;
    text-align: center
}

.header__cart-result:before {
    content: "";
    background: #f0f0f0;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px
}

.header__cart-result>* {
    width: 50%
}

.header__cart-count {
    font-size: 16px;
    font-weight: 600
}

.header__head {
    background: #333;
    height: 48px;
    -webkit-transition: background 0.3s ease-out, height 0.3s ease-out;
    -o-transition: background 0.3s ease-out, height 0.3s ease-out;
    transition: background 0.3s ease-out, height 0.3s ease-out
}

.is-search .header__head {
    background: #f3f3f3
}

.header__head-tablet {
    background: #333;
    display: none;
    padding: 10px 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.header__head-block {
    height: 48px;
    line-height: 46px;
    float: left
}

.header__head-block--catalog {
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    margin-left: 0;
    -webkit-transition: margin-left 0.3s ease-out;
    -o-transition: margin-left 0.3s ease-out;
    transition: margin-left 0.3s ease-out;
    max-width: 900px
}

.fixed .header__head-block--catalog {
    margin-left: 75px
}

.header__head-block--menu {
    border-right: 1px solid transparent;
    line-height: 45px;
    padding-right: 50px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.fixed .header__head-block--menu {
    border-color: rgba(255, 255, 255, 0.12);
    padding-right: 20px
}

.header__head-block--search {
    float: right;
    position: relative
}

.header__head-block>* {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle
}

.menu--catalog {
    margin-right: 50px;
    -webkit-transition: margin-right 0.3s ease-out;
    -o-transition: margin-right 0.3s ease-out;
    transition: margin-right 0.3s ease-out
}

.fixed .menu--catalog {
    margin-right: 20px
}

.menu--head {
    padding-left: 42px;
    -webkit-transition: padding-left 0.3s ease-out;
    -o-transition: padding-left 0.3s ease-out;
    transition: padding-left 0.3s ease-out
}

.fixed .menu--head {
    padding-left: 20px
}

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

.menu ul>li {
    float: left;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: margin-left 0.3s ease-out;
    -o-transition: margin-left 0.3s ease-out;
    transition: margin-left 0.3s ease-out
}

.menu--top ul>li {
    margin: 0 32px
}

.menu ul>li+li {
    margin-left: 62px
}

.fixed .menu ul>li+li {
    margin-left: 36px
}

.fixed .menu--top ul>li+li {
    margin-left: 32px
}

.menu--top ul>li+li {
    margin-left: 32px
}

.menu--head ul>li+li {
    margin-left: 38px
}

.menu ul>li>a {
    color: #d6d6d6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    position: relative
}

.menu--top ul>li>a {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.menu--head ul>li>a {
    font-size: 15px
}

.menu ul>li>a:hover {
    color: #fff
}

.menu--top ul>li>a:hover,
.menu--top ul>li>a.active {
    color: #c89e39
}

.fixed .menu--top ul>li>a:hover,
.fixed .menu--top ul>li>a.active {
    color: #000
}

.menu__link--active {
    color: #fff !important
}

.header__search {
    background: #f3f3f3;
    height: 48px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: top;
    width: 54px
}

.header__search.is-open {
    -webkit-transition: width 0.3s ease-out, top 0.3s ease-out;
    -o-transition: width 0.3s ease-out, top 0.3s ease-out;
    transition: width 0.3s ease-out, top 0.3s ease-out
}

.fixed .header__search {
    width: 45px
}

.header__search.is-open {
    width: 1410px
}

.header__search form {
    height: 100%
}

.header__search-input {
    background: transparent;
    border: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    padding: 0 70px;
    width: 100%
}

.header__search-open,
.header__search-submit,
.header__search-close {
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    width: 54px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.fixed .header__search-open,
.fixed .header__search-submit,
.fixed .header__search-close {
    width: 45px
}

.header__search-open,
.header__search-submit {
    font-size: 18px;
    left: 0
}

.header__search-submit {
    background: #000;
    color: #eaeaea;
    cursor: pointer;
    -webkit-transition: color 0.3s ease-out, background 0.3s ease-out;
    -o-transition: color 0.3s ease-out, background 0.3s ease-out;
    transition: color 0.3s ease-out, background 0.3s ease-out;
    z-index: 1
}

.is-open .header__search-submit {
    background: transparent;
    color: #000;
    z-index: 3
}

.header__search-submit:hover {
    color: #fff
}

.is-open .header__search-submit:hover {
    color: #000
}

.header__search-open:hover+.header__search-submit {
    color: #fff
}

.header__search-open {
    background: transparent;
    color: transparent;
    z-index: 2
}

.header__search-open:hover {
    color: #000
}

.header__search-close {
    background: transparent;
    color: #6a6a6a;
    font-size: 12px;
    right: 0;
    z-index: 0
}

.header__search-close:hover {
    color: #000
}

.search-results {
    background: #fff;
    -webkit-box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 113px;
    left: 0;
    right: 0;
    -webkit-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out;
    z-index: 1002
}

.header-fixed .search-results {
    top: 46px
}

.search-results__items {
    border-bottom: 1px solid #f0f0f0;
    padding: 30px 0 25px
}

.search-results__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    text-align: center
}

.search-results__item-img {
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 120px;
    margin-bottom: 15px;
    padding: 5px;
    width: 120px
}

.search-results__item-img img {
    max-height: 100%
}

.search-results__item-name {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    min-height: 32px
}

.search-results__item-img:hover+.search-results__item-info .search-results__item-name,
.search-results__item-name:hover {
    color: #c89e39
}

.search-results__item-prices>.header__cart-price {
    margin-right: 0;
    margin-bottom: 3px
}

.search-results__item-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:767px) {
    .title-search-result {
        display: none !important
    }
}

.menu-toggle {
    display: none
}

.open-menu {
    display: block;
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 24px
}

.open-menu--mobile {
    display: none
}

.open-menu span {
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    height: 2px;
    background: #fff
}

.open-menu span {
    -webkit-transition: background 0s 0.3s;
    -o-transition: background 0s 0.3s;
    transition: background 0s 0.3s
}

.open-menu span::before,
.open-menu span::after {
    position: absolute;
    display: block;
    right: 0;
    height: 2px;
    background: #fff;
    content: ""
}

.open-menu span::before {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    -webkit-transition-property: top, transform;
    transition-property: top, transform;
    top: -11px;
    width: 30px
}

.open-menu span::after {
    -webkit-transition-duration: 0.3s, 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s, 0.3s;
    transition-delay: 0.3s, 0s, 0.3s;
    -webkit-transition-property: bottom, transform;
    transition-property: bottom, transform;
    bottom: -11px;
    width: 30px
}

.open-menu.active span {
    background: none
}

.open-menu.active span::before {
    top: 0;
    -webkit-transition-delay: 0s, 0.3s, 0s;
    transition-delay: 0s, 0.3s, 0s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.open-menu.active span::after {
    bottom: 0;
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.open-submenu {
    position: absolute !important;
    right: -10px;
    top: 0;
    width: 34px
}

.open-submenu .icon {
    color: #fff;
    font-size: 14px;
    margin-left: -7px;
    margin-top: -7px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.open-submenu.active .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header .header__head .container {
    display: flex;
    justify-content: center
}

#title-search {
    position: static
}

#title-search.is-open {
    position: absolute
}

.header.is-search .container {
    display: block
}

.content {
    overflow: hidden;
    padding-top: 113px
}

.section {
    padding: 75px 0 80px
}

.section__title {
    color: #333;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 60px
}

.section__title--white {
    color: #fff
}

.section--title {
    padding: 35px 0;
    padding-bottom: 0 !important
}

.section--title-white {
    color: #fff
}

.section--title+.section {
    padding-top: 0
}

.section--main-banner {
    padding: 0 !important
}

.main-banner {
    max-height: 665px;
    margin-bottom: 0 !important;
    position: relative;
    opacity: 0
}

.main-banner .slick-list,
.main-banner .slick-track,
.main-banner .slick-slide,
.main-banner .slick-slide>div,
.main-banner__slide {
    height: 100%
}

.main-banner__bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.main-banner__info {
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.main-banner__info:hover {
    color: #fff
}

.main-banner__info .container,
.main-banner__info .row {
    height: 100%
}

.main-banner__info .row {
    margin: 0
}

.main-banner__info .col {
    padding: 0
}

.main-banner__subtitle {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 35px;
    opacity: 0;
    position: relative;
    top: 50px
}

.main-banner__subtitle .icon {
    font-size: 28px;
    vertical-align: baseline
}

.main-banner__name {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.2;
    margin-right: -5px;
    margin-bottom: 60px;
    opacity: 0;
    position: relative;
    top: 50px
}

.main-banner__anons {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 45px;
    opacity: 0;
    position: relative;
    top: 50px
}

.main-banner__subtitle.active,
.main-banner__name.active {
    top: 0;
    opacity: 1
}

.main-banner__anons.active {
    top: 0;
    opacity: 0.85
}

.main-banner__subtitle.active {
    -webkit-transition: top 0.5s ease-out, opacity 0.5s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.5s ease-out;
    transition: top 0.5s ease-out, opacity 0.5s ease-out
}

.main-banner__name.active {
    -webkit-transition: top 0.5s ease-out 0.2s, opacity 0.5s ease-out 0.2s;
    -o-transition: top 0.5s ease-out 0.2s, opacity 0.5s ease-out 0.2s;
    transition: top 0.5s ease-out 0.2s, opacity 0.5s ease-out 0.2s
}

.main-banner__anons.active {
    -webkit-transition: top 0.5s ease-out 0.4s, opacity 0.5s ease-out 0.4s;
    -o-transition: top 0.5s ease-out 0.4s, opacity 0.5s ease-out 0.4s;
    transition: top 0.5s ease-out 0.4s, opacity 0.5s ease-out 0.4s
}

.main-banner__subtitle.before,
.main-banner__name.before,
.main-banner__anons.before {
    top: -50px;
    opacity: 0
}

.main-banner__subtitle.before {
    -webkit-transition: top 0.5s ease-out 0.4s, opacity 0.5s ease-out 0.4s;
    -o-transition: top 0.5s ease-out 0.4s, opacity 0.5s ease-out 0.4s;
    transition: top 0.5s ease-out 0.4s, opacity 0.5s ease-out 0.4s
}

.main-banner__name.before {
    -webkit-transition: top 0.5s ease-out 0.2s, opacity 0.5s ease-out 0.2s;
    -o-transition: top 0.5s ease-out 0.2s, opacity 0.5s ease-out 0.2s;
    transition: top 0.5s ease-out 0.2s, opacity 0.5s ease-out 0.2s
}

.main-banner__anons.before {
    -webkit-transition: top 0.5s ease-out, opacity 0.5s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.5s ease-out;
    transition: top 0.5s ease-out, opacity 0.5s ease-out
}

.main-banner__img {
    height: 100%;
    position: relative;
    z-index: 1
}

.main-banner__img .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.main-banner__img .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -55px;
    width: 100%;
    opacity: 0;
    height: 100%
}

.main-banner__img .img.active {
    opacity: 1;
    -webkit-transition: opacity 0.7s ease-out 0.5s;
    -o-transition: opacity 0.7s ease-out 0.5s;
    transition: opacity 0.7s ease-out 0.5s
}

.main-banner__img .img.before {
    opacity: 0;
    -webkit-transition: opacity 0.7s ease-out;
    -o-transition: opacity 0.7s ease-out;
    transition: opacity 0.7s ease-out
}

.main-banner__img .img img {
    max-height: 100%;
    object-fit: contain;
    object-position: bottom;
    font-family: 'object-fit:contain;object-position:bottom;'
}

.bx-ie .main-banner__img .img img {
    width: 100%
}

.col-popular {
    height: 650px
}

.popular-item {
    background: #f3f3f3;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #000 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.2;
    margin-bottom: 30px;
    padding: 40px 45px 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

.popular-item.y-bottom {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding-bottom: 0
}

.popular-item:hover {
    background: #e1e1e1
}

.popular-item--big {
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px)
}

.popular-item--med {
    height: -webkit-calc(50% - 30px);
    height: calc(50% - 30px);
    padding-bottom: 43px
}

.popular-item--small {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: -webkit-calc(33.33333333333333% - 30px);
    height: calc(33.33333333333333% - 30px);
    padding-bottom: 40px
}

.popular-item__info {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.popular-item--small .popular-item__info {
    text-align: left
}

.popular-item__name {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px
}

.popular-item__price {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px
}

.popular-item--small .popular-item__price {
    margin-bottom: 0
}

.popular-item__img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.popular-item__img.y-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.popular-item__img.y-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.popular-item--big .popular-item__img {
    max-height: 505px
}

.popular-item--med .popular-item__img {
    max-height: 140px
}

.popular-item--small .popular-item__img {
    position: absolute;
    right: 36px;
    top: 0;
    bottom: 0;
    width: 180px;
    z-index: 0
}

.popular-item__img img {
    max-height: 100%
}

.section--main-actions {
    background: url(../../../../../templates/.default/img/bg__main-actions.jpg) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    padding: 100px 0;
    padding-bottom: 0 !important
}

.main-actions {
    position: relative
}

.main-actions .section__title {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.button--actions {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.main-actions__slider {
    position: relative;
    z-index: 1
}

.main-actions__slider .slick-arrow {
    margin-top: -50px
}

.main-actions__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 80px
}

.main-actions__img-cont {
    margin-right: 100px;
    width: 379px
}

.main-actions__img {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-top: 100px;
    overflow: hidden;
    width: 100%
}

.main-actions__img img {
    vertical-align: top
}

.main-actions__info {
    max-width: 570px;
    width: -webkit-calc(100% - 479px);
    width: calc(100% - 479px)
}

.main-actions__name {
    color: #fff;
    display: inline-block;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 22px;
    max-width: 425px
}

.main-actions__name:hover {
    color: #fff
}

.main-actions__tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.main-actions__tag {
    background: #ff005a;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 8px 20px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.main-actions__date {
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 25px
}

.main-actions__date--black {
    border-bottom-color: rgba(0, 0, 0, 0.11);
    color: #000
}

.main-actions__date-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    opacity: 0.5;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-right: 14px
}

.main-actions__date-title .icon {
    font-size: 17px;
    margin-right: 7px
}

.main-actions__date-value {
    font-size: 16px;
    font-weight: 700;
    margin-top: -2px
}

.main-actions__text {
    color: #fff;
    font-size: 18px;
    margin-top: 30px
}

.main-actions-nav {
    background: rgba(255, 255, 255, 0.9);
    height: 115px
}

.main-actions-nav__slider {
    max-width: 472px;
    margin: 0 auto;
    height: 100%
}

.main-actions-nav__slider.h-center .slick-track {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.main-actions-nav__slider .slick-track,
.main-actions-nav__slider .slick-list,
.main-actions-nav__slider .slick-slide>div {
    height: 100%
}

.main-actions-nav__slider .slick-slide {
    height: 100%;
    overflow: hidden;
    padding: 0 6px
}

.main-actions-nav__slide {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 17px 13px;
    -webkit-transition: padding 0.3s ease-out;
    -o-transition: padding 0.3s ease-out;
    transition: padding 0.3s ease-out
}

.slick-current .main-actions-nav__slide {
    padding: 0
}

.main-actions-nav__img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: border-radius 0.3s ease-out;
    -o-transition: border-radius 0.3s ease-out;
    -webkit-transition: -webkit-border-radius 0.3s ease-out;
    transition: -webkit-border-radius 0.3s ease-out;
    transition: border-radius 0.3s ease-out;
    transition: border-radius 0.3s ease-out, -webkit-border-radius 0.3s ease-out
}

.slick-current .main-actions-nav__img {
    -webkit-border-radius: 0;
    border-radius: 0
}

.main-actions-nav__img:before {
    content: "";
    background: #000;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    z-index: 1
}

.slick-current .main-actions-nav__img:before {
    height: 4px
}

.main-actions-nav__img img {
    max-width: none;
    vertical-align: top;
    width: 106px
}

.section--main-catalog {
    padding: 80px 0 70px
}

.section--main-catalog .section__title {
    margin-bottom: 50px
}

.main-catalog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.main-catalog__col {
    padding: 0 15px;
    width: 25%
}

.catalog-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 25px 30px 95px;
    position: relative;
    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
    transition: -webkit-box-shadow 0.3s ease-out;
    -o-transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out
}

.catalog-card:hover {
    -webkit-box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.1)
}

.catalog-card__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 2
}

.catalog-card__actions-button {
    background: #f4f4f4;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 16px;
    height: 40px;
    margin: 0 4px;
    padding-bottom: 7px;
    opacity: 0;
    position: relative;
    width: 26px
}

.catalog-card__actions-button:hover {
    color: #e40bed
}

.catalog-card:hover .catalog-card__actions-button {
    opacity: 1
}

.catalog-card__actions-button.active {
    background: #000;
    color: #fff;
    opacity: 1
}

.catalog-card__actions-button .icon-2 {
    color: #fff;
    margin-left: -8px;
    opacity: 0;
    position: absolute;
    bottom: 7px;
    left: 50%;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.catalog-card__actions-button.active .icon-2 {
    opacity: 1;
    z-index: 1
}

.catalog-card__actions-button:before,
.catalog-card__actions-button:after {
    content: "";
    border-color: #f4f4f4;
    border-style: solid;
    border-width: 6px;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-bottom-color: transparent;
    position: absolute;
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
    top: 100%
}

.catalog-card__actions-button:before {
    left: 0;
    border-right-color: transparent
}

.catalog-card__actions-button:after {
    right: 0;
    border-left-color: transparent
}

.catalog-card__actions-button.active:before,
.catalog-card__actions-button.active:after {
    border-top-color: #000
}

.catalog-card__actions-button.active:before {
    border-left-color: #000
}

.catalog-card__actions-button.active:after {
    border-right-color: #000
}

.catalog-card__img {
    margin-bottom: 20px;
    padding: 30px 0 35px;
    position: relative;
    z-index: 1
}

.catalog-card__tags {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: calc(100% - 100px)
}

.catalog-card__tags--list {
    display: none
}

.catalog-card__tag {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 9px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 65px
}

.catalog-card__tag--new {
    background: #00e6ff;
    color: #000
}

.catalog-card__tag--sale,
.catalog-card__tag--sale-mob {
    background: #ff005a;
    color: #fff
}

.catalog-card__tag--sale-mob {
    width: 35px
}

@media (min-width:575px) {
    .catalog-card__tag--sale-mob {
        display: none
    }
}

.catalog-card__img-slider {
    display: block;
    height: 250px;
    margin-bottom: 0 !important;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.catalog-card__img-slider .slick-list {
    height: 100%
}

a.catalog-card__img-slider .slick-list {
    cursor: pointer
}

.catalog-card__img-slider .slick-track {
    height: 100%;
    width: 100% !important
}

.catalog-card__img-slider .slick-slide {
    height: 100%;
    position: absolute !important;
    left: 0 !important;
    width: 100% !important
}

.catalog-card__img-slide {
    height: 250px;
    vertical-align: top
}

.catalog-card__img-slide>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.catalog-card__img-slide img {
    max-height: 100%
}

.catalog-card__img-nav {
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.catalog-card__dots {
    height: 35px;
    line-height: 35px;
    top: 0;
    bottom: auto;
    left: 0
}

.catalog-card__dots li {
    height: 15px;
    margin: 0 3px !important;
    vertical-align: middle;
    width: 15px
}

.catalog-card__dots li button:before {
    background: #e6e6e6
}

.catalog-card__dots li.slick-active button:before,
.catalog-card__dots li:hover button:before {
    background: #000;
    height: 5px;
    width: 5px
}

.catalog-card__name {
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.catalog-card__img:hover+.catalog-card__info .catalog-card__name {
    color: #c89e39
}

.catalog-card__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 42px;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px
}

.catalog-card__button {
    padding-right: 20px;
    width: fit-content
}

.add-to-basket {
    background: #191919;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    height: fit-content;
    width: fit-content;
    padding: 7.5px 17.5px;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    white-space: nowrap
}

.add-to-basket:hover {
    background: #474747;
    color: #fff
}

.add-to-basket span {
    display: none
}

@media (max-width:768px) {
    .add-to-basket {
        padding: 7.5px 9px;
        font-size: 14px
    }
}

.catalog-card__prices {
    width: -webkit-calc(100% - 62px);
    width: calc(100% - 62px)
}

.catalog-card__price {
    color: #000;
    font-size: 19px;
    font-weight: 600;
    line-height: 1;
    margin-right: 5px
}

.catalog-card__price--old {
    color: #676767;
    font-size: 12px;
    font-weight: 700;
    text-decoration: line-through;
    -webkit-text-decoration-color: #ff00ae;
    text-decoration-color: #ff00ae
}

.catalog-card__percent {
    background: #ff005a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding: 0 4px
}

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

.catalog-card__prices-empty {
    width: 100%;
    text-align: center
}

.catalog-section__items--list .catalog-card__prices-empty {
    text-align: left
}

.section--main-shops {
    padding: 0 !important
}

.main-shops__title {
    background: url(../../../../../templates/.default/img/bg-shops.jpg) no-repeat center top;
    background-size: cover;
    padding: 40px 0 50px
}

.main-shops__title .section__title {
    margin-bottom: 0
}

.city-switch {
    float: right;
    position: relative
}

.city-switch__block {
    cursor: pointer;
    height: 52px;
    position: absolute;
    right: 0;
    top: -52px;
    width: 300px;
    z-index: 1
}

.city-switch--in-page .city-switch__block {
    top: -86px
}

.city-switch__current {
    background: #fff;
    border-radius: 4px;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    height: 52px;
    padding: 5px 15px;
    padding-right: 35px;
    position: relative;
    z-index: 2
}

.city-switch--in-page .city-switch__current {
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.is-open .city-switch__current {
    border-radius: 4px 4px 0 0
}

.city-switch__current:before {
    content: "";
    border: 4px solid;
    border-top-width: 6px;
    border-bottom: 0;
    border-color: #000 transparent transparent transparent;
    margin-top: -3px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.is-open .city-switch__current:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.city-switch__list {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.1);
    color: #000;
    display: none;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1
}

.city-switch--in-page .city-switch__list {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0
}

.is-open .city-switch__list {
    display: block
}

.city-switch__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    height: 52px;
    margin: 0 !important;
    padding: 5px 15px !important;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.city-switch__list-item.is-active,
.city-switch__list-item:hover {
    background: #c89e39;
    color: #fff
}

.city-switch__list-item:before {
    display: none
}

.main-shops__map {
    height: 400px;
    overflow: hidden
}

.popover {
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.22);
    position: absolute
}

.popover__close {
    color: #9c9c9c;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 12px
}

.popover__close:hover {
    color: #000
}

.popover__tail {
    border: 9px solid transparent;
    border-top-color: #fff;
    margin-left: -9px;
    position: absolute;
    left: 50%;
    top: 100%
}

.ballon__head {
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 27px 22px 18px
}

.baloon__logo {
    margin-right: 18px;
    width: 74px
}

.baloon__logo img {
    max-height: 100%;
    vertical-align: top
}

.ballon__name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    max-width: -webkit-calc(100% - 92px);
    max-width: calc(100% - 92px)
}

.baloon__body {
    padding: 22px 22px 13px
}

.baloon__line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    widows: 100%
}

.baloon__line a {
    color: #333
}

.baloon__line .icon {
    color: #999;
    font-size: 19px;
    position: absolute;
    left: 0;
    top: 0
}

.baloon__line .icon-worktime {
    font-size: 18px
}

.section--main-articles {
    padding: 75px 0 55px
}

.section--main-articles .section__title {
    margin-bottom: 50px
}

.main-articles {
    position: relative
}

.button--articles {
    position: absolute;
    right: 0;
    top: 0
}

.main-articles__item {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    display: block;
    height: 385px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.main-articles__item:hover {
    color: #fff
}

.main-articles__item-img {
    height: 100%;
    position: relative
}

.main-articles__item-img:before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00ffffff', GradientType=0);
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.main-articles__item:hover .main-articles__item-img:before {
    opacity: 1
}

.main-articles__item-info {
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    padding: 50px 45px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.main-articles__item--min .main-articles__item-info {
    font-size: 24px;
    line-height: 30px;
    padding: 50px 40px
}

.section--catalog-head {
    background-size: cover;
    padding-bottom: 50px
}

.catalog-head-scroll .mCustomScrollBox {}

.catalog-head-scroll .mCustomScrollbar,
.catalog-head-scroll .mCustomScrollbar.mCS_touch_action,
.catalog-head-scroll .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
    -ms-touch-action: auto;
    touch-action: auto
}

.catalog-head-scroll .mCustomScrollBox {
    -ms-touch-action: pan-x pinch-zoom;
    touch-action: pan-x pinch-zoom
}

.catalog-head-scroll .mCustomScrollBox.mCSB_vertical_horizontal {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.catalog-head-scroll .mCustomScrollBox.mCSB_horizontal {
    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom
}

.catalog-head-scroll .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0
}

.catalog-head-scroll .mCSB_scrollTools .mCSB_draggerRail {
    background: #fff;
    opacity: 0.25
}

.catalog-head-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 108px
}

.catalog-head-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background: #fff !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 12px 0 0
}

.catalog-head-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 1px;
    margin: 12px 0 0
}

.catalog-head {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px
}

.catalog-head__item {
    color: #fff;
    -webkit-flex-basis: 90px;
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    display: block;
    font-size: 14px;
    margin-right: 28px;
    text-align: center;
    width: auto
}

.catalog-head__item:hover {
    color: #d6d6d6
}

.catalog-head__item.is-active {
    color: #c89e39
}

.catalog-head__item-img {
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64px;
    margin: 0 auto 12px;
    overflow: hidden;
    padding: 0 5px;
    width: 64px
}

.catalog-head__item-name {
    white-space: nowrap
}

.section--catalog {
    padding-bottom: 70px
}

.catalog-section {
    position: relative
}

.catalog-section__aside {
    background: #f3f3f3;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0 25px
}

.filter__head {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 55px;
    margin: 0 -15px;
    padding: 0 15px
}

.filter__name {
    font-size: 16px;
    font-weight: 700
}

.filter__items .mCSB_container {
    margin-right: 0 !important
}

.filter__item+.filter__item {
    border-top: 1px solid #e2e2e2
}

.filter__item-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

.filter__item-open {
    border: 1px solid #c1c1c1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #2c2c2c;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 8px;
    height: 27px;
    margin-right: 9px;
    width: 27px
}

.filter__item-open .icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.filter__item.is-open .filter__item-open .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filter__item-name {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    width: -webkit-calc(100% - 36px);
    width: calc(100% - 36px)
}

.filter__item-body {
    padding-bottom: 25px;
    overflow: hidden
}

.filter__items .mCSB_scrollTools {
    top: 15px
}

.filter__items .mCSB_scrollTools .mCSB_draggerContainer {
    display: none
}

.filter__buttons {
    padding-bottom: 12px
}

.filter__buttons .filter__apply {
    display: none
}

.catalog-section__params {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 36px;
    margin-top: -14px
}

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

.open-filter {
    color: #000;
    font-size: 20px;
    line-height: 1;
    margin-left: 20px
}

.open-filter .icon {
    vertical-align: top
}

.close-filter {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    height: 20px;
    margin-left: 20px;
    position: absolute;
    right: 12px;
    top: 17px;
    width: 20px;
    z-index: 1
}

.close-filter .icon {
    vertical-align: top
}

.select__sort .title {
    color: #797979;
    font-size: 14px;
    font-weight: 500
}

.select__sort .jq-selectbox__select {
    background: transparent;
    border: 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1d1d1d;
    font: 14px/48px "Open Sans", sans-serif;
    height: 48px;
    padding: 0;
    padding-left: 13px;
    padding-right: 30px;
    position: relative;
    text-shadow: none;
    width: 200px;
    z-index: 1
}

.select__sort .jq-selectbox__trigger {
    border-left: 0;
    width: 7px
}

.select__sort .jq-selectbox__trigger-arrow {
    background: url(../../../../../templates/.default/img/down.svg) no-repeat center;
    border: 0;
    height: 8px;
    margin-top: -4px;
    top: 50%;
    right: 10px;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    width: 8px
}

.select__sort .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select__sort .jq-selectbox__dropdown {
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 35px rgba(0, 0, 0, 0.27);
    box-shadow: 0 6px 35px rgba(0, 0, 0, 0.27);
    font: 14px/38px "Open Sans", sans-serif;
    min-width: auto;
    margin-top: -48px;
    overflow: hidden;
    padding-top: 48px;
    width: 100%
}

.select__sort .jq-selectbox__dropdown ul {
    margin-bottom: 0
}

.select__sort .jq-selectbox__dropdown ul>li {
    background: transparent;
    border-top: 1px solid #e2e2e2;
    line-height: 34px;
    padding: 0 13px;
    margin-bottom: 0;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

.select__sort .jq-selectbox__dropdown ul>li.selected,
.select__sort .jq-selectbox__dropdown ul>li.sel,
.select__sort .jq-selectbox__dropdown ul>li.sel:hover {
    background: #f3f3f3;
    color: #000
}

.select__sort .jq-selectbox__dropdown ul>li:hover {
    background: #f3f3f3;
    color: #000
}

.select__sort .jq-selectbox__dropdown ul>li:before {
    display: none
}

.catalog-section__view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.catalog-section__view-item {
    color: #333;
    font-size: 20px;
    line-height: 1;
    margin-left: 16px;
    opacity: 0.4
}

.catalog-section__view-item.active,
.catalog-section__view-item:hover {
    color: #333;
    opacity: 1
}

.catalog-section__view-item .icon {
    vertical-align: top
}

.catalog-section__more {
    margin: 10px 0
}

@-webkit-keyframes circleLoop {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes circleLoop {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.load-more {
    background: url(../../../../../templates/.default/img/more.png) no-repeat center;
    display: block;
    height: 44px;
    margin: 0 auto;
    width: 44px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: circleLoop;
    animation-name: circleLoop
}

.load-more.loaded {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.section--catalog-detail {
    padding: 40px 0
}

.catalog-detail__card {
    padding-bottom: 50px;
    position: relative
}

.catalog-detail__articul {
    color: #737373;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px
}

.catalog-gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 580px
}

.catalog-gallery__nav {
    margin-right: 40px;
    width: 142px
}

.catalog-gallery__nav-slider {
    height: 100%;
    padding: 35px 0
}

.catalog-gallery__nav-slider.slick-no-transform .slick-track {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.catalog-gallery__nav-slide {
    height: 170px;
    padding: 15px 0;
    vertical-align: top
}

.catalog-gallery__nav-img {
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    transition: border .3s ease-out
}

.slick-current .catalog-gallery__nav-img {
    border-color: #b4b4b4
}

.catalog-gallery__nav-slider .slick-arrow {
    color: #000;
    font-size: 14px;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.catalog-gallery__nav-slider .slick-arrow.slick-prev {
    top: -14px;
    margin-left: -20px
}

.catalog-gallery__nav-slider .slick-arrow.slick-prev .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.catalog-gallery__nav-slider .slick-arrow.slick-next {
    top: auto;
    bottom: -16px;
    margin-right: -20px
}

.catalog-gallery__main {
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.catalog-gallery__nav+.catalog-gallery__main {
    width: -webkit-calc(100% - 182px);
    width: calc(100% - 182px)
}

.catalog-gallery__main .catalog-card__tags {
    top: 25px;
    left: 28px
}

.catalog-gallery__main-slider {
    padding: 30px 30px 50px
}

.catalog-gallery__main-slider,
.catalog-gallery__main-slider .slick-list,
.catalog-gallery__main-slider .slick-track,
.catalog-gallery__main-slider .slick-slide,
.catalog-gallery__main-slider .slick-slide>div,
.catalog-gallery__main-slide,
.catalog-gallery__main-img {
    height: 100%
}

.catalog-gallery__main-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog-gallery__main-img>a {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.catalog-gallery__main-img img {
    max-height: 100%
}

.catalog-gallery__main-slider .catalog-card__dots {
    top: auto;
    bottom: 16px;
    margin-bottom: 0
}

.catalog-detail__calc {
    display: flex;
    flex-direction: column;
    height: 100%
}

.catalog-detail__calc-param {
    margin-bottom: 15px
}

.catalog-detail__calc-param__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 12px
}

.catalog-detail__calc-param__values {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}

.catalog-detail__calc-param__value {
    color: black;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 1.2;
    margin: 0 5px 10px;
    height: 50px;
    padding: 10px 18px;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out
}

.catalog-detail__calc-param__value.disabled {
    pointer-events: none;
    color: #999999 !important
}

.catalog-detail__calc-param__value--color {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog-detail__calc-param__value--color:has(img) .catalog-detail__calc-param__color-name {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    display: block;
    padding: 15px;
    box-shadow: 0px 0px 30px 0px #00000033;
    background: #333333;
    border-radius: 5px;
    font-family: 'Open Sans';
    width: fit-content;
    font-weight: 600;
    max-width: none;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease;
    z-index: 5
}

.catalog-detail__calc-param__value--color:has(img):hover {
    border: 1px solid #050505
}

.catalog-detail__calc-param__value--color:has(img):hover .catalog-detail__calc-param__color-name {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.catalog-detail__calc-param__value--color:has(img) {
    width: fit-content;
    height: fit-content;
    position: relative;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #F0F0F0
}

.catalog-detail__calc-param__value--color img {
    min-width: 66px;
    max-width: 66px;
    height: 66px;
    border-radius: 5px;
    object-fit: cover
}

.catalog-detail__calc-param__value--size {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.catalog-detail__calc-param__value:hover,
.catalog-detail__calc-param__value.is-active {
    border-color: #000
}

.catalog-detail__calc-param__color {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.catalog-detail__calc-param__color-name {
    letter-spacing: -0.4px;
    max-width: -webkit-calc(100% - 34px);
    max-width: calc(100% - 34px)
}

.catalog-detail__calc-param__size {
    font-size: 16px;
    font-weight: 600
}

.catalog-detail__calc-prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 12px
}

.catalog-detail__calc-price {
    color: #000;
    font-size: 26px;
    font-weight: 700;
    margin-right: 16px
}

.catalog-detail__calc-price--old {
    color: #676767;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 2px;
    text-decoration: line-through;
    -webkit-text-decoration-color: #ff00ae;
    text-decoration-color: #ff00ae
}

.catalog-detail__calc-percent {
    background: #ff005a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 4px;
    padding: 0 4px
}

.catalog-detail__calc-eco {
    color: #ff005a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 25px
}

.catalog-detail__calc-eco__title {
    font-size: 11px;
    font-weight: 800;
    margin-right: 6px;
    margin-top: 5px;
    text-transform: uppercase
}

.catalog-detail__calc-eco__value {
    font-size: 14px;
    font-weight: 700
}

.catalog-detail__calc-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2px
}

.catalog-detail__calc-button {
    padding: 0 2px;
    width: 100%
}

.catalog-detail__calc-button--cart {
    width: -webkit-calc(100% - 128px);
    width: calc(100% - 128px)
}

.catalog-detail__calc-button--min {
    width: 64px
}

.catalog-detail__calc-button .button {
    height: 60px
}

.catalog-detail__calc-button--min .button {
    font-size: 22px
}

.catalog-detail__calc-button .button--transparent {
    color: #000
}

.catalog-detail__calc-button .button--transparent:hover {
    color: #c89e39
}

.catalog-detail__advantages {
    background: #f3f3f3;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
    padding: 40px 0
}

.catalog-detail__advantages-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    min-width: 300px;
    padding: 0 40px;
    color: #000
}

.catalog-detail__advantages-item__icon {
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 24px;
    height: 54px;
    line-height: 48px;
    margin-right: 18px;
    overflow: hidden;
    text-align: center;
    width: 54px
}

.catalog-detail__advantages-item__icon .icon {
    vertical-align: middle
}

.catalog-detail__advantages-item__name {
    width: -webkit-calc(100% - 72px);
    width: calc(100% - 72px)
}

.catalog-tabs__nav {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 60px
}

.catalog-tabs__nav-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0 !important
}

.catalog-tabs__nav-item {
    margin: 0 54px;
    margin-bottom: 0 !important;
    padding: 0;
    padding-left: 0 !important
}

.catalog-tabs__nav-item:before {
    display: none
}

.catalog-tabs__nav-link {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    font-size: 18px;
    min-width: 198px;
    position: relative
}

.catalog-tabs__nav-link:hover {
    color: #000
}

.catalog-tabs__nav-link:before {
    content: "";
    background: #000;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    -webkit-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out
}

.catalog-tabs__nav-link.active:before,
.catalog-tabs__nav-link:hover:before {
    height: 4px
}

.catalog-detail__text .detail-img {
    margin: 5px 0
}

.catalog-detail__text .inline-img {
    margin-top: 0;
    padding-left: 55px
}

.section--catalog-top {
    padding: 70px 0 65px
}

.section--grey {
    background: #f3f3f3
}

.section--catalog-top h2 {
    margin-bottom: 35px
}

.catalog-top {
    margin: 0 -15px
}

.catalog-top .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0
}

.catalog-top .slick-slide {
    height: auto
}

.catalog-top .slick-arrow {
    color: #000
}

.catalog-top .slick-slide>div {
    height: 100%
}

.catalog-top__slide {
    height: 100%;
    padding: 15px;
    vertical-align: top
}

.catalog-top .catalog-card:hover {
    -webkit-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1)
}

.back-in-page {
    margin-top: 60px;
    width: 240px;
    max-width: 100%
}

.back-in-page--center {
    margin-left: auto;
    margin-right: auto
}

.back-in-page--no-top {
    margin-top: 0
}

.section--shops {
    padding: 70px 0
}

.shops__item {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.shops__item-name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px
}

.shops__item-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px
}

.shops__item-address {
    padding-right: 30px;
    width: 400px
}

.shops__item-mail {
    padding-right: 0
}

.shops__item-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px;
    padding-left: 25px;
    position: relative;
    width: -webkit-calc((100% - 400px)/4);
    width: calc((100% - 400px)/4)
}

.shops__item-icons .icon {
    color: #a0a0a0;
    font-size: 19px;
    position: absolute;
    left: 0;
    top: 1px
}

.shops__item-icons a {
    color: #000
}

.section--actions {
    padding: 55px 0
}

.action-item {
    background: #f3f3f3 url(../../../../../templates/.default/img/bg-action__item.png) no-repeat center top;
    background-size: cover;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out
}

.action-item:hover {
    background-color: #eaeaea
}

.action-item__info {
    padding: 50px 55px;
    width: -webkit-calc(100% - 425px);
    width: calc(100% - 425px)
}

.action-item .main-actions__name {
    color: #000;
    font-size: 28px;
    margin-bottom: 25px
}

.action-item .main-actions__date-value {
    font-size: 14px
}

.action-item .main-actions__text {
    color: #000;
    font-size: 15px
}

.action-item__img {
    display: block;
    position: relative;
    width: 425px
}

@media(min-width:320px) and (max-width:767px) {
    .action-item__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .action-item__img-wp {
        width: 100%
    }

    .action-item__img-wp .fit-img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.action-item .main-actions__tags {
    position: absolute;
    right: 42px;
    top: 52px
}

.section--action .main-actions__date {
    margin-bottom: 45px
}

.news-item {
    margin-bottom: 85px
}

.news-item__img {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: block;
    height: 260px;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative
}

.news-item__img--big {
    height: 310px
}

.news-item__img--big:before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00ffffff', GradientType=0);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.news-item__img:after {
    content: "";
    background: #3d3d3d;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.news-item__img:hover:after {
    opacity: 0.5
}

.news-item__name {
    color: #000;
    display: inline-block;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 30px
}

.news-item__text {
    line-height: 1.55
}

.section--news-detail {
    padding-bottom: 85px
}

.section--other {
    background: #f3f3f3;
    padding: 75px 0 65px
}

.section--other h2 {
    margin-bottom: 55px
}

.news-other {
    margin: 0 -15px;
    margin-bottom: 0 !important
}

.news-other .slick-arrow {
    color: #000
}

.news-other .slick-track {
    margin: 0
}

.news-other__slide {
    padding: 0 15px
}

.news-other .news-item {
    margin-bottom: 0
}

.cart-container {
    padding-top: 10px;
    position: relative
}

.cart {
    position: relative
}

.cart__head {
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%
}

.cart__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.cart__body .cart__item {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 28px 0
}

.cart__item-col {
    padding-right: 15px
}

.cart__item-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 540px
}

.cart__item-price {
    width: 235px
}

.cart__item-quantity {
    width: 300px
}

.cart__item-summ {
    width: 293px
}

.cart__item-delete {
    cursor: pointer;
    line-height: 1;
    text-align: right;
    width: 42px
}

.cart__item-img {
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 140px;
    margin-right: 20px;
    overflow: hidden;
    padding: 15px;
    width: 140px
}

.cart__item-img img {
    max-height: 100%
}

.cart__item-info {
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px)
}

.cart__item-name {
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px
}

.cart__item-props {
    color: #828282;
    font-size: 14px;
    line-height: 22px
}

.catalog-card__prices--cart {
    width: 100% !important
}

.catalog-card__prices--cart .catalog-card__price {
    font-size: 24px
}

.catalog-card__prices--cart .catalog-card__price--old {
    font-size: 18px;
    margin-right: 10px
}

.catalog-card__prices--cart .catalog-card__percent {
    margin-top: 4px
}

.touchspin {
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    vertical-align: top;
    width: 120px
}

.touchspin .input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%
}

.touchspin input {
    background: transparent;
    border: 0;
    color: #000;
    height: 100%;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.touchspin .form-control {
    width: 38px
}

.touchspin .input-group-btn {
    width: -webkit-calc((100% - 38px)/2);
    width: calc((100% - 38px)/2)
}

.touchspin .btn {
    background: transparent;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    height: 100%;
    font-size: 0;
    position: relative;
    width: 100%
}

.touchspin .btn:before {
    content: "";
    background: #000;
    height: 2px;
    margin-left: -6px;
    margin-top: -1px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
    width: 12px
}

.touchspin .bootstrap-touchspin-up:after {
    content: "";
    background: #000;
    height: 12px;
    margin-left: -1px;
    margin-top: -6px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
    width: 2px
}

.touchspin .btn:hover:before,
.touchspin .btn:hover:after {
    background: #c89e39
}

.delete-item {
    color: #747474;
    display: inline-block;
    font-size: 22px;
    line-height: 1
}

.delete-item:hover {
    color: #c89e39
}

.delete-item .icon {
    vertical-align: top
}

.cart__foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 30px
}

.cart__result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 60px;
    white-space: nowrap
}

.cart__result-title {
    font-size: 18px;
    margin-right: 28px;
    padding-top: 5px
}

.catalog-card__prices--result {
    width: auto
}

.catalog-card__prices--result .catalog-card__price {
    font-size: 27px
}

.catalog-card__prices--result .catalog-card__price--old {
    font-size: 20px
}

.cart__submit {
    width: 290px
}

.section--service-banner {
    padding: 0 !important
}

.service-banner {
    height: 200px;
    position: relative
}

.service-banner__bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.service-banner__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 39px;
    font-weight: 700;
    position: relative
}

.section--service-head {
    background: #f3f3f3;
    padding: 45px 0 22px !important
}

.section--service-head h1,
.section--service-head h2 {
    font-size: 34px;
    padding-bottom: 0
}

.service-switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4px
}

.service-switcher__item {
    margin-bottom: 8px;
    padding: 0 4px;
    width: 16.666667%
}

.service-switcher__item a {
    background: transparent;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    height: 45px
}

.service-switcher__item a:hover {
    border-color: #000
}

.service-switcher__item a.active {
    background: #fff;
    border-color: #c89e39
}

.service-switcher__item img {
    max-width: 26px;
    max-height: 20px;
    margin-right: 10px
}

.section--service {
    padding: 75px 0
}

.service-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    margin-bottom: 30px;
    position: relative
}

.service-toggle .menu-toggle {
    height: auto;
    margin-left: 0;
    margin-right: 15px;
    position: relative;
    left: 0
}

.service-tabs {
    overflow: auto;
    height: calc(100vh - 130px);
    margin-bottom: 10px !important;
    padding-right: 15px !important
}

.service__wrap {
    background: #f3f3f3;
    padding: 25px 7px 25px 22px !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px
}

.service-tabs::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    cursor: pointer;
    border-radius: 3px
}

.service-tabs::-webkit-scrollbar-track {
    background: #E7E7E7
}

.service-tabs::-webkit-scrollbar-thumb {
    background-color: #000;
    border: none
}

.service-tabs::-webkit-scrollbar-thumb:hover {
    color: #000
}

.service-tabs>li {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 0 !important;
    padding: 0 !important
}

.service-tabs>li:last-child {
    border-bottom: 0
}

.service-tabs>li:before {
    display: none
}

.service-tabs>li>a {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0
}

.service-tabs>li>a:hover {
    color: #747474
}

.service-tabs>li>a.active {
    color: #c89e39
}

.service-item {
    margin-bottom: 30px
}

.service-item__name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.service-item__prop {
    border-bottom: 1px solid #e4e4e4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.service-item__prop-name {
    font-size: 16px;
    padding-right: 15px;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px)
}

.service-item__prop-value {
    font-size: 18px;
    font-weight: 600;
    width: 100px
}

.section--service-about {
    background: #f3f3f3;
    padding: 75px 0 70px
}

.service-about__item {
    margin-bottom: 30px
}

.section--compare {
    background: #f3f3f3;
    padding: 0 !important
}

.compare {
    padding: 35px 0 10px;
    position: relative
}

.compare__navs {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-right: 120px;
    position: relative
}

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

.compare__navs-item {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    height: 56px;
    margin-right: 35px;
    padding: 0 20px;
    position: relative
}

.compare__navs-item span {
    color: #7c7c7c;
    font-size: 14px;
    margin-left: -15px;
    position: absolute;
    top: -3px;
    left: 100%
}

.compare__navs-item:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    height: 1px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.compare__navs-item.active:before,
.compare__navs-item:hover:before {
    height: 4px
}

.compare__slider-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px
}

.compare__slider-nav .slick-arrow {
    color: #000;
    margin: 0 !important;
    opacity: 1;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.compare__slider-nav .slick-arrow:hover,
.compare__slider-nav .slick-arrow.slick-disabled {
    opacity: 0.4
}

.compare__slider {
    margin: 0 -15px
}

.compare__slider .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0
}

.compare__slider .slick-slide {
    height: auto
}

.compare__slider .slick-slide>div {
    height: 100%
}

.compare__slide {
    height: 100%;
    padding: 15px
}

.compare__slider .catalog-card:hover {
    -webkit-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1)
}

.section--compare-list {
    padding: 50px 0 60px
}

.compare-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px
}

.compare-buttons .button {
    margin-right: 8px;
    padding: 0 30px;
    width: auto
}

.compare-buttons .button.active {
    border-color: #000;
    background: transparent
}

.compare-list__category {
    margin-bottom: 55px
}

.compare-list__category-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px
}

.compare-list__prop {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
    padding-bottom: 18px
}

.compare-list__prop-title {
    color: #797979;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase
}

.compare-list__col.hidden {
    display: none
}

.compare-list__prop-value {
    font-size: 16px
}

.section--search-form {
    background: #f5f5f5;
    padding: 45px 0 !important
}

.search-form {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.search-form__input {
    width: -webkit-calc(100% - 240px);
    width: calc(100% - 240px)
}

.search-form__input input {
    background: #fff;
    border: 0;
    color: #000;
    font-size: 16px;
    height: 60px;
    padding: 0 30px;
    width: 100%
}

.search-form__submit {
    width: 240px
}

.search-form__submit .button {
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 60px
}

.section--search {
    padding: 40px 0 30px !important
}

.contacts__block {
    margin-bottom: 10px
}

.contacts__info {
    padding: 65px 65px 100px 50px;
    background-color: #f5f5f5
}

.contacts__item {
    border-bottom: 1px #e2e2e2 solid;
    margin-bottom: 25px
}

.contacts__name {
    color: #080808;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px
}

.contacts__value {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 25px
}

.contacts__value a {
    color: #080808
}

.contacts__value a:hover {
    color: #c89e39
}

.contacts-bottom {
    margin-bottom: 10px
}

.contacts__block .balloon {
    padding-left: 20px;
    padding-top: 10px
}

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

.contacts__block .baloon__img {
    margin-right: 15px
}

.contacts__block .baloon__line {
    width: 225px
}

.contacts__block .baloon__body {
    overflow: hidden
}

.contacts__block .baloon__img img {
    width: 100%
}

@media (max-width:1409px) {
    .contacts__info {
        padding: 50px 35px 95px 30px
    }
}

@media (max-width:1023px) {
    .contacts__info {
        padding: 35px
    }
}

@media (max-width:767px) {
    .contacts-bottom .form__captcha-block .form__submit {
        margin-top: 20px
    }
}

.lk-main {
    margin-bottom: 160px
}

.lk-side {
    border-top: 1px #e3e3e3 solid
}

.lk-side__item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #e3e3e3 solid
}

.lk-side__item a,
a.lk-block__item {
    color: #000000
}

.lk-side__item a:hover {
    color: #c89e39
}

.lk-block__item {
    background-color: #f3f3f3;
    padding: 25px;
    padding-bottom: 100px;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px)
}

.lk-block__item:hover {
    background-color: #e6e6e6
}

.lk-block__item svg {
    font-size: 23px
}

.lk-block__svg {
    position: relative;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px
}

.lk-block__item a {
    display: block
}

.lk-side__item.active a {
    color: #c89e39
}

@media (max-width:1409px) {
    .lk-block__item span {
        width: -webkit-calc(100% - 71px);
        width: calc(100% - 71px)
    }
}

@media (max-width:767px) {
    .lk-block__item {
        padding: 23px;
        margin-bottom: 3px;
        height: -webkit-calc(100% - 3px);
        height: calc(100% - 3px)
    }
}

.lk-personal__input {
    margin-bottom: 20px
}

.lk-personal__input label {
    color: #1d1d1d;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.lk-personal__input label span {
    color: #8b8b8b
}

.lk-personal__input input,
.lk-personal__input textarea {
    width: 100%;
    border: 1px solid #d3d3d3;
    padding: 10px
}

.lk-personal p.pass-warn {
    margin-top: 50px
}

.lk-personal__submit {
    margin-right: 20px
}

.lk-personal__submit,
.lk-personal__clear {
    display: inline-block
}

.lk-personal__submit button,
.lk-personal__clear a button {
    color: #ffffff;
    padding: 20px 70px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #191919;
    border: none;
    margin-top: 50px;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

.lk-personal__submit button:hover,
.lk-personal__clear a button:hover {
    background-color: #000000
}

@media (max-width:1023px) {
    .lk-personal h5 {
        margin-top: 50px
    }
}

@media (max-width:767px) {
    .lk-main {
        margin-bottom: 60px
    }
}

@media (max-width:566px) {
    .lk-personal__submit {
        margin-right: 0
    }

    .lk-personal__submit,
    .lk-personal__clear {
        display: block
    }

    .lk-personal__submit button,
    .lk-personal__clear a button {
        width: 100%;
        margin-top: 20px
    }
}

.page-404 {
    height: 100%;
    min-height: auto
}

.page-404__header {
    background: #fff;
    height: 207px;
    padding: 85px 0 0;
    width: 100%
}

.logo--404 {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    width: 120px
}

.logo--404 img {
    vertical-align: top
}

.slogan--404 {
    padding-left: 20px;
    vertical-align: middle
}

.slogan--404 .icon {
    font-size: 28px;
    margin-right: 12px
}

.slogan--404 span {
    font-size: 14px
}

.page-404__content {
    background: #f5f5f5;
    min-height: -webkit-calc(100% - 207px);
    min-height: calc(100% - 207px);
    overflow: hidden;
    padding: 85px 0 60px;
    position: relative;
    width: 100%
}

.page-404__content .container {
    position: relative;
    z-index: 1
}

.block-404 {
    max-width: 575px
}

.block-404--title {
    max-width: none
}

.block-404 p {
    margin-bottom: 17px
}

.block-404 p>span {
    display: inline-block;
    margin-bottom: 10px
}

.block-404 ul {
    margin-bottom: 35px
}

.block-404 ul>li {
    margin-bottom: 10px
}

.block-404__title {
    position: relative;
    text-align: center;
    width: 100%
}

.block-404__img {
    height: auto;
    margin: 0 auto 25px;
    position: relative;
    z-index: 1
}

.block-404__img img {
    vertical-align: top
}

.block-404__title h1 {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 15px;
    margin: 0
}

.footer {
    background: #333333;
    color: #fff;
    width: 100%
}

.footer__foot {
    padding: 60px 0 50px
}

.footer__contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.footer__contacts-phone {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px
}

.footer__contacts-phone a {
    color: #fff
}

.footer__contacts-worktime {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 18px
}

.footer__contacts-worktime .icon {
    font-size: 16px;
    margin-right: 8px
}

.footer__contacts-address {
    color: #cbcbcb;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 25px
}

.footer__contacts-feedback {
    max-width: 182px;
    margin-bottom: 40px
}

.social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -5px 17px
}

.social__item {
    color: #818181;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 29px;
    margin-right: 16px
}

.social__item:hover {
    color: #fff
}

.menu--footer {
    margin: 0 -15px;
    text-align: left
}

.menu--footer>ul>li {
    padding: 0 15px;
    width: 33.33333333333%
}

.menu--footer ul>li+li {
    margin-left: 0 !important
}

.menu--footer ul>li>a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.menu--footer>ul>li>a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    color: #ececec;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 18px;
    margin-bottom: 30px
}

.menu--footer>ul>li>a:hover {
    color: #fff
}

.menu--footer>ul>li>ul>li {
    float: none;
    margin-bottom: 17px
}

.menu--footer>ul>li>ul>li>a {
    color: #d6d6d6;
    font-size: 16px;
    font-weight: 400
}

.menu--footer>ul>li>ul>li>a:hover {
    color: #fff
}

.footer__menu-dropdown-item.hidden {
    display: none
}

@media (max-width:768px) {
    .footer__menu-dropdown-item.hidden {
        display: block
    }

    .footer__menu-dropdown-show.visible {
        display: none !important
    }
}

.footer__bottom {
    background: #0d0d0d
}

.footer__bottom-block {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    height: 50px
}

.copyright {
    margin-right: 23px;
    opacity: 0.25
}

.footer__bottom-link {
    color: #fff;
    margin-right: 23px;
    opacity: 0.25
}

.footer__bottom-link:hover {
    color: #fff;
    opacity: 1
}

.devby {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    height: 50px
}

.devby-link {
    color: #898989;
    font-size: 32px;
    line-height: 1
}

.devby-link:hover {
    color: #fff
}

.devby-link .icon {
    vertical-align: top
}

.form__input,
.form__textarea {
    font-size: 17px;
    margin-bottom: 22px;
    padding-top: 5px;
    position: relative;
    width: 100%
}

.form__input.error .nice-select {
    border-color: red !important
}

.form__input input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    height: 33px;
    padding: 5px 0 10px;
    padding-right: 20px;
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
    width: 100%
}

.form__textarea textarea {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    color: #000;
    font-family: "FiraSans-Book", sans-serif;
    font-size: 18px;
    height: 60px;
    max-height: 120px;
    resize: vertical;
    padding: 5px 0 10px;
    padding-right: 20px;
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
    vertical-align: top;
    width: 100%
}

.form__input.error input,
.form__textarea.error textarea {
    border-bottom-color: red !important;
    color: red !important
}

.form__error {
    color: red;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 7px;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    width: 110px
}

.form__error--textarea {
    bottom: 6px;
    top: auto
}

.error .form__error {
    opacity: 1
}

.form__label {
    color: #c0c0c0;
    font-size: 17px;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 7px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.error .form__label {
    color: red
}

.form__label--textarea {
    margin-bottom: 6px;
    bottom: 0;
    top: auto
}

.form__input input:focus+.form__label,
.form__input.active .form__label,
.form__input.focus .form__label,
.error .form__label {
    color: #6b6b6b;
    font-size: 12px;
    top: -10px
}

.form__textarea textarea:focus+.form__label--textarea,
.form__textarea.active .form__label--textarea,
.form__textarea.focus .form__label--textarea,
.error .form__label--textarea {
    color: #6b6b6b;
    font-size: 12px;
    top: auto;
    bottom: 100%;
    margin-bottom: -6px
}

.form__submit {
    margin: 40px auto 20px
}

.form__captcha-block .form__submit {
    margin: 0;
    width: 50%
}

.form__submit .button {
    height: 76px;
    max-width: 300px;
    margin: 0 auto
}

.form__checkbox {
    position: relative
}

.form__checkbox--filter {
    float: left
}

.form__checkbox input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.form__checkbox-label {
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding-left: 28px;
    position: relative
}

.form__checkbox--filter .form__checkbox-label {
    background: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #161b21;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 11px 12px;
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out
}

.form__checkbox-label.disabled {
    color: #999999 !important;
    border-color: #fff !important;
    pointer-events: none
}

.form__checkbox--light .form__checkbox-label {
    color: #989898
}

.form__checkbox-label:before,
.form__checkbox-label:after {
    content: "";
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px
}

.form__checkbox-label:before {
    border: 1px solid #bfbfbf
}

.form__checkbox--light .form__checkbox-label:before {
    border-color: #bfbfbf
}

.form__checkbox--filter .form__checkbox-label:before,
.form__checkbox--filter .form__checkbox-label:after {
    display: none
}

.error .form__checkbox-label:before {
    border-color: red
}

.form__checkbox-label:after {
    background: url(../../../../../templates/.default/img/checked.svg) no-repeat center;
    background-size: 18px 18px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.form__checkbox--light .form__checkbox-label:after {
    background: url(../../../../../templates/.default/img/checked--white.svg) no-repeat center
}

.form__checkbox:has(input:checked) .form__checkbox-label:after {
    opacity: 1
}

.form__checkbox--filter input:checked+.form__checkbox-label,
.form__checkbox--filter:hover .form__checkbox-label {
    border-color: #000
}

.form__checkbox--light .form__checkbox-label a {
    color: #fff
}

.form__checkbox--light .form__checkbox-label a:hover {
    color: #c89e39
}

.form__required {
    color: #8b8b8b;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    right: 2px;
    top: 12px;
    z-index: 3
}

.form__captcha-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 38px 0
}

.form__captcha {
    height: 78px;
    position: relative
}

.form__captcha-block .form__captcha {}

.form__captcha>div {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.form__captcha-block .form__captcha>div {
    position: relative;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

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

.contacts-bottom .form__label {
    font-size: 18px;
    color: #4e4e4e
}

.backdrop {
    background: #000;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 999
}

.backdrop.active {
    opacity: 0.3;
    visibility: visible
}

.modal {
    padding-right: 0 !important
}

@media (min-width:575px) {
    .modal-dialog {
        max-width: 820px;
        margin: 1.75rem auto
    }
}

.modal-vpl {
    padding: 60px 100px;
    position: relative;
    overflow: hidden
}

.modal-vpl__close {
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 5px;
    opacity: .4
}

.modal-vpl__close svg {
    font-size: 22px;
    vertical-align: top
}

.modal-vpl .form__input .form__label,
.modal-vpl .form__textarea .form__label {
    color: #000000
}

.modal-vpl .modal-vpl__title {
    text-align: center;
    margin-top: 0;
    color: #000000;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 20px
}

.modal-vpl__text,
.modal-vpl__ok {
    text-align: center;
    display: block;
    margin: 0
}

.one-click .form__textarea {
    margin-bottom: 0;
    margin-top: 55px
}

.one-click .form__captcha-block {
    margin-top: 20px
}

.one-click .form__politic {
    margin-top: 30px
}

.one-click-item {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.one-click-item::after {
    position: absolute;
    top: 0;
    left: -20px;
    height: 1px;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    background-color: #d3d3d3;
    content: ""
}

.one-click-item::before {
    position: absolute;
    bottom: 0;
    left: -20px;
    height: 1px;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    background-color: #d3d3d3;
    content: ""
}

@media (min-width:768px) {
    .one-click-item::after {
        position: absolute;
        top: 0;
        left: -100px;
        height: 1px;
        width: -webkit-calc(100% + 200px);
        width: calc(100% + 200px);
        background-color: #d3d3d3;
        content: ""
    }

    .one-click-item::before {
        position: absolute;
        bottom: 0;
        left: -100px;
        height: 1px;
        width: -webkit-calc(100% + 200px);
        width: calc(100% + 200px);
        background-color: #d3d3d3;
        content: ""
    }
}

.one-click-item__img {
    padding: 15px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    margin-right: 30px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.one-click-item__img img {
    width: 65px
}

.one-click-item__info {
    margin-right: 100px
}

.one-click-item__descr-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.one-click-item__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    width: 200px;
    margin-bottom: 20px
}

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

.one-click-item__prop {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.one-click-item__total {
    padding-top: 25px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.one-click-item__total::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #d3d3d3;
    content: ""
}

.one-click-item .touchspin {
    margin-bottom: 10px
}

.one-click-item__total {
    color: #000000;
    font-size: 18px;
    font-weight: 400
}

.one-click__total-price {
    color: #000000;
    font-size: 22px;
    font-weight: 600
}

.one-click__total-sale {
    color: #676767;
    font-size: 18px;
    font-weight: 600;
    text-decoration: line-through;
    -webkit-text-decoration-color: #ff00ae;
    text-decoration-color: #ff00ae
}

.one-click-item__total span {
    margin-right: 20px
}

@media (max-width:767px) {
    .modal-vpl {
        padding: 20px;
        padding-top: 50px
    }

    .modal-vpl__close {
        top: 15px;
        right: 15px
    }

    .modal-vpl__close svg {
        font-size: 17px
    }

    .one-click-item {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .one-click .form__textarea {
        margin-top: 0;
        margin-bottom: 22px
    }

    .form__captcha-block .form__submit {
        margin-top: 20px;
        width: 100%
    }
}

@media (max-width:575px) {
    .one-click-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .one-click-item__img {
        margin-right: 0;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .one-click-item__descr-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .one-click-item__info {
        margin-right: 0;
        margin-bottom: 20px
    }

    .one-click-item__title {
        width: 100%
    }

    .one-click-item-mob-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .one-click-item__total {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .one-click-item::after,
    .one-click-item::before {
        left: -20px;
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px)
    }

    .form__captcha {
        -webkit-transform: scale(0.87);
        -ms-transform: scale(0.87);
        transform: scale(0.87)
    }

    .form__submit .button {
        max-width: 265px
    }
}

.order-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 !important
}

.order-links>li {
    padding: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 30px
}

.order-links>li:before {
    display: none
}

.order-links>li>a {
    background: #f3f3f3;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    height: 54px;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap
}

.order-links>li>a[href] {
    background: transparent
}

.order-links>li>a[href]:hover {
    background: #f3f3f3
}

.order-list {
    background: #f3f3f3;
    border: 0;
    padding: 20px 20px 30px
}

.order-list__item {
    background: #fff;
    padding: 30px
}

.order-list__item-name {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 20px
}

.order-list__item-name--list {
    font-size: 14px
}

.order-list__block {
    margin-bottom: 30px
}

.order-list__block-head {
    background: #000;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 45px;
    margin-bottom: 30px;
    padding: 0 25px
}

.order-list__block-head--no-gutter {
    margin-bottom: 0 !important
}

.order-list__block-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0
}

.order-list__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -8px
}

.order-list__buttons .button {}

.order-list__buttons-detail {
    padding: 0 8px;
    width: 226px
}

.order-list__buttons-other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: -webkit-calc(100% - 226px);
    width: calc(100% - 226px)
}

.order-list__buttons-other .button {
    margin: 0 8px;
    padding: 0 25px;
    width: auto
}

.order-list__item-pay {
    width: 210px;
    margin-top: 20px
}

.sale-order-payment-change-pp .sale-order-payment-change-pp-company {
    border: 0 !important;
    padding: 0 15px !important
}

.sale-order-detail-payment-inner-row-template .button,
.sale-order-list-inner-row-template .button {
    margin-top: 30px;
    max-width: 210px
}

.sale-order-payment-change-pp .col-xs-12 {
    padding: 0 15px;
    widows: 100%
}

.sale-order-list-shipment-title .sale-order-list-status-alert,
.sale-order-list-shipment-title .sale-order-list-shipment-status-block,
.sale-order-list-shipment-title .sale-order-list-accomplished-date,
.sale-order-list-payment-title .sale-order-list-status-alert,
.sale-order-list-payment-title .sale-order-list-shipment-status-block,
.sale-order-list-payment-title .sale-order-list-accomplished-date,
.sale-order-payment-change-status-alert,
.sale-order-detail-payment-options-methods-info-title-status-alert {
    display: block;
    margin-top: 5px
}

.sale-order-list-status-alert,
.sale-order-list-shipment-status-block,
.sale-order-list-accomplished-date,
.sale-order-payment-change-status-alert,
.sale-order-detail-payment-options-methods-info-title-status-alert {
    background: none;
    border: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: 0
}

.sale-order-list-status-alert,
.sale-order-payment-change-status-alert,
.sale-order-detail-payment-options-methods-info-title-status-alert {
    color: #c03030
}

.sale-order-list-shipment-status-block {
    color: #2e75c4
}

.sale-order-list-shipment-button-container {
    margin-top: 5px
}

.sale-order-list-container {
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 25px;
    padding: 0 0 30px
}

.sale-order-list-container:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.sale-order-list-accomplished-title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.2;
    width: 100%
}

.order-list__item-name--list {
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px)
}

.sale-order-list-accomplished-date-container {
    text-align: right;
    width: 150px
}

.sale-order-list-accomplished-date {
    margin: 0;
    padding: 0;
    vertical-align: top
}

.sale-order-list-payment-title,
.sale-order-list-shipment-title,
.sale-order-list-shipment,
.sale-order-list-payment-check,
.sale-order-list-payment-price {
    font-family: "Open Sans", sans-serif;
    font-size: 14px
}

.sale-order-detail .back-in-page {
    margin-bottom: 30px
}

.sale-order-detail-about-order-inner-container {
    padding: 0;
    border: 0
}

.sale-order-detail-about-order-inner-container-name-detail,
.sale-order-detail-about-order-inner-container-status-detail,
.sale-order-detail-about-order-inner-container-price-detail,
.sale-order-detail-about-order-inner-container-list-item,
.sale-order-detail-about-order-inner-container-name-titile,
.sale-order-detail-about-order-inner-container-status-title,
.sale-order-detail-about-order-inner-container-price-title,
.sale-order-detail-payment-options-shipment-composition-item-title,
.sale-order-detail-payment-options-order-content-item-title {
    font-family: "Open Sans", sans-serif;
    font-size: 14px
}

.sale-order-detail-about-order-inner-container-name-title {
    font-size: 14px
}

.sale-order-detail-about-order-inner-container-name-read-less,
.sale-order-detail-about-order-inner-container-name-read-more,
.sale-order-detail-payment-options-methods-info-change-link,
.sale-order-detail-show-link,
.sale-order-detail-hide-link {
    border-bottom: 0;
    margin: 0 0 10px;
    font-size: 14px
}

.sale-order-detail-about-order-inner-container-name-read-less:after,
.sale-order-detail-about-order-inner-container-name-read-more:after,
.sale-order-detail-payment-options-methods-info-change-link:after,
.sale-order-detail-show-link:after,
.sale-order-detail-hide-link:after {
    background: none
}

.sale-order-detail-about-order-inner-container-details {
    width: 100%
}

.sale-order-detail-about-order-inner-container-details-title {
    font-family: "Open Sans", sans-serif;
    margin: 0 0 5px;
    padding-top: 25px
}

.sale-order-detail-about-order-inner-container-list-item {
    padding: 0 !important
}

.sale-order-detail-about-order-inner-container-list-item:before {
    display: none
}

.sale-order-detail-about-order-inner-container-status,
.sale-order-detail-about-order-inner-container-price {
    margin-bottom: 10px
}

.sale-order-detail-payment-options-inner-container {
    border: 0
}

div.sale-order-detail-payment-options-shipment {
    border-top: 0;
    padding: 0
}

.sale-order-detail-order-section {
    border: 0;
    width: 100%
}

.sale-order-detail-order-item-tr--head,
.sale-order-detail-order-item-td-title {
    color: #555555;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase
}

.sale-order-detail-order-item-td {
    padding: 15px 0;
    padding-right: 30px;
    border: 0;
    border-bottom: 1px solid #e3e3e3
}

.sale-order-detail-order-item-properties {
    white-space: nowrap
}

.sale-order-detail-order-item-tr--head .sale-order-detail-order-item-td {
    padding: 20px 0 5px;
    padding-right: 30px
}

.sale-order-detail-order-item-td-title,
.sale-order-detail-order-item-td-text {
    padding: 0
}

.sale-order-detail-order-item-properties .sale-order-detail-order-item-td-title,
.sale-order-detail-order-item-properties .sale-order-detail-order-item-td-text {
    text-align: left
}

.sale-order-detail-order-item-td-text {
    font-size: 16px;
    font-weight: 600
}

.sale-order-detail-order-item-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sale-order-detail-order-item-img-block {
    width: 56px;
    margin-right: 20px
}

.sale-order-detail-order-item-content {
    max-width: -webkit-calc(100% - 76px);
    max-width: calc(100% - 76px)
}

.sale-order-detail-order-item-imgcontainer {
    height: 56px;
    width: 56px;
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sale-order-detail-order-item-imgcontainer img {
    max-height: 100%;
    vertical-align: top
}

.sale-order-detail-order-item-title {
    font-size: 14px;
    font-weight: 400
}

.sale-order-detail-order-item-title a {
    color: #000
}

.sale-order-detail-payment-options-shipment-composition-container {
    margin: 10px 0 0
}

.sale-order-detail-total-payment-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sale-order-detail-total-payment-list-left,
.sale-order-detail-total-payment-list-right {
    margin: 0 !important
}

.sale-order-detail-total-payment-list-right {
    margin-top: -1px !important
}

.sale-order-detail-total-payment-list-left-item,
.sale-order-detail-total-payment-list-right-item {
    line-height: 20px;
    padding-left: 25px !important;
    margin-bottom: 7px !important
}

.sale-order-detail-total-payment-list-left-item {
    font-size: 14px;
    font-weight: 400
}

.sale-order-detail-total-payment-list-left-item:last-child {
    font-size: 16px;
    font-weight: 700
}

.sale-order-detail-total-payment-list-right-item {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap
}

.sale-order-detail-total-payment-list-left-item:before,
.sale-order-detail-total-payment-list-right-item:before {
    display: none
}

@media (max-width:1023px) {
    .sale-order-detail-order-item-tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border: 0;
        border-bottom: 1px solid #e3e3e3
    }

    .sale-order-detail-order-item-tr--head {
        display: none
    }

    .sale-order-detail-order-item-td {
        width: 100%
    }

    .sale-order-detail-order-item-td.sale-order-detail-order-item-properties {
        width: 50%
    }

    .sale-order-detail-order-item-block {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sale-order-detail-order-item-title {
        padding: 0
    }
}

@media (max-width:767px) {
    .order-links {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .order-links>li {
        margin-right: 0
    }

    .order-links>li>a {
        padding: 0 10px
    }

    .order-list__buttons {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .order-list__buttons-detail {
        width: 50%
    }

    .order-list__buttons-other {
        margin-top: 16px;
        width: 100%
    }

    .order-list__buttons-other .button {
        width: -webkit-calc(50% - 16px);
        width: calc(50% - 16px)
    }

    .sale-order-payment-change-pp .sale-order-payment-change-pp-company {
        margin-bottom: 45px
    }

    .sale-order-detail-payment-options-container .sale-order-payment-change-pp-company {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .sale-order-detail-payment-inner-row-template {
        margin-top: 0
    }
}

@media (max-width:575px) {
    .order-links {}

    .order-links>li>a {
        font-size: 14px;
        height: 35px
    }

    .order-links>li>a span {
        display: none
    }

    .order-list__item {
        padding: 15px
    }

    .order-list__item-name {
        font-size: 14px
    }

    .order-list__block-head {
        padding: 0 15px
    }

    .sale-order-list-change-payment {
        text-align: right
    }

    .order-list__buttons-detail {
        width: 100%;
        margin-bottom: 8px
    }

    .order-list__buttons-detail:last-child {
        margin-bottom: 0
    }

    .order-list__buttons-other {
        margin-top: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .order-list__buttons-other .button {
        margin-bottom: 8px;
        width: -webkit-calc(100% - 16px);
        width: calc(100% - 16px)
    }

    .order-list__buttons-other .button:last-child {
        margin-bottom: 0
    }

    .sale-order-list-accomplished-title-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .order-list__item-name--list {
        width: 100%
    }

    .sale-order-list-accomplished-date-container {
        margin-bottom: 20px;
        width: 100%
    }

    .sale-order-detail-order-item-td {
        padding: 5px 0
    }

    .sale-order-detail-order-item-td.sale-order-detail-order-item-properties {
        width: 100%
    }

    .sale-order-detail-total-payment-list-left-item,
    .sale-order-detail-total-payment-list-right-item {
        padding-left: 10px !important;
        font-size: 14px
    }

    .sale-order-detail-payment-options-methods-container:before,
    div.payment-options-methods-row:before,
    div.payment-options-methods-row:last-child:after {
        display: none
    }

    div.payment-options-methods-row {
        padding: 0;
        margin: 0 -10px
    }

    .sale-order-detail-payment-options-methods-image-element,
    .sale-order-detail-payment-options-shipment-image-element {
        margin-bottom: 15px
    }
}

#login-form-mess {
    color: red;
    margin-bottom: 30px;
    display: block
}

#paysystem-yandex-form .btn {
    background: transparent;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    margin: 15px 0;
    max-width: 210px;
    padding: 5px 15px;
    text-align: center;
    -webkit-transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    -o-transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    transition: color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    width: 100%
}

#paysystem-yandex-form .btn:hover {
    background: #e5e5e5;
    color: #000
}

#paysystem-yandex-form .d-flex {
    -ms-flex-align: flex-start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    align-items: flex-start !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fancybox-bg {
    background: #fff
}

.fancybox-thumbs {
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11)
}

.fancybox-thumbs__list a::before {
    border-color: #c89e39
}

ymaps[class*="cluster-tabs__item-header"] {
    display: none !important
}

.catalog-characteristics__section-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px
}

.catalog-characteristic {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
    font-size: 15px
}

.catalog-characteristic__dots {
    height: 1px;
    margin: 0 8px;
    background: linear-gradient(90deg, #dcdcdc 33%, transparent 0) repeat-x bottom;
    background-size: 3px 1px;
    flex-grow: 1
}

@media (max-width:765px) {
    .catalog-characteristic__property {
        width: min-content
    }
}

.catalog-characteristic__value {
    width: 52%
}

.menu-payment-mob>ul>li {
    margin-bottom: 20px
}

.menu-payment-mob>ul>li>a {
    font-size: 15px
}

.shops__item-btn .button--black {
    max-width: 242px
}

.shops__item-btn {
    margin-top: 25px
}

@media(max-width:767px) {
    .shops__item-btn {
        margin-top: 5px
    }
}

.tab-content-info__desc.content {
    padding-top: 18px
}

.tab-content-info__name {
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #000000
}

.tab-content-info {
    margin-bottom: 34px
}

@media(min-width:320px) and (max-width:767px) {
    .tab-content-info__name {
        font-size: 22px;
        line-height: 28px
    }

    .tab-content-info__desc.content {
        padding-top: 15px
    }
}

.service-desc__text.content {
    padding-top: 0
}

.service-desc__text .small {
    font-size: 15px;
    line-height: 22px
}

.header__top-block--phone-link {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.header__top-block--phone-link:hover {
    color: #c89e39
}

.header__link--lk a {
    position: relative
}

.header__link--lk::before {
    position: absolute;
    content: "";
    left: 0;
    top: calc(50% - 18px);
    width: 1px;
    height: 36px;
    display: block;
    background: #000
}

.fixed .header__link--lk a {
    padding-left: 10px
}

.fixed .header__link--lk .icon-lk {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.header__link--lk .icon-lk2 {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.fixed .header__link--lk .icon-lk2 {
    position: relative;
    top: initial;
    left: initial;
    pointer-events: all;
    opacity: 1
}

.fixed .header__link--lk::before {
    content: none
}

@media(max-width:767px) {
    .row--service .col-12.d-md-none {
        display: none
    }
}

.grecaptcha-badge {
    opacity: 0 !important;
    right: -1000px !important;
    visibility: hidden
}

.menu__list {
    position: relative;
    transition: opacity .3s ease-out
}

.menu__list.is-wrapped {
    padding-right: 55px
}

.header-fixed .menu__list.is-wrapped {
    padding-right: 40px
}

.menu__dropdown {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute !important;
    right: -40px;
    transition: opacity .3s ease-out;
    top: -15px;
    height: 48px;
    padding-right: 35px;
    cursor: pointer
}

.fixed .menu .menu__dropdown {
    padding-right: 15px;
    right: -15px
}

.menu__list.is-wrapped .menu__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.menu__dropdown {
    margin: 0;
    padding-left: 30px
}

.fixed .menu .menu__dropdown {
    margin: 0;
    padding-left: 18px
}

@media(min-width:1410px) and (max-width:1679px) {
    .menu__dropdown {
        padding-left: 30px;
        right: -30px;
        padding-right: 30px
    }

    .fixed .menu .menu__dropdown {
        padding-left: 15px
    }
}

@media(min-width:1024px) and (max-width:1409px) {
    .menu__dropdown {
        padding-left: 20px;
        right: -35px
    }

    .fixed .menu .menu__dropdown {
        padding-left: 10px;
        right: -20px
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .menu__dropdown {
        padding-left: 0
    }

    .fixed .menu .menu__dropdown {
        padding-left: 0
    }
}

.menu .menu__dropdown svg {
    display: flex;
    color: #d6d6d6;
    cursor: pointer;
    transition: color .3s ease-out;
    height: 51px
}

.menu .menu__dropdown svg:hover {
    color: #FFF
}

.menu .menu__dropdown-list {
    position: absolute;
    top: 47px;
    left: 0;
    min-width: 178px;
    max-width: 178px;
    background: #fff;
    padding: 1px 16px !important;
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: all .3s ease-out
}

.header-fixed .menu .menu__dropdown-list {
    right: -21px
}

.menu .menu__dropdown-list.is-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0)
}

.menu .menu__dropdown-list-item {
    display: flex;
    margin: 0 !important;
    width: 100%
}

.menu .menu__dropdown-list-item-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    color: #000 !important;
    padding: 8px 0;
    border-bottom: 1px solid #E3E3E3 !important;
    text-align: left;
    width: 100%
}

.menu .menu__dropdown-list-item:last-child .menu__dropdown-list-item-link {
    border-bottom: 0 !important
}

.menu .menu__dropdown-list-item-link:hover {
    color: #c89e39 !important
}

@media (min-width:1024px) and (max-width:1409px) {
    .menu__list.is-wrapped {
        padding-right: 38px
    }
}

.catalog-detail__calc-prices-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 33px;
    -moz-column-gap: 33px;
    column-gap: 33px;
    margin-bottom: 10px
}

.catalog-detail__calc-prices-block .catalog-detail__calc-prices {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 0
}

.catalog-detail__calc-price-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.catalog-detail__calc-price-desc {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.catalog-detail__calc-price-desc-icon {
    margin-left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #c89e39;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFF;
    font-size: 9px;
    font-weight: 700;
    line-height: 12px
}

.catalog-detail__calc-price-desc-informer {
    position: absolute;
    right: 0;
    top: 100%;
    padding: 6px 9px;
    border-radius: 4px;
    background: #3E3E3E;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    visibility: hidden
}

.catalog-detail__calc-price-desc-icon:hover~.catalog-detail__calc-price-desc-informer {
    opacity: 1;
    visibility: visible
}

.catalog-detail__calc-prices--roz .catalog-detail__calc-price {
    color: #8A8A8A
}

.catalog-detail__calc-prices--roz .catalog-detail__calc-price-desc {
    color: #8A8A8A
}

.catalog-detail__calc-prices--roz .catalog-detail__calc-price-desc-icon {
    background: #8A8A8A
}

.catalog-detail__calc-price-discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.catalog-detail__calc-price-discount .catalog-detail__calc-percent {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.product-article {
    color: #7B7B7B;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px
}

.section--catalog-head .catalog-head-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background: #000 !important
}

.header--opacity .header__head {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.header--opacity .header__head.is-loaded {
    opacity: 1
}

@media(max-width:1679px) {
    .menu-wrapped.fixed .header__links {
        right: 0
    }

    .menu-wrapped.fixed .header__head-block--catalog {
        margin-left: 47px
    }
}

@media(max-width:1410px) {
    .menu-wrapped.fixed .header__head-block--catalog {
        margin-left: 61px;
        max-width: 535px;
        width: 100%
    }

    .menu-wrapped.fixed .menu__list.is-wrapped {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width:1024px) {
    .header__head {
        opacity: 1 !important
    }

    .menu-wrapped.fixed .header__links {
        right: 45px
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .catalog-detail__calc-prices-block .catalog-detail__calc-prices {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .catalog-detail__calc-prices-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 15px;
        -webkit-column-gap: 23px;
        -moz-column-gap: 23px;
        column-gap: 23px
    }

    .product-article {
        margin-bottom: 23px
    }
}

.sticky {
    position: fixed;
    z-index: 10
}

.stop {
    position: relative;
    z-index: 10
}

.service__wp form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 27px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 27px;
    -moz-column-gap: 27px;
    column-gap: 27px
}

.service__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 23px
}

.service__block-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px
}

.service__block form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
}

.service__item {
    width: 100%
}

.service__item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.service__item-label:hover {
    border-color: #c89e39
}

.service__item.is-checked .service__item-label {
    border-color: #c89e39;
    background: #EFEFEF
}

.service__item-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    margin: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.service__item-input::before {
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background: #FFF;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #999;
    -webkit-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out
}

.service__item-input:checked:before {
    background: url('../../../../../templates/.default/img/arrow-check.svg') no-repeat center #FFF;
    background-size: contain
}

.service__item-price {
    margin-left: auto;
    font-weight: 600;
    line-height: 25px
}

.service__btn-wp {
    margin-top: 30px;
    padding: 20px;
    border-radius: 10px;
    background: #F3F3F3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.service__btn {
    padding: 20px 57px;
    border-radius: 4px;
    background: #c89e39;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px
}

.service__btn:hover {
    background: #5046db;
    color: #FFF
}

.form__serv-info {
    padding: 9px 20px;
    background: #F3F3F3;
    margin-bottom: 25px
}

.form__serv-info-category {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 33px
}

.form__serv-info-list-item {
    padding: 11px 0;
    border-bottom: 1px solid #DEDEDE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 5px;
    justify-content: flex-start
}

.form__serv-info-list-item:last-child {
    border-bottom: none
}

.form__serv-info-list {
    margin: 0;
    padding: 0
}

.form__serv-info-list-item-name {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 30px
}

.form__serv-info-list-item-price {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 25.2px;
    margin-left: auto;
    white-space: nowrap
}

.service .form__politic {
    margin-top: 30px
}

.catalog-card__request {
    padding: 8px 18px;
    border-radius: 4px;
    background: #c89e39;
    text-align: center;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    margin-right: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog-card__request:hover {
    background: #5046db;
    color: #FFF
}

.catalog-card__informer {
    position: absolute;
    bottom: 7px;
    right: 7px;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    background: #191919;
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.catalog-card__informer-text {
    position: absolute;
    top: 100%;
    right: 19px;
    min-width: 153px;
    max-width: 170px;
    padding: 6px 9px;
    border-radius: 4px;
    background: #3E3E3E;
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 6
}

.slick-list .catalog-card__informer-text {
    bottom: 100%;
    top: inherit
}

.catalog-card__informer:hover .catalog-card__informer-text {
    opacity: 1;
    visibility: visible
}

.catalog-section__items--list .catalog-card__request {
    position: absolute;
    right: 38px;
    bottom: 36px;
    width: 175px;
    height: 50px;
    margin-right: 0;
    font-size: 16px
}

.catalog-detail__calc-button-request {
    width: 100%;
    padding: 0 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    background: #c89e39;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 4px
}

.catalog-detail__calc-button-request:hover {
    background: #5046db;
    color: #FFF
}

@media(min-width:1024px) and (max-width:1409px) {
    .catalog-section__items--list .catalog-card__request {
        right: 15px
    }
}

@media(max-width:1410px) {
    .service__wp form {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        row-gap: 30px
    }
}

@media(max-width:767px) {
    .service__block {
        row-gap: 20px
    }

    .service__item-label {
        font-size: 15px;
        line-height: 18px
    }

    .service__item-price {
        word-break: normal
    }

    .service__btn-wp {
        margin: 25px 0;
        padding: 15px
    }

    .service__btn {
        padding: 14px 30px
    }

    .catalog-section__items--list .catalog-card__request {
        position: relative;
        right: initial;
        bottom: initial;
        width: auto;
        height: auto;
        margin-right: 20px
    }
}

@media(max-width:576px) {
    .service__btn-wp {
        margin-left: -15px;
        width: calc(100% + 30px);
        border-radius: 0
    }

    .form__serv-info {
        padding: 9px
    }

    .form__serv-info-list-item-name {
        padding-right: 0;
        width: 100%
    }

    .form__serv-info-list-item {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 3px
    }

    .form__serv-info-list-item-price {
        margin-left: 0
    }

    .catalog-card__request {
        padding: 5px;
        font-size: 12px;
        line-height: 17px;
        margin-right: 10px
    }

    .catalog-card__informer-text {
        min-width: 132px;
        max-width: 147px;
        right: -5px
    }

    .catalog-section__items--list .catalog-card__request {
        padding: 5px;
        font-size: 12px;
        line-height: 17px;
        margin-right: 10px
    }
}

.modal.order .one-click-item__total {
    padding-top: 11px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.modal.order .one-click-item-mob-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.order__informer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    position: relative;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.order__informer-icon {
    border-radius: 100%;
    border-radius: 20px;
    background: #191919;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFF;
    font-size: 9px;
    width: 12px;
    height: 12px;
    font-weight: 700;
    line-height: 12px;
    cursor: pointer
}

.order__informer .one-click__total-info {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 153px;
    max-width: 170px;
    padding: 6px 9px;
    border-radius: 4px;
    background: #3E3E3E;
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 3
}

.order__informer-icon:hover~.one-click__total-info {
    opacity: 1;
    visibility: visible
}

.order__price--roz .one-click__total-price {
    color: #8A8A8A
}

.order__price--roz .order__informer-icon {
    background: #8A8A8A
}

.order__price--roz .order__informer {
    color: #8A8A8A
}

.section--service .advan-mp {
    margin: 50px 0 30px 0
}

@media(max-width:991px) {
    .section--service .advan-mp {
        margin: 20px 0
    }

    .catalog-detail__calc-prices .catalog-detail__calc-price-desc-informer {
        left: 0;
        right: initial;
        max-width: 250px
    }

    .catalog-detail__calc-prices--roz .catalog-detail__calc-price-desc-informer {
        right: 0;
        left: initial
    }
}

@media(max-width:767px) {
    .section--service .advan-mp {
        overflow: hidden
    }
}

@media(max-width:576px) {
    .modal.order .one-click-item__total {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .modal.order .one-click-item__total>span {
        width: 100%
    }

    .modal.order .one-click-item__total span {
        margin-right: 10px
    }

    .order__informer .one-click__total-info {
        min-width: 0
    }

    .catalog-detail__calc-prices .catalog-detail__calc-price-desc-informer {
        left: 0;
        right: initial;
        max-width: 250px
    }

    .catalog-detail__calc-prices.catalog-detail__calc-prices--roz .catalog-detail__calc-price-desc-informer {
        right: 0;
        left: initial
    }
}

.catalog-detail__calc-price-desc {
    z-index: 100;
    width: fit-content
}

@media(min-width:768px) {
    .catalog-detail__advantages-container {
        margin-top: 30px
    }
}

@media(min-width:320px) and (max-width:767px) {
    .main-banner .slick-slide>div {
        height: 100% !important
    }

    .main-banner .main-banner__slide {
        height: 100% !important
    }

    .main-banner__info {
        height: calc(100% - 210px)
    }

    .main-actions__descr>div {
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-clamp: 4;
        box-orient: vertical;
        overflow: hidden
    }

    .slick-dots li {
        width: 15px
    }

    .header__search-submit .icon {
        margin-left: 0 !important
    }

    #title-search.is-open {
        left: 0
    }

    .is-search .menu-toggle {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

    .header__head-block--search {
        float: left
    }
}

@media(min-width:576px) and (max-width:767px) {
    .menu-toggle {
        margin-left: -104px !important;
        left: 100% !important
    }
}

@media(min-width:320px) and (max-width:575px) {
    .menu-toggle {
        margin-left: 0 !important;
        left: initial !important;
        right: 15px !important
    }

    .is-search .menu-toggle {
        opacity: 1;
        pointer-events: all;
        visibility: visible
    }
}

.main-actions__slider {
    opacity: 0;
    height: 500px;
    overflow: hidden
}

[src=""] {
    display: none !important
}

.advan-mp {
    padding: 24px 0;
    background: #F1F1F1
}

.advan-mp__wp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(25% - 23px) 30px calc(25% - 23px) 30px calc(25% - 23px) 30px calc(25% - 23px);
    grid-template-columns: repeat(4, calc(25% - 23px));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 20px
}

.advan-mp__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    color: #000
}

.advan-mp__item :hover {
    color: #c89e39
}

.advan-mp__item-icon {
    min-width: 45px;
    max-width: 45px;
    height: 45px;
    background: #FFF;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px
}

.advan-mp__item-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    height: 100%
}

.advan-mp__item-text {
    font-size: 14px;
    max-width: 140px
}

.footer__contacts-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 37px;
    -moz-column-gap: 37px;
    column-gap: 37px;
    margin-bottom: 23px
}

.footer__contacts-social-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 11px;
    border: 1px solid #686868;
    border-radius: 0 7px 0 7px;
    color: #FFF;
    font-size: 19px
}

.footer__contacts-social-item:hover {
    color: #fff;
    opacity: 0.7
}

.catalog-section__more-wp {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 16px;
    height: 61px
}

.catalog-section__amount {
    color: #797979;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.button--show {
    font-size: 16px;
    line-height: 21px;
    padding: 20px;
    max-width: 270px;
    width: 100%
}

.catalog-detail__btn {
    display: none
}

@media(max-width:1023px) {
    .advan-mp__wp {
        grid-template-columns: repeat(2, calc(50% - 15px))
    }

    .advan-mp__item-text {
        max-width: none
    }
}

.catalog-detail__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: #797979;
    font-size: 15px;
    line-height: 21px;
    margin-top: 26px
}

.catalog-detail__text-wp {
    height: 300px;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out
}

.catalog-detail__text-wp.is-show {
    -webkit-animation: detailDropdown 0.7s;
    animation: detailDropdown 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.catalog-detail__btn svg {
    font-size: 8px;
    margin-top: 4px
}

.catalog-detail__btn.is-active svg {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    margin-top: 3px
}

@-webkit-keyframes detailDropdown {
    0% {
        height: 160px
    }

    100% {
        height: 100%
    }
}

@keyframes detailDropdown {
    0% {
        height: 160px
    }

    100% {
        height: 100%
    }
}

@media(max-width:991px) {
    .footer__contacts-social {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .catalog-detail__text-wp {
        height: 160px
    }
}

@media(max-width:767px) {
    .advan-mp__item-icon {
        min-width: 35px;
        max-width: 35px;
        height: 35px;
        padding: 7px
    }

    .advan-mp__item-text {
        font-size: 13px
    }

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

    .footer__contacts-social-item {
        font-size: 16px
    }

    .button--show {
        font-size: 15px;
        padding: 10px;
        max-width: 250px
    }

    .catalog-section__amount {
        font-size: 13px
    }

    .catalog-section__more-wp {
        row-gap: 10px
    }
}

@media(max-width:576px) {
    .advan-mp__wp {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        row-gap: 15px
    }
}

.form__submit-error {
    text-align: center;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: red !important
}

@media(max-width:767px) {
    .cart__item-img {
        width: 90px;
        height: 90px
    }

    .one-click-item__img img {
        width: 130px
    }
}

.section--main-banner-new {
    position: relative
}

@media(min-width:1440px) {
    .section--main-banner-new .main-banner {
        height: 665px
    }

    .section--main-banner-new-action .main-banner {
        height: 500px
    }
}

@media(min-width:1199px) {
    .section--main-banner-new .main-banner {
        height: 480px
    }

    .section--main-banner-new-action .main-banner {
        height: 480px
    }
}

.section--main-banner-new .main-banner__img .img {
    width: 100%
}

.main-banner__pagin .slick-dots a {
    color: inherit;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background: inherit;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 0;
    height: 5px;
    opacity: 1 !important;
    left: 50%;
    top: 50%;
    width: 5px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.main-banner__pagin .slick-dots li.slick-active a,
.main-banner__pagin .slick-dots li:hover a {
    width: 15px;
    height: 15px
}

.main-banner__pagin .slick-dots {
    z-index: 10
}

.main-banner__arrows button {
    color: inherit
}

.main-banner__arrows button:hover {
    opacity: 1;
    color: inherit
}

.main-banner__arrows button:focus {
    color: inherit
}

.section--main-banner-new .main-banner__img .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width:2560px) {
    .section--main-banner-new .main-banner__img .img img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.section--main-banner-new .main-banner__img .img picture {
    height: 100%;
    width: 100%
}

.section--main-banner-new .main-banner__img .img.active {
    transition: opacity 0.1s ease-out
}

.section--main-banner-new .main-banner__img .img.before {
    transition: opacity 0.3s ease-out
}

@media(max-width:1023px) {
    .section--main-banner-new .main-banner__img .img {
        height: 100%
    }
}

@media(min-width:320px) and (max-width:767px) {
    .main-banner__arrows {
        display: none
    }

    .section--main-banner-new .main-banner__bg {
        height: 100%
    }

    .section--main-banner-new .main-banner__img {
        height: 100%;
        padding: 0
    }

    .section--main-banner-new .main-banner__img .img {
        max-width: none;
        top: 0;
        padding-top: 56%;
        height: auto
    }

    .section--main-banner-new .main-banner__img .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }
}

.main-banner__arrows,
.main-banner__pagin {
    transition: all .3s ease-out
}

.cart__serv {
    padding: 24px 0;
    width: 100%
}

.cart__serv-wp {
    width: 100%
}

.cart__serv-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 20px
}

.cart__serv-list {
    opacity: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px);
    grid-template-columns: repeat(4, calc(25% - 6px));
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px;
    max-height: 110px;
    width: 100%;
    overflow: hidden
}

.cart__serv-list.is-open {
    max-height: -webkit-fit-content !important;
    max-height: -moz-fit-content !important;
    max-height: fit-content !important
}

.cart__serv-list-item {
    padding: 12px 16px;
    border-radius: 10px;
    background: #F3F3F3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 12px
}

.cart__serv-list-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.cart__serv-list-item-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    overflow: hidden
}

.cart__serv-list-item-show {
    margin-left: auto;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    border-radius: 4px;
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.cart__serv-list-item-show:hover {
    opacity: .6
}

.cart__serv-list-item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto
}

.cart__serv-list-item-price {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px
}

.cart__serv-list-item-btn {
    padding: 4px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    border-radius: 2px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid #BEBEBE;
    -webkit-transition: color .3s ease-out, background .3s ease-out;
    -o-transition: color .3s ease-out, background .3s ease-out;
    transition: color .3s ease-out, background .3s ease-out;
    cursor: pointer;
    width: 100px
}

.cart__serv-list-item-btn:hover {
    border-color: #000000;
    color: #000
}

.cart__serv-list-item-btn.in-basket,
.cart__serv-list-item-btn.selected {
    background: #000;
    color: #FFF;
    border-color: #000;
    padding: 4px 10px
}

.cart__serv-list-item-btn.in-basket:hover,
.cart__serv-list-item-btn.selected:hover {
    background: #3E3E3E;
    color: #FFF;
    border-color: #000
}

.cart__serv-list-item-btn-icon {
    height: 15px;
    width: 15px;
    display: none;
    opacity: 0;
    margin-top: 1px
}

.cart__serv-list-item-btn.in-basket .cart__serv-list-item-btn-icon--basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

.cart__serv-list-item-btn.selected .cart__serv-list-item-btn-icon--selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

.cart__serv-list-item-btn-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.cart__serv-btn-show {
    color: #6F6F6F;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart__serv-btn-show:hover {
    color: #000
}

.cart__item-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 28px 0
}

.cart__body .cart__item {
    padding: 0
}

.cart__body .cart__item:first-child .cart__item-wp {
    border-top: none;
    border-bottom: none
}

.cart__item-descr {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #7C7C7C
}

.modal-basket .modal-vpl {
    padding: 30px
}

.modal-basket .modal-dialog {
    max-width: 634px
}

.modal-basket .modal-vpl__title {
    line-height: 46px;
    margin-bottom: 24px
}

.modal-basket .modal-vpl__text {
    text-align: left
}

.modal-basket .modal-vpl__text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 8px
}

.modal-vpl__text-title {
    font-weight: 700
}

.modal-basket .modal-vpl__text p:last-child {
    margin: 0
}

.modal-vpl__text-img {
    height: 364px;
    max-width: 486px;
    margin: 0 auto 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-vpl__text-img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.modal-vpl__footer {
    margin-top: 24px;
    padding: 24px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    border-top: 1px solid #EEE
}

.modal-vpl__footer-price {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px
}

.modal-vpl__footer-btn {
    padding: 11px 38px;
    border-radius: 2px;
    border: 1px solid #BEBEBE;
    background: transparent;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer
}

.modal-vpl__footer-btn:hover {
    background: transparent;
    border-color: #000
}

.modal-basket .modal-vpl__close {
    top: 10px;
    right: 10px
}

.modal-basket .modal-vpl__close svg {
    font-size: 19px
}

@media(max-width:1409px) {
    .cart__serv-list {
        grid-template-columns: repeat(3, calc(33% - 2px))
    }
}

@media(max-width:1199px) {
    .cart__serv-list {
        grid-template-columns: repeat(2, calc(50% - 4px))
    }
}

@media(min-width:320px) and (max-width:767px) {
    .cart__body .cart__item {
        padding: 9px 0 !important
    }

    .cart__item-wp {
        padding: 9px 0
    }

    .cart__body .cart__item:first-child .cart__item-wp {
        border-top: 1px solid #f0f0f0
    }
}

@media(max-width:767px) {
    .cart__serv-list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .cart__serv-list-item {
        padding: 12px
    }

    .cart__serv-title {
        display: none
    }

    .cart__serv {
        padding: 16px 0 0
    }

    .modal-basket .modal-vpl__title {
        margin: 0 auto 20px;
        font-size: 25px;
        line-height: 36px;
        max-width: 486px
    }

    .modal-vpl__text-img {
        height: 250px
    }

    .modal-basket .modal-vpl__text p {
        font-size: 14px;
        line-height: 18px
    }

    .modal-vpl__footer {
        margin-top: 20px;
        padding: 20px 0 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 20px
    }

    .modal-vpl__footer-price {
        font-size: 20px;
        line-height: 26px
    }
}

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

.trade__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 26px;
    padding-bottom: 26px;
    border-bottom: 1px solid #EEE
}

.trade__info-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.trade__info-title-name {
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 46px
}

.trade-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    color: #6F6F6F;
    font-size: 16px;
    line-height: 22px
}

.trade__info-desc {
    color: #000;
    font-size: 16px;
    line-height: 22px
}

.trade__actions-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 9px;
    padding: 40px 0 27px;
    border-bottom: 1px solid #EEE
}

.trade__actions-steps {
    color: #999;
    font-size: 14px;
    line-height: 19px
}

.trade__actions-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px
}

.trade__actions-bottom {
    padding-top: 25px
}

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

.trade__actions-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 3px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px
}

.trade__select {
    position: relative
}

.select__block {
    color: #c89e39;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: pointer
}

.select__block-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.select__block-arrow svg {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.select__block.is-open .select__block-arrow svg {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.select__list {
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    min-width: 338px;
    max-width: 338px;
    padding: 15px;
    border-radius: 4px;
    background: #F8F8FF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -100
}

.select__list.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 10
}

.select__list-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 4px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.select__list-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 400;
    border: 1px solid #D4D4D4;
    color: #000;
    font-size: 14px;
    line-height: 19.6px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.select__list-nav-item.active {
    border-color: #c89e39;
    color: #000
}

.select__list-nav-item:hover {
    border-color: #000;
    color: #000
}

.select__list-content {
    position: relative
}

.select__list-content-item {
    position: absolute;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 373px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.content ul.select__list-content-item {
    margin: 0
}

.select__list-content-item.active {
    opacity: 1;
    position: relative;
    visibility: visible;
    pointer-events: auto
}

.select__list-content-item::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    cursor: pointer;
    border-radius: 3px
}

.select__list-content-item::-webkit-scrollbar-track {
    background: #BEBEBE
}

.select__list-content-item::-webkit-scrollbar-thumb {
    background-color: #000;
    border: none;
    border-radius: 3px
}

.select__list-content-item::-webkit-scrollbar-thumb:hover {
    color: #E2E2E2
}

.content ul>li.select__list-item {
    padding: 7px 0;
    width: calc(100% - 6px);
    position: relative;
    border-bottom: 1px solid #E2E2E2;
    border-right: 2px solid #E2E2E2;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0
}

.content ul>li.select__list-item::before {
    content: none
}

.content ul>li.select__list-item:hover {
    color: #c89e39
}

.content ul>li.select__list-item:after {
    position: absolute;
    content: "";
    width: 2px;
    right: 0;
    top: 0;
    height: 0;
    background: #000;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.content ul>li.select__list-item.active {
    color: #2B20B4
}

.content ul>li.select__list-item.active:after {
    height: 100%
}

.select__list-item:first-child {
    border-top: none
}

.select__list-nav-item-icon {
    height: 20px;
    max-width: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.select__list-nav-item-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.trade__actions-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    row-gap: 20px
}

.trade__actions-block-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px
}

.trade__actions-block-name {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.trade__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px
}

.trade__radio-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    padding: 12px;
    border-radius: 4px
}

.trade__radio-input {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    border-radius: 4px;
    border: 1px solid #F0F0F0;
    margin: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.trade__radio-label:hover .trade__radio-input {
    border-color: #000
}

.trade__radio-value {
    color: #161B21;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.trade__radio-input:checked {
    border-color: #000
}

.trade__actions-item-wp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 30px 370px;
    grid-template-columns: auto 370px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.trade__actions-item-wrapper-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(50% - 15px) 30px calc(50% - 15px);
    grid-template-columns: repeat(2, calc(50% - 15px));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.trade__actions-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 25px
}

.trade__actions-item-wrapper-bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(50% - 15px) 30px calc(50% - 15px);
    grid-template-columns: repeat(2, calc(50% - 15px));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    border-top: 1px solid #EEE;
    padding-top: 28px
}

.trade__radio-color {
    width: 20px;
    height: 20px;
    border-radius: 100%
}

.trade__actions-block-info {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.trade__actions-block-info-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 20px
}

.trade__actions-block-info-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    color: #000;
    font-size: 26px;
    font-weight: 700;
    line-height: 35px
}

.trade__actions-block-info-price-old {
    color: #8A8A8A;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-decoration: line-through
}

.trade__actions-block-info-desc {
    color: #939393;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px
}

.trade__actions-informer {
    padding: 30px 24px;
    border-radius: 10px;
    background: #F3F3F3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px
}

.trade__actions-informer-text span {
    margin-bottom: 20px;
    display: block
}

.trade__actions-informer-text span:last-child {
    margin-bottom: 0
}

.trade__actions-informer-text p {
    color: #7E7E7E;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
    margin-bottom: 12px
}

.trade__actions-informer-text p:last-child {
    margin-bottom: 0
}

.trade__actions-informer-text p b {
    font-weight: 700;
    color: #000
}

.trade__actions-informer .button {
    background: #191919;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px
}

.trade__actions-informer .button:hover {
    background: #000
}

.select__list-mob {
    display: none
}

.trade__actions-form-title {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px
}

.trade .form__input input {
    color: #181818;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px
}

.trade .form__input {
    margin: 0
}

.trade .form__label {
    color: #181818;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px
}

.form-btn {
    margin: 50px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-btn .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 50px
}

.trade .form__checkbox-label a {
    text-decoration: underline
}

.trade__actions-block-info-photo {
    height: 76px;
    border-radius: 10px;
    border: 1px solid #EEE;
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 76px;
    padding: 10px;
    margin-bottom: 17px
}

.trade__actions-block-info-photo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.trade__actions--result .trade__actions-informer {
    row-gap: 40px
}

.trade__actions--result .trade__actions-block-info {
    position: relative
}

.trade__actions--result .trade__actions-block-info::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    top: -20px;
    background: #DBDBDB
}

.trade__actions--result .trade__actions-block-info:first-child:before {
    content: none
}

.trade__actions--result form {
    max-width: 670px
}

.form-btn .button.button--black {
    padding: 2px 90px
}

@media(max-width:1409px) {
    .trade__actions-item-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .trade__actions-item-wp {
        -ms-grid-columns: auto 320px;
        grid-template-columns: auto 320px
    }
}

@media(max-width:991px) {
    .trade__actions-item-wp {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        row-gap: 30px
    }
}

@media(max-width:767px) {
    .trade__info {
        row-gap: 16px;
        padding-bottom: 16px
    }

    .trade__info-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .trade__info-title-name {
        font-size: 24px;
        line-height: 36px
    }

    .trade-btn {
        margin-left: 0;
        font-size: 14px;
        line-height: 20px
    }

    .trade__info-desc {
        font-size: 14px;
        line-height: 19px
    }

    .trade__actions-top {
        padding: 16px 0;
        row-gap: 9px
    }

    .trade__actions-steps {
        font-size: 14px;
        line-height: 19px
    }

    .trade__actions-title {
        font-size: 18px;
        line-height: 25px
    }

    .trade__actions-item-wrapper-top {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        row-gap: 30px
    }

    .trade__actions-item {
        row-gap: 12px
    }

    .trade__actions-item-title {
        row-gap: 4px;
        font-size: 18px;
        line-height: 25px
    }

    .select__block {
        font-size: 18px;
        line-height: 22px
    }

    .trade__actions-block-name {
        font-size: 14px;
        line-height: 19px
    }

    .trade__actions-item-wrapper-bottom {
        padding-top: 0;
        border-top: none;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        row-gap: 20px
    }

    .trade__actions-block-info {
        padding-top: 20px;
        border-top: 1px solid #EEE;
        width: 100%
    }

    .trade__actions-block-info-title {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 8px
    }

    .trade__actions-block-info-price {
        font-size: 20px;
        line-height: 27px
    }

    .trade__actions-block-info-price-old {
        font-size: 16px;
        line-height: 22px
    }

    .trade__actions-informer {
        background: transparent;
        padding: 0;
        border-radius: 0
    }

    .trade__actions-informer-text {
        display: none
    }

    .trade__actions-informer .button {
        padding: 15px;
        height: auto
    }

    .trade__actions-form-title {
        font-size: 16px;
        line-height: 22px
    }

    .trade .form__input input {
        font-size: 14px;
        line-height: 19px
    }

    .trade .form__label {
        font-size: 14px;
        line-height: 19px
    }

    .trade__actions--result .trade__actions-item-wrapper {
        row-gap: 16px
    }

    .trade__actions--result .trade__actions-informer {
        border-radius: 10px;
        background: #F3F3F3;
        padding: 20px 15px
    }

    .trade__actions--result .trade__actions-block-info {
        padding-top: 0;
        border-top: none
    }
}

@media(max-width:576px) {
    .select__list-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 16px;
        position: relative
    }

    .catalog-tabs__nav-link {
        white-space: nowrap
    }

    .select__list {
        position: fixed;
        top: initial;
        bottom: 0;
        width: 100%;
        background: #FFF;
        padding: 15px;
        max-width: none;
        min-width: auto;
        border-radius: 4px 4px 0px 0px
    }

    .select__list.is-open {
        z-index: 1002
    }

    .select__list-mob-title {
        color: #000;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px
    }

    .select__list-mob-btn {
        font-size: 12px;
        position: absolute;
        top: -10px;
        ;
        right: -10px;
        color: #696969;
        line-height: 12px;
        padding: 10px
    }

    .select__list-nav-item {
        padding: 8px 9px
    }

    .form-btn {
        margin: 30px 0 20px;
        row-gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-btn .button {
        padding: 15px;
        height: auto;
        width: 100%
    }

    .form-btn .button.button--black {
        padding: 15px
    }
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.33);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    z-index: 5;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.trade .city-switch {
    float: none
}

.trade .main-shops-switcher {
    margin-top: 30px
}

.trade .main-shops-switcher .trade__actions-form-title {
    margin-bottom: 20px
}

.trade .city-switch__block {
    position: relative;
    right: initial;
    top: initial
}

.trade__actions.is-hide {
    display: none
}

@media(min-width:320px) and (max-width:767px) {
    .section--main-banner-new .main-banner {
        height: auto;
        max-height: 100%
    }
}

@media(min-width:1500px) {
    .section--main-banner-new .main-banner {
        height: 665px
    }

    .section--main-banner-new-action .main-banner {
        height: 500px
    }
}

@media(max-width:1679px) {
    .section--main-banner-new .slick-arrow.slick-prev {
        margin-left: 0;
        left: 50px
    }

    .section--main-banner-new .slick-arrow.slick-next {
        margin-right: 0;
        right: 50px
    }
}

@media(max-width:1499px) {
    .section--main-banner-new .main-banner {
        height: 550px
    }

    .section--main-banner-new .slick-dots {
        bottom: 30px
    }
}

@media(max-width:1300px) {
    .section--main-banner-new .main-banner {
        height: 500px
    }
}

@media(max-width:1199px) {
    .section--main-banner-new .main-banner {
        height: 450px
    }

    .section--main-banner-new .slick-arrow.slick-prev {
        left: 30px
    }

    .section--main-banner-new .slick-arrow.slick-next {
        right: 30px
    }
}

@media(max-width:991px) {
    .section--main-banner-new .main-banner {
        height: 340px
    }

    .section--main-banner-new .slick-dots {
        bottom: 25px
    }
}

@media(max-width:767px) {
    .section--main-banner-new .main-banner {
        height: auto
    }

    .section--main-banner-new .slick-dots {
        bottom: 15px
    }
}

.section--main-banner-new .main-banner__img .img {
    opacity: 1
}

.section--main-banner-new .main-banner__img .img img {
    opacity: 1
}

@media (max-width:767px) {
    .main-banner__pagin .slick-dots a {
        width: 4px;
        height: 4px
    }

    .slick-dots li {
        margin: 0 3px !important
    }

    .main-banner__pagin .slick-dots li.slick-active a,
    .main-banner__pagin .slick-dots li:hover a {
        width: 10px;
        height: 10px
    }
}

.trade__actions .main-shops-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px
}

.trade__actions .city-switch {
    float: none
}

.trade__actions .city-switch__block {
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%
}

.popular-item--other {
    width: calc(33.333333% - 30px);
    margin: 0 15px;
    margin-bottom: 30px;
    min-height: 186px
}

@media(min-width:1024px) and (max-width:1409px) {
    .col-popular:last-of-type {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        height: 250px
    }

    .popular-item--other {
        min-height: 250px
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .col-popular:last-of-type {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        height: 250px
    }

    .popular-item--other {
        min-height: 250px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .col-popular {
        height: auto
    }
}

@media(max-width:1199px) {
    .popular-item--other {
        width: calc(50% - 30px)
    }
}

.section--404 {
    width: 100%;
    background-color: white;
    padding: 50px 0 !important
}

.section--catalog-border {
    padding: 50px 0;
    margin-top: 70px;
    border-top: 1px solid #F3F3F3
}

.section--catalog-padding {
    padding: 65px 0
}

.section--catalog-padding2 {
    padding: 50px 0
}

.catalog-top .catalog-card {
    margin-bottom: 0;
    height: 100%
}

@media(max-width:767px) {
    .section--catalog-border {
        padding: 30px 0;
        margin-top: 0
    }

    .section--catalog-padding {
        padding: 30px 0
    }

    .section--catalog-padding2 {
        padding: 30px 0
    }
}

.modal .nice-select {
    border: none;
    height: 36px;
    line-height: 33px;
    border-radius: 0;
    padding: 0;
    border-bottom: 1px solid #d3d3d3;
    color: #000000;
    font-size: 17px
}

.nice-select:after {
    background: url('../../../../../templates/.default/img/select-arrow.svg') no-repeat;
    width: 8px;
    height: 5px;
    right: 0
}

.nice-select .list {
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 15px
}

.nice-select .option {
    line-height: 22px;
    font-size: 17px;
    height: auto;
    padding: 12px 0;
    border-bottom: 1px solid #d3d3d3
}

.nice-select .option:last-child {
    border-bottom: none
}

.nice-select .option:hover {
    color: #c89e39
}

.nice-select .option.selected {
    color: rgb(86, 74, 235)
}

.catalog-detail__brands {
    display: flex;
    justify-content: center;
    column-gap: 25px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 4px;
    background: #F5F5F5;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: #AEAEAE;
    transition: background .3s ease-out;
    margin-top: 20px
}

.catalog-detail__brands-text {
    color: #000
}

.catalog-detail__brands-name {
    font-weight: 700;
    color: #000
}

.catalog-detail__brands:hover {
    color: #AEAEAE;
    background: #dbdada
}

@media (max-width:768px) {
    .catalog-detail__brands {
        font-size: 12px;
        column-gap: 15px
    }
}

.shops__item-review {
    padding-left: 0
}

.advan-mp--slider .advan-mp__wp {
    width: 100%;
    display: flex
}

.advan-mp--slider .slick-list {
    width: 100%
}

.advan-mp--slider .slick-track {
    display: flex;
    align-items: baseline
}

.advan-mp--slider .slick-slide>div {
    display: flex;
    height: 100%
}

.advan-mp--slider .advan-mp__item {
    display: flex !important;
    height: 100%
}

.slick-arrow.slick-arrow--small {
    margin-right: 0 !important;
    margin-left: 0 !important;
    font-size: 21px;
    height: 20px;
    width: 20px;
    opacity: 1;
    color: #000
}

.slick-arrow.slick-prev.slick-arrow--small {
    left: 0px
}

.slick-arrow.slick-next.slick-arrow--small {
    right: 0px
}

.advan-mp__wp {
    padding: 0 51px
}

.mp-brands {
    padding: 34px 0 24px 0;
    height: 107px;
    overflow: hidden
}

.mp-brands__wp {
    padding: 0 15px
}

.mp-brands__item {
    display: flex;
    transition: all .3s ease-out
}

.mp-brands__item:hover {
    opacity: 0.4
}

.mp-brands .slick-list::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 7%;
    background: linear-gradient(270deg, #FFF 44.17%, rgba(255, 255, 255, 0.00) 100%);
    transform: scale(-1)
}

.mp-brands .slick-list::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 6%;
    background: linear-gradient(270deg, #FFF 44.17%, rgba(255, 255, 255, 0.00) 100%);
    z-index: 1
}

.mp-brands__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 124px;
    height: 53px;
    margin: 0 auto
}

.mp-brands__img img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.mp-brands .slick-arrow.slick-arrow--small {
    color: #000;
    opacity: 1;
    top: calc(50% - 4px)
}

.mp-brands .slick-arrow.slick-prev.slick-arrow--small {
    left: 0px
}

.mp-brands .slick-arrow.slick-next.slick-arrow--small {
    right: 0px
}

@media (max-width:768px) {
    .mp-brands__wp {
        padding: 0 0
    }

    .mp-brands .slick-list::before,
    .mp-brands .slick-list::after {
        display: none
    }

    .mp-brands__img {
        max-width: 85px
    }

    .mp-brands {
        padding: 15px 0;
        height: 87px
    }

    .advan-mp--slider .advan-mp__item {
        padding-right: 15px
    }

    .advan-mp__wp {
        padding: 0 0
    }
}

.section--trend {
    padding: 10px 0 50px 0 !important
}

@media (max-width:768px) {
    .section--trend {
        padding: 0px 0 25px 0 !important
    }
}

.mp-action {
    padding: 8px 0;
    background: #333
}

.mp-action__top>.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 30px
}

.mp-action__top-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #FFF;
    margin: 0
}

.mp-action__link {
    position: inherit;
    width: fit-content;
    padding: 4px 14px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    height: auto !important
}

@media (max-width:768px) {
    .mp-action__link {
        font-size: 13px
    }
}

.btn-showmore {
    margin: 40px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 19px 59px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px
}

.btn-showmore:hover {
    border-color: #000;
    color: #c89e39;
    text-decoration: none
}

.main-catalog .main-catalog__col:nth-child(n+5) {
    display: none
}

.main-catalog.is-show .main-catalog__col:nth-child(n+5) {
    display: block
}

@media(max-width:1023px) {
    .main-catalog .main-catalog__col:nth-child(n+3) {
        display: none
    }

    .main-catalog.is-show .main-catalog__col:nth-child(n+3) {
        display: block
    }
}

.footer__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 13px;
    margin-top: -6px
}

.footer__socials-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    color: rgba(255, 255, 255, 0.50);
    font-size: 15px;
    font-weight: 400;
    line-height: 21px
}

.footer__socials-link svg {
    font-size: 20px
}

.footer__socials-link svg.icon-wa {
    width: 20px;
    font-size: 15px
}

.footer__socials-link:hover {
    color: rgba(255, 255, 255, 1)
}

.footer__menu-item-arrow {
    display: none
}

.footer__menu-item-heading a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    color: #ececec;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 18px;
    margin-bottom: 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__menu-item-heading a:hover {
    color: #FFF
}

@media(min-width:768px) and (max-width:1023px) {
    .footer__menu-item-heading a {
        font-size: 16px
    }
}

@media(max-width:767px) {
    .footer__socials {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-column-gap: 44px;
        -moz-column-gap: 44px;
        column-gap: 44px;
        margin-bottom: 17px;
        margin-top: 0;
        flex-wrap: wrap
    }

    .footer__socials-link {
        position: relative;
        width: calc(50% - 22px)
    }

    .footer__socials-link:nth-child(odd) {
        justify-content: flex-end
    }

    .footer__socials-link:first-child::after {
        position: absolute;
        content: '';
        right: -22px;
        top: 0;
        height: 25px;
        width: 1px;
        background: #686868
    }

    .footer__menu-item-heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__menu-item-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 21px 0 21px 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 10px
    }

    .footer__menu-item-arrow.is-open svg {
        -webkit-transform: scale(-1);
        -ms-transform: scale(-1);
        transform: scale(-1)
    }

    .footer__menu-item {
        position: relative
    }

    .footer__menu-item::after {
        position: absolute;
        content: '';
        left: -1000px;
        right: -1000px;
        bottom: 0;
        height: 1px;
        background: #474747
    }

    .footer__menu-item:last-child:after {
        content: none
    }

    .footer__menu-item-heading a {
        margin: 0;
        padding: 0;
        border: none;
        color: #FFF;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px
    }

    .menu--footer>ul>li>ul.footer__menu-dropdown {
        margin: 0;
        padding-bottom: 20px;
        display: none
    }

    .menu--footer>ul>li.footer__menu-item:first-child>ul {
        display: none
    }

    .menu--footer>ul>li>ul.footer__menu-dropdown>li {
        margin-bottom: 9px
    }

    .menu--footer>ul>li>ul.footer__menu-dropdown>li:last-of-type {
        margin-bottom: 0
    }

    .menu--footer>ul>li>ul.footer__menu-dropdown>li>a {
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        color: #929292;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .footer--mob .footer__foot {
        padding-bottom: 0
    }

    .footer--mob .menu--footer {
        padding-top: 0
    }
}

.catalog-detail .advan-mp {
    padding-bottom: 35px;
    padding-top: 0;
    background: transparent
}

.catalog-detail .advan-mp--slider .advan-mp__wp {
    padding: 10px 75px;
    border-radius: 6px;
    background: #F1F1F1
}

.catalog-detail .advan-mp--slider .slick-arrow.slick-prev.slick-arrow--small {
    left: 20px
}

.catalog-detail .advan-mp--slider .slick-arrow.slick-next.slick-arrow--small {
    right: 20px
}

@media(max-width:767px) {
    .advan-mp--slider {
        padding: 10px 0;
        margin-bottom: 20px;
        padding-bottom: 57px !important;
        position: relative;
        background: #F1F1F1
    }

    .catalog-detail .advan-mp {
        background: #F1F1F1
    }

    .advan-mp--slider .advan-mp__wp {
        padding: 10px 35px;
        border-radius: 0;
        position: relative
    }

    .catalog-detail .advan-mp--slider .advan-mp__wp {
        padding: 10px 35px
    }

    .advan-mp--slider .container {
        position: relative
    }

    .advan-mp--slider .advan-mp__wp {
        position: absolute;
        height: 57px;
        width: 125%;
        left: 15px;
        right: inherit
    }

    .advan-mp--slider .advan-mp__wp .slick-list {
        padding: 0 20% 0 0
    }

    .advan-mp--slider::after {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        width: 150px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, color-stop(44.17%, #F1F1F1), to(rgba(241, 241, 241, 0.00)));
        background: -o-linear-gradient(right, #F1F1F1 44.17%, rgba(241, 241, 241, 0.00) 100%);
        background: linear-gradient(270deg, #F1F1F1 44.17%, rgba(241, 241, 241, 0.00) 100%)
    }

    .advan-mp--slider .slick-arrow.slick-prev.slick-arrow--small {
        left: 0
    }

    .advan-mp--slider .slick-arrow.slick-next.slick-arrow--small {
        right: 25%
    }

    .catalog-detail .advan-mp--slider .slick-arrow.slick-prev.slick-arrow--small {
        left: 0
    }

    .catalog-detail .advan-mp--slider .slick-arrow.slick-next.slick-arrow--small {
        right: 25%
    }

    .advan-mp__item {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

@media(max-width:576px) {
    .advan-mp--slider .advan-mp__wp {
        height: 80px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .advan-mp--slider {
        padding-bottom: 80px !important
    }

    .catalog-detail .advan-mp--slider .advan-mp__wp {
        height: 55px
    }

    .catalog-detail .advan-mp--slider {
        padding-bottom: 56px !important
    }

    .advan-mp--slider .advan-mp__wp .slick-list {
        padding: 0 50% 0 0
    }

    .advan-mp--slider::after {
        width: 90px
    }

    .advan-mp--slider .slick-arrow.slick-next.slick-arrow--small {
        right: 28%
    }

    .catalog-detail .advan-mp--slider .slick-arrow.slick-next.slick-arrow--small {
        right: 28%
    }

    .advan-mp--slider .advan-mp__item {
        padding-right: 25px
    }
}

.section--trend+.advan-mp--slider {
    margin-bottom: 0 !important
}

.header__top-block-geo {
    position: relative
}

.header__top-block-geo-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    border-radius: 6px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 20px 15px 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    min-width: 330px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.header__top-block-geo-dropdown.is-open {
    opacity: 1;
    z-index: 3;
    pointer-events: auto;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.header__top-block-geo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__top-block-geo-dropdown::before {
    position: absolute;
    content: '';
    left: 50%;
    top: -8px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 16px;
    height: 16px;
    background: #FFF
}

.header__top-block-geo-dropdown-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #888888;
    font-size: 8px
}

.header__top-block-geo-dropdown-close:hover {
    color: #c89e39
}

.header__top-block-geo-dropdown-title {
    color: #141414;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px
}

.header__top-block-geo-dropdown-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.header__top-block-geo-dropdown-actions .button {
    padding: 9px 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    white-space: nowrap
}

.button--border {
    color: #000;
    border: 1px solid #E5E5E5
}

.header__top-block-geo-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #464646;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px
}

.header__top-block-geo-top:hover {
    color: #c89e39
}

@media(min-width:768px) {
    .header__top-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width:1023px) {
    .header__top-block-geo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .header__top-block-geo-dropdown {
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        transform: translate(0, 20px);
        left: 0
    }

    .header__top-block-geo-dropdown::before {
        left: 22px;
        -webkit-transform: translateX(0) rotate(45deg);
        -ms-transform: translateX(0) rotate(45deg);
        transform: translateX(0) rotate(45deg)
    }

    .header__top-block-geo-dropdown.is-open {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.bx-pagination .bx-pagination-container ul li {
    padding-left: 5px
}

.bx-pagination .bx-pagination-container ul li:before,
.bx-pagination .bx-pagination-container ul li::before {
    display: none !important
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-count {
    border-color: #c89e39;
    background: #c89e39
}

.footer__menu-dropdown-show {
    display: none;
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0;
    width: fit-content;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s ease
}

.footer__menu-dropdown-show:hover {
    color: #d6d6d6
}

.footer__menu-dropdown-show.visible {
    display: block
}

@media(max-width:767px) {
    .header__top-block--geo {
        display: block !important;
        position: fixed;
        top: -10000px;
        left: -10000px
    }

    .header__top-block-geo-dropdown {
        position: fixed;
        top: 75px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .header__top-block-geo-dropdown.is-open {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .header__top-block-geo-dropdown::before {
        content: none
    }
}

@media(max-width:375px) {
    .header__top-block-geo-dropdown-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px
    }

    .header__top-block-geo-dropdown {
        min-width: calc(100% - 30px)
    }
}

.catalog-card__tags {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    row-gap: 3px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.catalog-card__tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    row-gap: 3px
}

.catalog-card__tags-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 8px 4px 10px;
    border-radius: 5px;
    background: #F2F2F2;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    min-height: 28px;
    cursor: auto
}

.catalog-card__tags-item-wp {
    position: relative
}

.catalog-card__tags-item-dropdown {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    padding: 6px 9px;
    border-radius: 4px;
    background: #3E3E3E;
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: calc(100% + 100px);
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    cursor: auto
}

.catalog-gallery__main .catalog-card__tags-item-dropdown {
    min-width: 250px
}

@media(max-width:1440px) {
    .catalog-gallery__main .catalog-card__tags-item-dropdown {
        min-width: 130px;
        width: 100%
    }
}

@media(max-width:991px) {
    .catalog-gallery__main .catalog-card__tags-item-dropdown {
        min-width: 250px
    }
}

@media(max-width:576px) {
    .catalog-gallery__main .catalog-card__tags-item-dropdown {
        min-width: 145px
    }

    .catalog-gallery__main .catalog-card__tags {
        width: calc(100% - 90px)
    }
}

.catalog-card__tags-item-dropdown a {
    cursor: pointer
}

.catalog-card__tags-item-wp:hover .catalog-card__tags-item-dropdown {
    opacity: 1;
    visibility: visible
}

.catalog-card__tags-item-dropdown::before {
    position: absolute;
    content: '';
    left: 15px;
    top: -4px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #3E3E3E
}

.content .catalog-card__tags-item-dropdown ul {
    margin-bottom: 5px
}

.content .catalog-card__tags-item-dropdown ul>li:before {
    width: 6px;
    height: 6px;
    background: #FFF;
    border-radius: 100%;
    top: 4.5px
}

.content .catalog-card__tags-item-dropdown ul>li {
    padding-left: 14px;
    margin-bottom: 10px
}

.content .catalog-card__tags-item-dropdown ul>li:last-of-type {
    margin-bottom: 0
}

.catalog-card__tags-item--btn {
    cursor: pointer
}

.catalog-card__tags-item--btn svg {
    font-size: 10px
}

.catalog-card__tags-item--btn:hover {
    background: rgba(242, 242, 242, .6);
    opacity: .6
}

.catalog-card .catalog-card__tags-item-wp:nth-child(n + 2) {
    display: none
}

.catalog-card__tags.is-open .catalog-card__tags-item-wp:nth-child(n + 2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog-card__tags-item.blue {
    background: #c89e39;
    color: #FFF
}

.catalog-card__tags-item.blue:hover {
    background: #c89e39
}

.section--catalog-slider {
    padding: 50px 0 !important;
    position: relative;
    margin-bottom: 50px
}

.section--catalog-slider::before {
    position: absolute;
    content: '';
    left: -10000px;
    right: -10000px;
    top: 0;
    height: 1px;
    background: #F3F3F3
}

.section--catalog-slider::after {
    position: absolute;
    content: '';
    left: -10000px;
    right: -10000px;
    bottom: 0;
    height: 1px;
    background: #F3F3F3
}

.catalog-card.catalog-card--no-actions:hover .catalog-card__tags {
    top: 18px
}

.catalog-detail--unavailable .catalog-detail__calc-button--cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    background: #CCC;
    color: #FFF;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    pointer-events: none
}

.catalog-detail--unavailable .catalog-gallery__main .catalog-card__tags {
    top: 31px;
    left: 31px
}

.catalog-detail--unavailable .catalog-gallery__main .catalog-card__tags .catalog-card__tags-item-dropdown {
    min-width: 350px
}

.cookies {
    position: fixed;
    z-index: 10000;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(29, 30, 28, 0.05);
    box-shadow: 0px 4px 16px 0px rgba(29, 30, 28, 0.05);
    right: 58px;
    bottom: 48px;
    width: 406px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px
}

.cookies__text {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%
}

.cookies__text a {
    color: #4197A2
}

.cookies__text a:hover {
    opacity: .8
}

.cookies .button {
    padding: 13px 35px;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width:1440px) {
    .catalog-card__tags-item-dropdown {
        min-width: 100%
    }

    .catalog-detail--unavailable .catalog-gallery__main .catalog-card__tags .catalog-card__tags-item-dropdown {
        min-width: 170px
    }
}

.catalog-card__actions {
    z-index: 5
}

@media(max-width:767px) {
    .catalog-card__tags-item {
        padding: 2px 6px 3px;
        font-size: 9px;
        line-height: 13px;
        min-height: 19px;
        border-radius: 3px
    }

    .catalog-card__tags-item-dropdown {
        width: calc(100% + 70px)
    }

    .catalog-card__tags-item--btn {
        padding: 2px 6px
    }

    .catalog-detail--unavailable .catalog-gallery__main .catalog-card__tags {
        top: 15px;
        left: 15px;
        width: calc(100% - 60px)
    }

    .catalog-card .catalog-card__tags {
        width: calc(100% - 100px);
        top: 10px
    }

    .catalog-card.catalog-card--no-actions .catalog-card__tags {
        top: 10px
    }

    .catalog-card.catalog-card--no-actions:hover .catalog-card__tags {
        top: 10px
    }

    .catalog-card__tags {
        left: 10px;
        width: calc(100% - 20px)
    }

    .section--catalog-slider {
        padding: 40px 0 10px !important;
        margin-bottom: 40px
    }
}

@media(max-width:576px) {
    .catalog-card .catalog-card__tags {
        width: calc(100% - 70px)
    }
}

.catalog-top {
    opacity: 0
}

.catalog-top--first {
    height: 541px
}

.catalog-top--first .catalog-card__name {
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    overflow: hidden
}

@media(max-width:576px) {
    .catalog-top--first {
        height: 360px
    }

    .cookies {
        width: calc(100% - 30px);
        right: 15px;
        bottom: 15px;
        padding: 15px
    }

    .cookies__text {
        font-size: 12px;
        line-height: 14px
    }

    .cookies .button {
        width: 100%;
        padding: 10px;
        font-size: 11px;
        line-height: 13px
    }
}

.catalog-top .catalog-card .catalog-card__actions {
    right: 10px
}

@media(max-width:767px) {
    .service-toggle .menu-toggle {
        left: 0 !important;
        margin-left: 0 !important
    }
}

.catalog-gallery__main .catalog-card__tags-item-wp:nth-child(n + 3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog-gallery__main .catalog-card__tags-item--btn {
    display: none
}

@media(min-width:330px) and (max-width:425px) {
    .add-to-basket {
        padding: 2.5px 4px;
        font-size: 10px
    }

    .catalog-card__price {
        font-size: 11px
    }

    .catalog-card__button {
        padding-right: 7px
    }
}

.cart__more {
    width: 100%;
    margin-top: 36px
}

.cart__more-container {
    position: relative
}

.cart__more .slick-arrow svg {
    width: 9px;
    height: 9px
}

.cart__more .slick-arrow {
    color: #000;
    background: #0000001A;
    border-radius: 100%
}

.cart__more .slick-arrow.slick-next {
    margin: 0;
    right: 0
}

.cart__more .slick-arrow.slick-prev {
    left: 0;
    margin: 0
}

.cart__more .slick-slider {
    position: static
}

.cart__more-slider {
    width: calc(100% - 62px);
    margin: 0 auto
}

.cart__more .cart__serv-btn-show {
    margin-bottom: 37px;
    margin-top: 21px;
    display: none
}

.cart__more .slick-slide {
    margin-right: 7px !important;
    margin-left: 7px !important
}

@media (max-width:768px) {
    .cart__more .cart__serv-btn-show {
        margin-bottom: 14px;
        margin-top: 22px
    }

    .cart__more-slider {
        width: 100%
    }

    .cart__more-slider>.catalog-card__dots {
        top: unset;
        bottom: -18px;
        height: fit-content;
        line-height: normal;
        position: absolute;
        margin: 0;
        padding: 0
    }

    .cart__more .slick-slide {
        margin: 0 !important
    }

    .cart__more .slick-slider {
        margin: 0
    }
}

.cart__more-slider-slide {
    padding: 20px 16px;
    display: block;
    border: 1px solid #E5E5E5;
    background: #FFFFFF;
    border-radius: 10px;
    transition: border-color .3s ease
}

.cart__more-slider-slide:hover {
    border: 1px solid #B2B2B2
}

.cart__more-slider-slide-main {
    display: flex;
    align-items: center;
    gap: 10px
}

.cart__more-slider-slide-main-img {
    min-width: 62px;
    max-width: 62px;
    height: 62px
}

.cart__more-slider-slide-main-img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.cart__more-slider-slide-main-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000
}

.cart__more-slider-slide-bottom-add {
    width: 60px;
    height: 32px
}

.cart__more-slider-slide-bottom-add svg {
    transition: all .3s ease
}

.cart__more-slider-slide-bottom-add.selected {
    background-color: rgb(86, 74, 235)
}

.cart__more-slider-slide-bottom-add.selected svg {
    transform: rotateZ(-45deg)
}

.cart__more-slider-slide-bottom-price {
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    color: #000000
}

.cart__more-slider-slide-bottom {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.modal--more .modal-dialog {
    max-width: 1170px
}

.modal--more .modal-vpl {
    padding: 40px 30px
}

.modal--more .modal-vpl__close {
    top: 40px;
    right: 30px
}

.modal--more .modal-vpl__title {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px
}

.modal-more {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 36px;
    row-gap: 30px
}

.modal--more .catalog-card {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 125px;
    margin-bottom: 0
}

.modal--more .catalog-card__bottom {
    left: 8px;
    right: 8px;
    width: calc(100% - 16px)
}

@media (max-width:1199px) {
    .modal-more {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:991px) {
    .modal-more {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:768px) {
    .modal-more {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .modal--more .catalog-card {
        padding-bottom: 80px
    }

    .modal--more .modal-vpl__close {
        top: 20px;
        right: 15px;
        padding: 0;
        width: 14px;
        height: 14px
    }

    .modal--more .modal-vpl__title {
        font-weight: 700;
        font-size: 16px;
        line-height: 17px
    }

    .modal--more .modal-vpl {
        padding: 20px 15px
    }
}

.modal--more .modal {}

/* /bitrix/templates/.default/css/media-query.css */
@media (min-width:320px) and (max-width:767px) {
    body {
        font-size: 14px
    }

    h1 {
        font-size: 24px;
        line-height: 28px;
        padding: 0 0 25px
    }

    .section--title h1 {
        padding-right: 0
    }

    h2 {
        font-size: 24px;
        line-height: 28px;
        margin: 30px 0 10px
    }

    h3 {
        font-size: 22px;
        line-height: 28px;
        margin: 35px 0 15px
    }

    h4 {
        font-size: 20px;
        line-height: 26px;
        margin: 35px 0 15px
    }

    h5 {
        font-size: 18px;
        margin: 20px 0 10px
    }

    h6 {
        font-size: 16px;
        margin: 20px 0 10px
    }

    .content table tr>td {
        font-size: 14px;
        padding: 10px 0
    }

    .content table thead tr>td {
        font-size: 12px
    }

    .detail-img {
        margin: 30px 0 40px
    }

    .detail-img .title {
        margin-top: 20px
    }

    .inline-img .img {
        margin-right: 18px;
        width: 52px
    }

    .inline-img .info {
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px)
    }

    .button {
        height: 40px
    }

    .button--back {
        height: 60px
    }

    .slick-arrow {
        display: none
    }

    .slick-dots {
        bottom: 15px
    }

    .slick-dots li {
        margin: 0 5px !important
    }

    .row-xs {
        margin: 0 -3px
    }

    .row-xs .col {
        padding: 0 3px
    }

    .pagination-container ul.pagination>li {
        font-size: 15px
    }

    .pagination-container ul.pagination>li.arrow:first-of-type {
        margin-right: 0
    }

    .pagination-container ul.pagination>li.arrow:last-of-type {
        margin-left: 0
    }

    .pagination-container ul.pagination>li>a,
    .pagination-container ul.pagination>li>span {
        height: 35px;
        line-height: 35px;
        width: 35px
    }

    .button:hover {
        background: transparent;
        color: #000
    }

    .button--black:hover {
        background: #191919;
        color: #fff
    }

    .button--grey:hover {
        background: #f5f5f5;
        color: #000
    }

    .button--transparent:hover {
        background: transparent;
        color: #818181
    }

    .button--white:hover {
        border-color: rgba(255, 255, 255, 0.3);
        color: rgba(255, 255, 255, 0.7)
    }

    .button--white-bg:hover {
        background: #fff
    }

    .button--feedback:hover {
        background: transparent;
        border-color: #686868;
        color: #9e9e9e
    }

    .button--feedback:hover:before {
        border-color: #686868
    }

    .button--feedback:hover span:before,
    .button--feedback:hover span:after {
        background: #686868
    }

    .button--back:hover {
        background: transparent;
        border-color: #cacaca
    }

    .button--black.active {
        background: #000 !important;
        color: #fff !important
    }

    .button--grey.active {
        background: #000 !important;
        color: #fff !important
    }

    .button--transparent.active {
        background: transparent !important;
        color: #000 !important
    }

    .button--white.active {
        background: transparent !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
        color: #fff !important
    }

    .button--white-bg.active {
        background: #e5e5e5 !important
    }

    .mobile-aside,
    .mobile-panel,
    .mobile-catalog {
        display: block
    }

    .header {
        -webkit-transition: background 0.3s ease-out;
        -o-transition: background 0.3s ease-out;
        transition: background 0.3s ease-out
    }

    .header.is-search {
        background: #f3f3f3
    }

    .header.fixed {
        top: 0
    }

    .fixed .header__top-block {
        height: 65px;
        line-height: 65px
    }

    .menu-toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 65px;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1
    }

    .open-menu span,
    .open-menu span::before,
    .open-menu span::after {
        background: #000
    }

    .open-submenu {
        right: 50%
    }

    .header__top-block--logo {
        float: none;
        padding-right: 0;
        text-align: center;
        width: auto
    }

    .fixed .header__top-block--logo {
        top: 0
    }

    .header__top-block--slogan,
    .header__top-block--geo,
    .header__top-block--menu,
    .header__top-block--lk,
    .header__top-block--links,
    .header__head-block--catalog,
    .header__head-block--menu {
        display: none
    }

    .logo a,
    .fixed .logo a {
        font-size: 26px
    }

    .fixed .logo a,
    .fixed .logo a:hover {
        color: #000
    }

    .fixed .logo a .icon {
        opacity: 0
    }

    .geo {
        color: #bcbcbc
    }

    .header__lk {
        text-align: center
    }

    .header__lk a {
        color: #fff;
        height: 50px;
        width: auto
    }

    .header__lk a .icon {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .header__head {
        height: 0
    }

    .header__head-block {
        height: 65px;
        line-height: 65px
    }

    .header__head-block--search {
        margin-top: -65px
    }

    .header__search {
        height: 65px;
        z-index: 2
    }

    .fixed .header__search {
        width: 54px
    }

    .header__search-submit {
        background: #fff;
        color: #000
    }

    .fixed .header__search-open,
    .fixed .header__search-submit,
    .fixed .header__search-close {
        width: 54px
    }

    .header__search-submit .icon {
        margin-left: 29px;
        -webkit-transition: margin-left 0.3s ease-out;
        -o-transition: margin-left 0.3s ease-out;
        transition: margin-left 0.3s ease-out
    }

    .is-open .header__search-submit .icon {
        margin-left: 0
    }

    .header__search-open:hover+.header__search-submit {
        color: #000
    }

    .menu--catalog {
        margin-right: 0;
        margin-bottom: 27px
    }

    .menu--head {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        padding-left: 0;
        padding-bottom: 8px
    }

    .menu ul>li {
        float: none
    }

    .menu--catalog>ul>li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15)
    }

    .menu--head>ul>li {
        margin-bottom: 20px
    }

    .menu ul>li+li {
        margin-left: 0
    }

    .menu ul>li>a {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        margin: 0 auto
    }

    .menu--catalog>ul>li>a {
        height: 50px
    }

    .menu--catalog>ul>li>ul {
        background: #333333;
        display: none;
        padding: 25px 0 5px
    }

    .menu--catalog>ul>li>ul>li {
        margin-bottom: 20px
    }

    .menu--catalog>ul>li>ul>li>a {
        color: #fff;
        opacity: 0.7;
        padding: 0 20px
    }

    .content {
        padding-top: 65px
    }

    .section {
        padding: 40px 0 75px
    }

    .section__title {
        font-size: 28px;
        margin: 0 0 35px;
        text-align: center
    }

    .section--title {
        padding-top: 25px
    }

    .main-banner {
        height: auto
    }

    .main-banner {
        height: 435px;
        overflow: hidden;
        opacity: 0
    }

    .main-banner .slick-list,
    .main-banner .slick-track,
    .main-banner .slick-slide,
    .main-banner .slick-slide>div,
    .main-banner__slide {
        height: auto
    }

    .main-banner__slide {
        position: relative
    }

    .main-banner__bg {
        top: auto;
        height: 210px
    }

    .main-banner__info {
        color: #000;
        padding: 35px 0 20px;
        position: relative
    }

    .main-banner__info:hover {
        color: #000
    }

    .main-banner__subtitle {
        font-size: 25px;
        margin-bottom: 18px
    }

    .main-banner__subtitle .icon {
        font-size: 23px
    }

    .main-banner__name {
        font-size: 24px;
        margin-bottom: 12px
    }

    .main-banner__anons {
        font-size: 16px;
        margin-bottom: 12px
    }

    .main-banner__img {
        height: 210px;
        padding: 12px 0 40px
    }

    .main-banner__img .container {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .main-banner__img .img {
        margin: 0;
        max-width: 266px
    }

    .main-popular .row {
        margin: 0 -5px
    }

    .col-popular {
        height: auto;
        padding: 0 5px
    }

    .popular-item {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        height: -webkit-calc(100% - 10px);
        height: calc(100% - 10px);
        margin-bottom: 10px;
        padding: 15px 10px
    }

    .popular-item__img {
        height: 115px;
        max-width: 100px;
        margin: 0 auto;
        overflow: hidden
    }

    .popular-item__name {
        font-size: 15px;
        font-weight: 600
    }

    .popular-item__price {
        font-size: 15px;
        margin-bottom: 10px
    }

    .section--main-actions {
        background: #000 url('../../../../../templates/.default/img/bg__main-actions-xs.jpg') no-repeat center top;
        padding: 35px 0
    }

    .main-actions .section__title {
        margin-bottom: 40px;
        padding-top: 1px;
        position: relative;
        text-align: left
    }

    .button--actions {
        max-width: 120px
    }

    .main-actions__item {
        padding-bottom: 15px
    }

    .main-actions__img-cont {
        margin-right: 0;
        margin-bottom: 30px;
        width: 300px
    }

    .main-actions__img {
        margin-top: 0
    }

    .main-actions__name-cont {
        display: none
    }

    .main-actions__info {
        max-width: none;
        width: 100%
    }

    .main-actions__name {
        font-size: 20px;
        margin-bottom: 10px
    }

    .main-actions__tags {
        display: none
    }

    .main-actions__tag {
        margin: 0;
        position: absolute;
        left: 20px;
        bottom: 20px
    }

    .main-actions__date {
        padding-bottom: 20px
    }

    .main-actions__text {
        font-size: 14px;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .main-actions-nav {
        height: 70px
    }

    .main-actions-nav__slider {
        max-width: 284px
    }

    .main-actions-nav__slider .slick-slide {
        padding: 0 3px
    }

    .main-actions-nav__slide {
        padding: 10px 8px
    }

    .main-actions-nav__img img {
        width: 65px
    }

    .section--main-catalog {
        padding: 30px 0 40px
    }

    .section--main-catalog .section__title {
        margin-bottom: 30px
    }

    .main-catalog {
        margin: 0 -5px
    }

    .main-catalog__col {
        padding: 0 5px;
        width: 50%
    }

    .catalog-card {
        height: -webkit-calc(100% - 10px);
        height: calc(100% - 10px);
        margin-bottom: 10px
    }

    .catalog-card__actions-button {
        opacity: 1
    }

    .main-shops__map {
        height: 50vh;
        max-height: 400px;
        display: block
    }

    .city-switch {
        float: none;
        margin-top: 30px
    }

    .city-switch--in-page {
        margin-top: 0;
        margin-bottom: 30px
    }

    .city-switch--in-page .city-switch__block {
        width: 100%
    }

    .city-switch__block {
        margin: 0 auto;
        position: relative;
        top: 0 !important;
        display: block; // отключил вывод выпадающего меню на телефоне --mazurik}.ballon__head{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.baloon__logo{margin-bottom:5px}.ballon__name{max-width:none;width:100%}.section--main-articles{padding:40px 0 50px}.section--main-articles .section__title{margin-bottom:35px;padding-top:1px;text-align:left}.button--articles{max-width:120px}.main-articles__item{height:170px;margin-bottom:10px}.main-articles .row{margin:0 -5px}.col-articles{padding:0 5px}.main-articles__item-info,.main-articles__item--min .main-articles__item-info{font-size:20px;line-height:1.2;padding:22px 25px}.section--catalog-head{padding-bottom:18px;padding-bottom:38px}.catalog-head__item{font-size:11px}.catalog-head__item-img{border-radius:4px;height:42px;margin:0 auto 10px;width:42px}.section--catalog{padding-top:0}.catalog-section__aside{border-radius:0;padding:0 15px 70px;position:fixed;left:-100%;top:65px;bottom:0;-webkit-transition:left 0.3s ease-out,top 0.3s ease-out;-o-transition:left 0.3s ease-out,top 0.3s ease-out;transition:left 0.3s ease-out,top 0.3s ease-out;width:100%;z-index:1001}.catalog-section__aside.is-open{left:0}.catalog-section__aside>div,.filter,.filter form{height:100%}.filter__items{height:-webkit-calc(100% - 55px);height:calc(100% - 55px);padding:0 0 15px;margin-right:-8px}.filter__items .mCSB_container{margin-right:16px !important}.filter__items .mCSB_scrollTools .mCSB_draggerContainer{display:block}.form__checkbox--filter:hover .form__checkbox-label{border-color:transparent}.filter__apply{position:absolute;bottom:0;left:0;right:0}.filter__clear{display:inline-block;font-size:14px;height:auto;padding:0;position:absolute;top:18px;left:15px;width:auto}.filter__buttons{padding-bottom:0;margin:0 -10px}.filter__buttons .button{border-radius:0;height:50px}.filter__buttons .filter__apply{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.filter__buttons .filter__clear{height:auto}.catalog-section__params{margin-top:0;position:relative}.catalog-section__params:before{content:"";background:#f3f3f3;margin-left:-384px;position:absolute;left:50%;top:0;bottom:0;width:768px}.catalog-section__sort{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.select__sort .title{display:none}.select__sort .jq-selectbox__select{height:45px;line-height:45px;padding-left:0}.select__sort .jq-selectbox__dropdown{border-radius:0 0 4px 4px;margin-top:0;padding-top:0;left:-10px;width:-webkit-calc(100% + 20px);width:calc(100% + 20px)}.select__sort .jq-selectbox__dropdown ul>li{padding:0 10px}.select__sort .jq-selectbox__dropdown ul>li:first-child{border-top:0}.open-filter{position:relative}.catalog-section__view{display:none}.catalog-section__items .row{margin:0 -5px}.catalog-col{padding:0 5px}.section--catalog-detail{padding-bottom:30px}.catalog-card__dots li{margin:3px !important}.catalog-detail__articul{margin-top:-10px;margin-bottom:25px}.catalog-detail__card{padding-bottom:16px}.catalog-gallery{height:310px;margin-bottom:25px}.catalog-gallery__nav{display:none}.catalog-gallery__nav+.catalog-gallery__main{width:100%}.catalog-gallery__main .catalog-card__tags{top:22px;left:22px}.catalog-detail__calc-param__value{height:50px;padding:5px 10px}.catalog-detail__calc-param__value--size{height:40px;line-height:1;padding:0 10px}.catalog-detail__calc-param__size{font-size:14px;font-weight:700}.catalog-detail__calc-param__color{height:20px;margin-right:6px;width:20px}.catalog-detail__calc-param__color-name{max-width:-webkit-calc(100% - 26px);max-width:calc(100% - 26px)}.catalog-detail__calc-prices{margin-bottom:0}.catalog-detail__advantages-container{background:#f3f3f3}.catalog-detail__advantages{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-bottom:20px;padding:35px 0 22px}.catalog-detail__advantages-item{min-width:auto;margin:0 auto 18px;max-width:300px;padding:0;width:100%}.catalog-tabs__nav{margin-bottom:20px}.catalog-tabs__nav-link{font-size:16px;height:55px;min-width:auto}.catalog-tabs__nav-link:before{height:0}.catalog-detail__text .inline-img{margin:20px 0 20px;padding-left:0}.section--catalog-top{padding:40px 0 15px}.section--catalog-top h2{font-size:28px;line-height:34px;text-align:center}.catalog-top{margin:0 -5px;margin-bottom:0 !important;padding-bottom:30px}.catalog-top__slide{padding:5px}.catalog-top .catalog-card:hover{box-shadow:none}.catalog-top .catalog-card__dots{top:auto;bottom:10px}.back-in-page{width:300px}.section--catalog-top .back-in-page{margin-bottom:35px}.section--shops{padding:40px 0 50px}.shops__item{margin-bottom:40px;padding-bottom:20px}.shops__item-info{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px}.shops__item-address{margin-bottom:10px;padding-right:0;width:100%}.shops__item-icons{margin-bottom:10px;padding-right:0;width:100%}.shops__item-icons .icon{font-size:17px}.action-item__info{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;padding:15px;padding-top:30px;width:100%}.action-item .main-actions__name{font-size:20px}.action-item__img{height:300px;width:100%}.action-item .main-actions__tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;right:20px;top:20px}.action-item .main-actions__tag{position:relative;left:0;bottom:0}.section--news{padding-bottom:40px}.news-item{margin-bottom:35px}.news-item__img{margin-bottom:30px}.news-item__img,.news-item__img--big{height:200px}.news-item__img--big:before{display:none}.news-item__name{font-size:20px;margin-bottom:20px}.section--other{padding-bottom:25px}.news-other{padding-bottom:55px}.news-other .catalog-card__dots{top:auto;bottom:10px}.cart-container{padding-top:0}.cart__head{display:none}.cart__body{}.cart__item-descr{margin-top:7px}.cart__body .cart__item{padding:18px 0}.cart__item-col{padding-right:40px;margin-bottom:10px}.cart__item-main{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:100%}.cart__item-price{padding-left:70px;width:100%}.cart__item-quantity{padding-left:70px;width:100%}.cart__item-summ{margin-bottom:0;padding-left:70px;width:100%}.cart__item-delete{border-left:1px solid #f0f0f0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;right:0;top:0;bottom:0;width:40px}.cart__item-img{height:60px;margin-right:10px;padding:5px;width:60px}.cart__item-info{width:-webkit-calc(100% - 70px);width:calc(100% - 70px)}.cart__item-name{margin-bottom:5px}.cart__item-props{font-size:13px;line-height:18px}.catalog-card__prices--cart .catalog-card__price{font-size:22px}.catalog-card__prices--cart .catalog-card__price--old{font-size:18px;margin-right:10px}.catalog-card__prices--cart .catalog-card__percent{display:block}.delete-item{}.cart__foot{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:20px}.cart__result{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:30px}.cart__result-title{width:100%}.catalog-card__prices--result{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.catalog-card__prices--result .catalog-card__price{margin-right:15px}.catalog-card__prices--result .catalog-card__price--old{margin-right:0}.cart__submit{margin:0 auto;width:300px}.cart__submit .button{height:60px}.section--service-head h1{margin-bottom:20px}.service-switcher{margin-top:20px}.service-switcher__item{width:33.3333333333333%}.service-tabs{}.service__wrap{border-radius:0;margin-bottom:0 !important;margin-left:-160px !important;padding:20px 10px 20px 30px !important;overflow:visible;position:fixed;left:-70px;top:65px;bottom:0;-webkit-transition:left 0.3s ease-out,bottom 0.3s ease-out;-o-transition:left 0.3s ease-out,bottom 0.3s ease-out;transition:left 0.3s ease-out,bottom 0.3s ease-out;width:230px;z-index:1000}.service__wrap.is-open{left:50%}.service-tabs:before{content:"";background:#f3f3f3;position:absolute;right:100%;top:0;bottom:0;width:300px}.service-tabs{height:calc(100vh - 160px)}.header-fixed .service__wrap{bottom:60px}.service-tabs>li>a{font-size:14px}.compare{padding:25px 0 20px}.compare__slider{margin:0 -5px;margin-bottom:0 !important;padding-bottom:20px}.compare__slider .catalog-card__dots{top:auto;bottom:0}.compare__slide{padding:5px}.compare__slider .catalog-card:hover{box-shadow:none}.compare__navs{padding-right:0}.compare__slider-nav{display:none}.compare__navs-item{font-size:14px;height:35px;margin-right:15px;padding:0 5px}.compare__navs-item span{font-size:10px;margin-left:-3px}.section--compare-list{padding:45px 0}.compare-buttons{margin-bottom:15px}.compare-buttons .button{height:50px;margin-bottom:15px}.compare-list__category{margin-bottom:35px}.compare-list__category-title{margin-bottom:20px}.compare-list__prop{margin-bottom:15px;padding-bottom:13px}.compare-list__prop-title{font-size:10px}.row--compare{margin:0 -5px}.compare-list__col{padding:0 5px}.compare-list__prop-value{font-size:14px}.section--search-form{padding:30px 0 !important}.page-404__header{height:115px;padding:37px 0 0}.page-404__content{padding:50px 0 20px}.footer{overflow:hidden;margin-bottom:61px}.footer__foot{padding:37px 0 15px;text-align:center}.footer__contacts-phone{margin-bottom:5px}.footer__contacts-worktime{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:25px}.footer__contacts-address{padding-top:25px;position:relative}.footer__contacts-address:before{content:"";background:#fff;height:1px;margin-left:-384px;opacity:0.14;position:absolute;left:50%;top:0;width:768px}.footer__contacts-feedback{margin:0 auto 25px}.footer__contacts-worktime--mobile-aside{margin-bottom:15px}.footer__contacts-address--mobile-aside{margin-bottom:12px;padding-top:0}.footer__contacts-address--mobile-aside:before{display:none}.social{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:26px}.social__item{margin:0 13px}.menu--footer{padding-top:40px}.menu--footer:before{content:"";background:#fff;height:1px;margin-left:-384px;opacity:0.14;position:absolute;left:50%;top:0;width:768px}.menu--footer>ul>li{width:100%}.menu--footer ul>li>a{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.menu--footer>ul>li>a{border-bottom:0;margin-bottom:20px;padding-bottom:0}.menu--footer>ul>li>ul{margin-bottom:25px}.menu--footer>ul>li:first-child>ul{display:block}.footer__bottom{padding:12px 0 20px}.footer__bottom-block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:auto}.copyright{margin-right:0;margin-bottom:3px}.footer__bottom-link{margin-right:0}}@media (min-width:320px) and (max-width:575px){.button--clear{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:auto;margin-bottom:20px;position:relative;top:0;width:auto}.content blockquote{font-size:16px;padding-left:0;padding-top:30px}.content blockquote cite{font-size:14px}.content blockquote:before{top:10px}.important:before{top:0}.important{padding-left:0;padding-top:50px}.menu-toggle{margin-left:0;left:15px}.open-submenu{margin-right:0 !important;right:0}.header__search.is-open{width:300px}.header__search-input{padding:0 54px}.menu ul>li>a{}.menu>ul>li>a{padding:0 15px}.catalog-card{padding:10px 10px 80px}.catalog-card__actions{right:5px}.catalog-card__actions-button{font-size:14px;height:30px;margin:0 2px;opacity:1;padding-bottom:3px;width:21px}.catalog-card__actions-button .icon-2{margin-left:-7px;bottom:3px}.catalog-card__img{margin-bottom:5px;padding:25px 0 25px}.catalog-card__img-slider{height:120px}.catalog-card__img-slide{height:120px}.catalog-card__img-nav{height:25px}.catalog-card__dots{height:25px;line-height:25px;bottom:0}.catalog-card__dots li{height:11px;width:11px}.catalog-card__name{color:#000;font-size:14px;font-weight:400;line-height:1.2}.catalog-card__bottom{left:10px;right:10px;bottom:15px;flex-wrap:wrap;row-gap:5px}.catalog-card__button{padding-right:4px}.add-to-basket{}.catalog-card__prices{width:fit-content}.catalog-card__price{font-size:14px;margin-right:0}.catalog-card__price--old{font-size:12px}.catalog-card__percent{display:none}.city-switch__block{width:290px}.catalog-tabs__nav-items{width:300px}.catalog-tabs__nav-item{margin:0}.catalog-tabs__nav-item+.catalog-tabs__nav-item{margin-left:22px}.service-switcher__item{width:50%}.compare-buttons .button{width:100%}.search-form{border-radius:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:visible}.search-form__input{margin-bottom:15px;width:100%}.search-form__submit{width:100%}.search-form__submit .button{border-radius:4px}.menu--footer{margin:0 -10px}.menu--footer>ul>li{padding:0 10px}}@media (min-width:576px) and (max-width:767px){.button--clear{top:-58px}.mobile-panel__link{width:56px}.mobile-catalog .menu--catalog>ul:before{margin-right:105px;right:50%;width:auto}.mobile-catalog .menu--catalog>ul:after{margin-left:-105px;left:50%}.mobile-catalog .menu--catalog>ul>li{width:150px}.mobile-catalog .menu--catalog>ul>li>ul{margin-left:-105px;width:360px;left:50%}.mobile-catalog .menu--catalog>ul>li>ul>li{width:33.3333333333333%}.menu-toggle{margin-left:-255px}.open-submenu{margin-right:-265px !important}.header__search.is-open{width:510px}.menu ul>li>a{max-width:510px}.catalog-tabs__nav-item{margin:0 35px}.service__wrap{margin-left:-270px !important;padding:20px 15px !important;left:40px}.service__wrap.is-open{left:50%}.search-form__input{width:-webkit-calc(100% - 200px);width:calc(100% - 200px)}.search-form__submit{width:200px}}@media (min-width:768px){.catalog-section__items--list .catalog-col{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.catalog-section__items--list .catalog-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0 38px}.catalog-section__items--list .catalog-card__actions{right:34px}.catalog-section__items--list .catalog-card__tags{display:none}.catalog-section__items--list .catalog-card__tags--list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.catalog-section__items--list .catalog-card__tag{margin-right:8px;margin-bottom:8px}.catalog-section__items--list .catalog-card__img{padding:13px 0 30px;margin-right:38px;margin-bottom:0;width:122px}.catalog-section__items--list .catalog-card__img-slider{height:120px}.catalog-section__items--list .catalog-card__img-slide{height:120px}.catalog-section__items--list .catalog-card__info{max-width:240px;padding:20px 0}.catalog-section__items--list .catalog-card__name{margin-bottom:23px}.catalog-section__items--list .catalog-card__bottom{position:static;bottom:0;left:0;right:0}.catalog-section__items--list .catalog-card__button{padding-right:0;position:absolute;right:38px;bottom:36px;width:175px}.catalog-section__items--list .add-to-basket{border-radius:4px;font-size:16px;height:50px;width:100%}.catalog-section__items--list .add-to-basket .icon{display:none}.catalog-section__items--list .add-to-basket span{display:block}.catalog-section__items--list .catalog-card__prices-flex{margin-top:1px}.catalog-section__items--list .catalog-card__prices{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.catalog-section__items--list .catalog-card__price:not(.catalog-card__price--old){margin-right:25px}}@media (min-width:768px) and (max-width:1023px){.section--title-catalog h1{padding-right:0}.slick-arrow.slick-prev{margin-left:-345px}.slick-arrow.slick-next{margin-right:-345px}.header__top-block--logo{margin-right:17px}.header__top-block--slogan{display:none}.header__top-block--geo{margin-right:227px;width:140px}.header__top-block--menu{display:none}.header__top-block--lk{width:42px}.header__lk{border-left:1px solid transparent}.fixed .header__lk{left:-30px;border-color:rgba(255,255,255,0.12)}.header__lk a{padding-left:42px;width:42px}.header__lk a .icon{font-size:22px;margin-top:-12px;left:11px}.header__lk a .icon-lk{opacity:0}.header__lk a .icon-lk2{opacity:1}.header__head-block--menu{padding-right:0}.fixed .header__head-block--menu{display:none}.header__head-tablet{border-top:1px solid rgba(255,255,255,0.12);display:none}.header__head-tablet:before{content:"";border-left:1px solid rgba(255,255,255,0.12);position:absolute;left:50%;top:0;bottom:0}.header__head-block--catalog{border:0}.header__head-block--menu{display:none}.header__search.is-open{width:690px}.header__search-open:hover+.header__search-submit{color:#000}.menu--catalog{margin-right:0}.header__head-block--catalog .menu--catalog{display:none}.menu--head,.fixed .menu--head{padding-left:0}.menu ul>li{float:none;margin-bottom:10px}.menu ul>li+li,.fixed .menu ul>li+li{margin-left:0}.menu ul>li>a{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:16px}.header__head-block--catalog .menu-toggle{display:inline-block}.search-results__item-img{height:80px;width:80px}.search-results__item-name{font-size:12px;margin-bottom:5px}.search-results__item-flex{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.header__cart-price--old{margin-right:0;margin-bottom:5px;width:100%}.section{padding:65px 0 60px}.section--title{padding-top:35px}.main-banner{height:508px}.main-banner__subtitle{font-size:30px;margin-bottom:30px}.main-banner__subtitle .icon{font-size:26px}.main-banner__name{font-size:34px;margin-right:0;margin-bottom:35px}.main-banner__anons{font-size:20px}.main-banner__img .img{margin-right:0;height:80%}.col-popular{height:538px}.col-popular:last-child{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;height:250px}.popular-item{padding:25px 20px}.popular-item--small{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;height:-webkit-calc(100% - 30px);height:calc(100% - 30px);margin:0 15px;width:-webkit-calc(33.3333333333333333% - 30px);width:calc(33.3333333333333333% - 30px)}.popular-item__name{font-size:24px}.popular-item__price{font-size:15px}.popular-item--med .popular-item__img{max-height:120px}.popular-item--small .popular-item__img{right:15px;top:45%;bottom:0;width:auto;left:40%;padding-bottom:10px}.popular-item--small .popular-item__img.y-bottom{padding:0}.section--main-actions{padding-top:60px}.main-actions .section__title{position:relative}.main-actions__slider{padding:0 57px}.main-actions__slider .slick-arrow{margin-top:-30px}.main-actions__img-cont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:0;width:100%}.main-actions__img{margin-top:0;margin-right:30px;width:200px}.main-actions__name-cont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;width:-webkit-calc(100% - 230px);width:calc(100% - 230px)}.main-actions__info{max-width:none;width:100%}.main-actions__name{font-size:28px;margin-bottom:15px}.main-actions__info .main-actions__name,.main-actions__info .main-actions__date{display:none}.main-actions__tags{display:none}.main-actions__tag{margin:0;position:absolute;left:20px;bottom:20px}.main-actions__date{width:100%}.main-actions__text{font-size:15px}.main-catalog__col{width:50%}.catalog-card__actions-button{opacity:1}.main-shops__map{height:400px}.main-articles__item{height:270px}.main-articles__item-info,.main-articles__item--min .main-articles__item-info{padding:30px 25px}.catalog-section__aside{border-radius:0;padding:0 15px;position:fixed;left:-320px;top:113px;bottom:0;-webkit-transition:left 0.3s ease-out,top 0.3s ease-out;-o-transition:left 0.3s ease-out,top 0.3s ease-out;transition:left 0.3s ease-out,top 0.3s ease-out;width:320px;z-index:1001}.header-fixed .catalog-section__aside{top:48px}.catalog-section__aside.is-open{left:0}.is-fixed .catalog-section__aside{top:48px}.catalog-section__aside>div,.filter,.filter form{height:100%}.filter__items{height:-webkit-calc(100% - 105px);height:calc(100% - 105px);padding:0 0 15px;margin-right:-8px}.filter__items .mCSB_container{margin-right:16px !important}.filter__items .mCSB_scrollTools .mCSB_draggerContainer{display:block}.filter__clear{display:inline-block;font-size:14px;height:auto;padding:0;position:absolute;top:18px;left:10px;width:auto}.filter__buttons{padding-bottom:0;margin:0 -15px}.filter__buttons .button{border-radius:0}.filter__buttons .filter__apply{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.filter__buttons .filter__clear{display:none}.catalog-section__params{margin-top:0}.select__sort{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.open-filter{margin-left:0;margin-right:50px}.catalog-detail__articul{margin-bottom:25px;text-align:right}.catalog-detail__card{padding-bottom:30px}.catalog-detail__gallery{margin-bottom:30px}.catalog-detail__calc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.catalog-detail__calc-params{width:100%}.catalog-detail__calc-param__value{width:-webkit-calc(25% - 10px);width:calc(25% - 10px)}.catalog-detail__calc-prices{margin-bottom:30px;margin-right:30px}.catalog-detail__calc-eco{margin-bottom:30px}.catalog-detail__calc-eco__title{margin-top:2px}.catalog-detail__calc-buttons{width:100%}.catalog-detail__advantages{margin-bottom:30px}.catalog-detail__advantages-item{min-width:auto;padding:0 15px}.catalog-tabs__nav-item{margin:0 15px}.catalog-detail__text .inline-img{margin-top:20px;padding-left:0}.catalog-top{padding:0 60px}.shops__item-info{flex-wrap:wrap;row-gap:25px;font-size:14px}.shops__item-address{padding-right:15px;width:200px}.shops__item-icons{padding-right:15px;width:-webkit-calc((100% - 200px)/3);width:calc((100% - 200px)/3)}.shops__item-icons .icon{font-size:17px}.action-item__info{padding:20px 25px;width:-webkit-calc(100% - 225px);width:calc(100% - 225px)}.action-item__img{width:225px}.action-item .main-actions__tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;right:20px;top:20px}.action-item .main-actions__tag{position:relative;left:0;bottom:0}.news-item{margin-bottom:65px}.news-item__img--big{height:260px}.news-item__img--big:before{display:none}.news-item__name{font-size:22px}.news-other{padding:0 60px}.cart__item-main{width:270px}.cart__item-price{width:155px}.cart__item-quantity{width:135px}.cart__item-summ{width:130px}.cart__item-img{height:80px;margin-right:10px;width:80px}.cart__item-info{width:-webkit-calc(100% - 90px);width:calc(100% - 90px)}.catalog-card__prices--cart .catalog-card__price{font-size:20px}.catalog-card__prices--cart .catalog-card__price--old{font-size:16px;margin-right:10px}.cart__item-delete{position:absolute;right:10px;top:12px;width:auto}.delete-item{font-size:18px}.section--service-head h1{margin-bottom:20px}.service-switcher{margin-top:20px}.menu--footer>ul>li{float:left;padding:0 10px}.menu--footer>ul>li>a{font-size:16px}.menu--footer>ul>li>ul>li>a{font-size:14px}}@media (min-width:1024px) and (max-width:1409px){.slick-arrow.slick-prev{margin-left:-465px}.slick-arrow.slick-next{margin-right:-465px}.header__top-block--slogan{margin-right:15px}.header__top-block--geo{width:130px}.header__top-block--menu{margin-right:30px}.header__top-block--lk{width:42px}.fixed .header__lk{left:-30px}.header__lk a{padding-left:42px;width:42px}.header__lk a .icon{font-size:22px;margin-top:-12px;left:11px}.header__lk a .icon-lk{opacity:0}.header__lk a .icon-lk2{opacity:1}.header__head-block--menu{padding-right:0}.fixed .header__head-block--menu{display:none}.menu--catalog{margin-right:15px;margin-top:-3px;max-width:600px}.menu--head{padding-left:15px;margin-right:15px}.fixed .menu--catalog{margin-right:20px;max-width:510px}.menu--top ul>li{margin:0 10px}.menu ul>li+li{margin-left:20px}.menu--top ul>li+li,.fixed .menu--top ul>li+li{margin-left:10px}.menu--head ul>li+li{margin-left:20px}.menu--catalog ul>li>a{font-size:15px}.menu--head ul>li>a{font-size:14px}.header__search.is-open{width:930px}.section{padding:65px 0 60px}.section--title{padding-top:35px}.main-banner{height:508px}.main-banner__subtitle{font-size:30px;margin-bottom:30px}.main-banner__subtitle .icon{font-size:26px}.main-banner__name{font-size:34px;margin-right:0;margin-bottom:35px}.main-banner__anons{font-size:20px}.main-banner__img .img{margin-right:0}.col-popular{height:538px}.col-popular:last-child{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;height:250px}.popular-item{padding:25px 30px}.popular-item--small{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;height:-webkit-calc(100% - 30px);height:calc(100% - 30px);margin:0 15px;width:-webkit-calc(33.3333333333333333% - 30px);width:calc(33.3333333333333333% - 30px)}.popular-item__name{font-size:24px}.popular-item__price{font-size:15px}.popular-item--med .popular-item__img{max-height:120px}.popular-item--small .popular-item__img{right:15px;top:45%;bottom:0;width:auto;left:40%;padding-bottom:10px}.popular-item--small .popular-item__img.y-bottom{padding:0}.section--main-actions{padding-top:60px}.main-actions .section__title{position:relative}.main-actions__slider{padding:0 78px}.main-actions__slider .slick-arrow{margin-top:-30px}.main-actions__img-cont{margin-right:30px;width:260px}.main-actions__img{margin-top:0}.main-actions__info{max-width:none;width:-webkit-calc(100% - 290px);width:calc(100% - 290px)}.main-actions__name{font-size:32px;margin-bottom:15px}.main-actions__text{font-size:15px}.main-catalog{margin:0 -5px}.main-catalog__col{padding:0 5px}.catalog-card{padding:20px 15px 95px}.catalog-card__name{font-size:16px;line-height:22px}.catalog-card__bottom{left:15px;right:15px}.main-shops__map{height:400px}.main-articles__item{height:270px}.main-articles__item-info{font-size:24px;line-height:1.2;padding:30px 20px}.main-articles__item--min .main-articles__item-info{font-size:20px;line-height:25px;padding:30px 20px}.catalog-section__items--list .catalog-card{padding:0 15px}.catalog-section__items--list .catalog-card__actions{right:11px}.catalog-section__items--list .catalog-card__img{margin-right:15px}.catalog-section__items--list .catalog-card__button{right:15px}.catalog-detail__advantages-item{min-width:220px;padding:0 20px}.catalog-detail__text .inline-img{padding-left:0}.catalog-top{padding:0 60px}.shops__item-address{width:300px}.shops__item-icons{width:-webkit-calc((100% - 300px)/3);width:calc((100% - 300px)/3)}.shops__item-info{flex-wrap:wrap;row-gap:25px}.news-item{margin-bottom:65px}.news-item__name{font-size:22px}.news-other{padding:0 60px}.cart__item-main{width:360px}.cart__item-price{width:185px}.cart__item-quantity{width:150px}.cart__item-summ{width:193px}.cart__item-img{height:120px;width:120px}.cart__item-info{width:-webkit-calc(100% - 140px);width:calc(100% - 140px)}}@media (min-width:1410px) and (max-width:1679px){.slick-arrow.slick-prev{margin-left:-670px}.slick-arrow.slick-next{margin-right:-670px}.header__top-block--slogan{margin-right:35px}.header__top-block--geo{width:122px}.header__top-block--menu{margin-right:90px}.menu--catalog{margin-right:30px}.fixed .menu--catalog{margin-top:-3px}.menu--head{padding-left:30px}.fixed .menu--head{padding-left:16px}.menu--top ul>li{margin:0 18px}.menu ul>li+li{margin-left:42px}.menu--top ul>li+li{margin-left:18px}.menu--head ul>li+li{margin-left:23px}.fixed .menu ul>li+li{margin-left:20px}.fixed .menu--catalog ul>li>a{font-size:15px}.fixed .menu--head ul>li>a{font-size:14px}.fixed .header__link{width:42px}.fixed .header__link>a span{margin-left:0}.header__top-block--lk{width:170px}.fixed .header__lk{left:130px}.fixed .header__lk a{padding-left:42px;width:42px}.fixed .header__head-block--menu{padding-right:17px}.fixed .header__search{width:42px}.fixed .header__search-open,.fixed .header__search-submit,.fixed .header__search-close{width:42px}.header__search.is-open{width:1170px}.header__head-block--menu{padding-right:33px}.main-banner{height:508px}.main-banner__subtitle{margin-bottom:30px}.main-banner__name{font-size:42px;margin-right:0;margin-bottom:35px}.main-banner__anons{font-size:20px}.main-banner__img .img{margin-right:0}.col-popular{height:538px}.popular-item{padding:25px 30px}.popular-item--small{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.popular-item__name{font-size:24px}.popular-item__price{font-size:15px}.popular-item--med .popular-item__img{max-height:120px}.popular-item--small .popular-item__img{right:14px}.section--main-actions{top:65px}.main-actions__slider .slick-arrow{margin-top:-33px}.main-actions__img-cont{margin-right:70px;width:330px}.main-actions__img{margin-top:90px}.main-actions__info{max-width:470px;width:-webkit-calc(100% - 400px);width:calc(100% - 400px)}.main-actions__name{font-size:32px;margin-bottom:15px}.main-actions__text{font-size:15px}.section--main-catalog{padding:65px 0 60px}.catalog-card{padding:17px 17px 85px}.catalog-card__img{padding-top:40px;margin-bottom:15px}.catalog-card__name{font-size:16px;line-height:22px}.catalog-card__bottom{left:17px;right:17px;bottom:27px}.main-articles__item{height:320px}.main-articles__item-info{font-size:24px;line-height:1.2;padding:40px 35px}.main-articles__item--min .main-articles__item-info{font-size:20px;line-height:25px;padding:40px 35px}.cart__item-main{width:440px}.cart__item-price{width:185px}.cart__item-quantity{width:250px}.cart__item-summ{width:253px}}@media (max-width:1023px){.header .header__head .container{display:block}}@media(min-width:1024px) and (max-width:1409px){.header__top-block--menu{margin-right:10px}.header__top-block--geo{width:101px}.header__top-block--slogan{width:115px}.header__link{width:39px}.fixed .header__link{width:48px}.fixed .header__link--lk{position:absolute;left:-40px}.fixed .header__link--lk::before{content:none}.fixed .header__head-block--catalog{margin-left:-88px}}@media(min-width:768px) and (max-width:1023px){.header__top-block--geo{margin-right:85px}.fixed .header__link--lk::before{content:none}}@media(min-width:320px) and (max-width:767px){.header__top-block--phone{display:none}.fixed .header__link--lk::before{content:none}}

        /* /bitrix/templates/.default/components/bitrix/main.userconsent.request/.default/user_consent.css */
        .main-user-consent-request a {
            cursor: pointer
        }

        .main-user-consent-request-popup {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.5);
            overflow: hidden;
            z-index: 9000
        }

        .main-user-consent-request-popup-cont {
            min-height: 290px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0 auto;
            padding: 20px;
            min-width: 320px;
            width: 100%;
            max-width: 600px;
            background: #fff;
            text-align: center;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow-y: auto
        }

        .main-user-consent-request-popup-header {
            margin: 0 0 10px 0;
            font: normal 18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
            color: #000;
            text-align: left;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            max-width: 260px
        }

        .main-user-consent-request-popup-textarea-block {
            margin: 0 0 20px 0
        }

        .main-user-consent-request-popup-buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .main-user-consent-request-popup-button {
            display: inline-block;
            height: 39px;
            margin: 0 10px 5px 0;
            padding: 0 18px;
            border: none;
            border-radius: 2px;
            font: normal 12px/39px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
            color: #535c69;
            outline: none;
            vertical-align: middle;
            text-decoration: none;
            text-transform: uppercase;
            text-shadow: none;
            white-space: nowrap;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: background-color 0.2s linear, color 0.2s linear;
            transition: background-color 0.2s linear, color 0.2s linear;
            cursor: pointer
        }

        .main-user-consent-request-popup-button-acc {
            background: #bbed21
        }

        .main-user-consent-request-popup-button-acc:hover {
            background: #d2f95f
        }

        .main-user-consent-request-popup-button-rej {
            -webkit-box-shadow: inset 0 0 0 1px #a1a6ac;
            box-shadow: inset 0 0 0 1px #a1a6ac;
            background: none
        }

        .main-user-consent-request-popup-button-rej:hover {
            background: #cfd4d8
        }

        .main-user-consent-request-popup-text {
            border: 1px solid #999;
            overflow: auto;
            padding: 8px;
            text-align: left;
            color: rgb(84, 84, 84)
        }

        .main-user-consent-request-popup-link {
            height: 130px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column
        }

        .main-user-consent-request-popup-link a {
            display: block;
            margin: 20px 0 0 0;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 260px
        }

        .main-user-consent-request-loader {
            position: relative;
            height: 100px;
            width: 100px;
            margin: 0 auto;
            -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%)
        }

        .main-user-consent-request-path {
            stroke: #80868e;
            stroke-dasharray: 100, 200
        }

        .main-user-consent-request-loader:before {
            content: '';
            display: block;
            padding-top: 100%
        }

        .main-user-consent-request-circular {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: inherit;
            width: inherit;
            -webkit-animation: rotate 1s linear infinite;
            animation: rotate 1s linear infinite;
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

        .main-user-consent-request-path {
            stroke: #ccc;
            stroke-dasharray: 60, 200;
            stroke-dashoffset: 0;
            -webkit-animation: dash 1.5s ease-in-out infinite;
            animation: dash 1.5s ease-in-out infinite;
            stroke-linecap: round
        }

        .main-user-consent-request-announce {
            color: #333;
            font-size: 13px;
            line-height: 15px
        }

        .main-user-consent-request {
            display: flex;
            margin-bottom: 20px;
            column-gap: 12px
        }

        .main-user-consent-request-announce-link {
            cursor: pointer;
            font-size: 12px;
            font-style: normal;
            font-weight: 300;
            line-height: normal
        }

        .main-user-consent-request-announce-link a {
            color: var(--brown, #8C8479);
            text-decoration-line: underline
        }

        @media (max-width:768px) {
            .main-user-consent-request {
                column-gap: 20px
            }

            .main-user-consent-request-announce-link {
                font-size: 10px
            }
        }

        @keyframes rotate {
            100% {
                transform: rotate(360deg)
            }
        }

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

        @media (min-width:1000px) {
            .main-user-consent-request-popup-cont {
                min-height: 400px;
                min-width: 640px
            }

            .main-user-consent-request-popup-header {
                max-width: 590px
            }

            .main-user-consent-request-popup-text,
            .main-user-consent-request-popup-link {
                height: 240px
            }

            .main-user-consent-request-popup-link a {
                max-width: 200px
            }
        }

        @media (max-width:768px) {
            .main-user-consent-request-popup-cont {
                height: 100%
            }
        }

        /* /local/css/reaspekt/reaspekt.geobase/style.css */
        .ReaspektPopupOverlay {
            height: 100%;
            left: 0;
            opacity: 0.6;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 500;
            background-color: #000;
            filter: alpha(opacity=60)
        }

        #ReaspektPopupBody {
            position: absolute !important;
            padding: 30px 50px;
            left: 0;
            top: 0;
            z-index: 510;
            background-color: #fff;
            box-shadow: 0px 0px 15px #000000;
            box-sizing: border-box
        }

        #ReaspektPopupBody .ReaspektClosePosition {
            position: relative
        }

        #ReaspektPopupBody #ReaspektCloseBtn {
            position: absolute;
            right: -40px;
            top: -20px;
            width: 24px;
            height: 24px;
            cursor: pointer;
            background: url('../../../../../../local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png') no-repeat top
        }

        #ReaspektPopupBody #ReaspektCloseBtn:hover {
            background: url('../../../../../../local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png') no-repeat 0 -24px
        }

        #ReaspektPopupContainer {
            max-width: 900px
        }