/* /bitrix/js/ui/design-tokens/dist/ui.design-tokens.css */
/**
 * Do not edit directly
 * Generated on Fri, 11 Nov 2022 07:59:19 GMT
 */

: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-xl: 24px;
  --ui-space-inset-lg: 20px;
  --ui-space-inset-md: 16px;
  --ui-space-inset-sm: 12px;
  --ui-space-inset-xs: 8px;
  --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-xl-neg: -24px;
  --ui-space-inline-lg-neg: -20px;
  --ui-space-inline-md-neg: -16px;
  --ui-space-inline-sm-neg: -12px;
  --ui-space-inline-xs-neg: -8px;
  --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-xl: 24px;
  --ui-space-inline-lg: 20px;
  --ui-space-inline-md: 16px;
  --ui-space-inline-sm: 12px;
  --ui-space-inline-xs: 8px;
  --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-xl-neg: -24px;
  --ui-space-stack-lg-neg: -20px;
  --ui-space-stack-md-neg: -16px;
  --ui-space-stack-sm-neg: -12px;
  --ui-space-stack-xs-neg: -8px;
  --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-xl: 24px;
  --ui-space-stack-lg: 20px;
  --ui-space-stack-md: 16px;
  --ui-space-stack-sm: 12px;
  --ui-space-stack-xs: 8px;
  --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-xl: 24px;
  --ui-size-lg: 20px;
  --ui-size-md: 16px;
  --ui-size-sm: 12px;
  --ui-size-xs: 8px;
  --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-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-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: #9dcf00;
  --ui-color-palette-green-55-rgb: 157, 207, 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-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-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/panel/main/popup.css */
.bx-core-adm-dialog, .bx-core-adm-dialog a, .bx-core-adm-dialog span, .bx-core-adm-dialog div
{
	 /*Protection from user styles */
	letter-spacing:normal;
	list-style:none;
	text-align: left;
	text-indent:0;
	text-transform: none;
	visibility:visible;
	white-space: normal;
	word-spacing:normal;
	vertical-align:baseline;
	text-decoration: none;
	color:#000;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)) !important;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: 13px;
}


.bx-core-adm-dialog {
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 18px 37px 6px rgba(16,39,53,.69);
	box-shadow: 0 18px 37px 6px rgba(16,39,53,.69);
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	font-size:13px;
	position: absolute;
	overflow: hidden;
}


.bx-core-adm-dialog a:active,
.bx-core-adm-dialog a:visited,
.bx-core-adm-dialog a:link { color:#2675d7; text-decoration: underline; font-size: inherit;}
.bx-core-adm-dialog a:hover {color:#2675d7; text-decoration:underline; background: none; font-size: inherit;}

.bx-core-adm-dialog select, .bx-core-adm-dialog input, .bx-core-adm-dialog textarea {outline:none; font-size:13px;}
.bx-core-adm-dialog textarea {font-size:13px;}
.bx-core-adm-dialog table {font-size:13px;}
.bx-core-adm-dialog td {
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	letter-spacing:normal;
	list-style:none;
	text-align: left;
	text-indent:0;
	text-transform: none;
	text-decoration: none;
	visibility:visible;
	white-space: normal;
	word-spacing:normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: inherit;
	background: none;
	color: #000;
}


.bx-core-adm-dialog .bx-action-href,
.bx-core-adm-dialog .bx-action-href:visited,
.bx-core-adm-dialog .bx-action-href:link
{
	text-decoration:none;
	border-bottom:1px dashed #2747BF;
	outline:none;
	display: inline-block;
}

.bx-core-adm-dialog .bx-action-href:hover
{
	border-bottom-color:#134889;
	text-decoration:none;
	color:#134889;
}

.bx-core-adm-dialog .bx-core-adm-dialog-head {
	background-color: #e2ebee;
	border-bottom:1px solid#a9a9a9;
	-webkit-box-shadow: 0 1px 0 0 #e5e5e5, 0 -1px 0 0 #ecf1f3 inset, inset 0 1px 0 0 #fff, inset 0 0 0 1px #e9f0f2;
	box-shadow: 0 1px 0 0 #e5e5e5, 0 -1px 0 0 #ecf1f3 inset, inset 0 1px 0 0 #fff, inset 0 0 0 1px #e9f0f2;
	border-radius:4px 4px 0 0;
	height: 49px;
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
	width: 100%;
}

.bx-core-adm-dialog .bx-core-adm-dialog-head-inner {
	display: inline-block;
	margin: 12px 0 0 18px;
	font-size: 20px;
	text-shadow:0 1px #fff;
	white-space: nowrap;
	color: #282a2c;
}

.bx-core-adm-dialog .bx-core-adm-dialog-head-icons {
	position: absolute;
	top: 0;
	right: 0;
	margin: 11px 0 0 15px;
	padding: 0 15px 0 0;
	background-color: #E2EBEE;
}

.bx-core-adm-dialog .bx-core-adm-icon-expand, .bx-core-adm-dialog .bx-core-adm-icon-narrow, .bx-core-adm-dialog .bx-core-adm-icon-close
{
	display: inline-block;
	height: 30px;
	width: 28px;
	cursor: pointer;
	background: url('/bitrix/panel/main/images/popup_sprite.png') no-repeat 0 0 #E2EBEE;
}

.bx-core-adm-dialog .bx-core-adm-icon-expand {background-position: 0 0;}
.bx-core-adm-dialog .bx-core-adm-icon-narrow {background-position: 0 -120px;}
.bx-core-adm-dialog .bx-core-adm-icon-close {background-position: 0 -30px;}
.bx-core-adm-dialog .bx-core-adm-icon-expand:hover {background-position: 0 -60px;}
.bx-core-adm-dialog .bx-core-adm-icon-narrow:hover {background-position: 0 -150px;}
.bx-core-adm-dialog .bx-core-adm-icon-close:hover {background-position: 0 -90px;}

.bx-core-adm-dialog .bx-core-adm-dialog-content-wrap
{
	margin-top: 54px;
	padding: 12px 12px 14px;
}

.bx-core-adm-dialog .bx-core-adm-dialog-tabs {
}

.bx-core-adm-dialog .bx-core-adm-dialog-tabs .adm-detail-tab {
	display: inline-block !important;
	cursor: pointer !important;
	background: url('/bitrix/panel/main/images/bx-admin-sprite-small-2.png') repeat-x scroll 0 -2728px transparent !important;
	border-radius: 2px 2px 0 0 !important;
	border: none !important;
	color: #1C53A2 !important;
	font-size: 13px !important;
	font-weight: var(--ui-font-weight-bold) !important;
	margin: 0 7px 0 0 !important;
	padding: 10px 25px 10px !important;
	text-shadow: 0 1px #FFFFFF !important;
	vertical-align: top !important;
	height: auto !important;
	position: relative;
	z-index: 1;
}

.bx-core-adm-dialog .bx-core-adm-dialog-tabs .adm-detail-tab-active
{
	background:#f5f9f9 !important;
	border:1px solid #dce7ed !important;
	border-bottom:none !important;
	color:#000 !important;
	margin: 0 7px -2px 0 !important;
	padding: 9px 24px 11px !important;
	border-bottom:none !important;
	height: auto !important;
}

.bx-core-adm-dialog .bx-core-adm-dialog-tabs .adm-detail-tab-active:first-child:before
{
	display: none !important;
}

.bx-core-adm-dialog .bx-core-adm-dialog-content
{
	overflow: auto;
	border: solid 1px #dce7ed;
	background-color: #f5f9f9;
}

.bx-core-adm-admin-dialog .bx-core-adm-dialog-content
{
	padding:15px 22px 22px;
}

.bx-core-adm-dialog .adm-detail-content-cell-l {
	text-align:right;
	padding: 5px 4px 7px 0;
	background: none;
	text-indent:0;
	text-transform: none;
	text-decoration: none;
	visibility:visible;
	white-space: normal;
	word-spacing:normal;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: inherit;
	color: inherit;
}

.bx-core-adm-dialog .adm-detail-content-cell-r {
	padding: 5px 0 7px 4px;
	background: none;
	text-indent:0;
	text-transform: none;
	text-decoration: none;
	visibility:visible;
	white-space: normal;
	word-spacing:normal;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: inherit;
	color: inherit;
}

.bx-core-adm-dialog .adm-detail-content-cell {padding: 5px 0 7px;}

.bx-core-adm-dialog .adm-detail-valign-top { vertical-align: top; }
.bx-core-adm-dialog .adm-detail-valign-middle { vertical-align: middle; }
.bx-core-adm-dialog .adm-detail-valign-bottom { vertical-align: bottom;}

.adm-detail-file-row .adm-detail-content-cell-l { padding-top: 12px; vertical-align: top; }
.adm-detail-file-image { padding-top: 7px; }
.adm-detail-file-row .bx-input-file-desc { display:block; margin-top: -7px; }

.adm-detail-iblock-types { width: 150px; }
.adm-detail-iblock-list { width: 200px; }

.bx-core-adm-dialog .adm-detail-content-table > tbody > .heading td {
	padding:8px 70px 10px!important;
}
.bx-core-adm-dialog .bx-core-adm-dialog-buttons {
	padding-top: 12px;
	position: relative;
}

.bx-core-adm-dialog .bx-core-adm-dialog-buttons input {margin-right:12px;}


.bx-core-adm-dialog .bx-core-adm-dialog-head-block {
	background-position: 99% center !important;
	background-repeat: no-repeat;
	border-bottom: 1px solid #DCE7ED;
	font-size: 12px;
	padding: 6px 30px 9px 9px;
	margin-bottom: 12px;
}

.bx-core-adm-dialog .bx-core-adm-dialog-head-block p {margin: 0;}

.bx-core-adm-dialog .bx-core-adm-dialog-head-block .title {
	font-weight: var(--ui-font-weight-bold);
	font-size: 14px;
	margin: 0 0 5px;
}

.bx-core-adm-dialog .bx-core-adm-dialog-content-wrap-inner
{
	padding: 12px;
}

.bx-quirks .bx-core-adm-dialog .bx-core-adm-dialog-content-wrap-inner
{
	padding: 12px 0;
}

.bx-core-dialog-overlay {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position: absolute;
	background-color: rgba(57,60,67,0.82);
}

.bx-quirks .bx-core-dialog-overlay
{
	background-color:#393c43;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}


.bx-core-adm-dialog .bx-core-resizer {background: url('/bitrix/panel/main/images/popup_sprite.png') no-repeat right -188px; position: absolute; z-index: 6; bottom: 3px; right: 2px; height: 20px; width: 20px;
}


.bx-core-adm-dialog .bx-core-adm-dialog-tabs .adm-detail-tab-last {
	margin-right: 0;
}

.bx-core-adm-dialog .adm-detail-title {
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	margin-bottom: 14px;
	padding: 0 0 15px;
	text-align: left;
}

.bx-core-adm-dialog .adm-detail-content-item-block
{
	border: none;
	padding: 0;
}

.bx-core-adm-dialog .adm-detail-content {padding: 0}

.bx-core-adm-dialog .adm-detail-content-item-block table {
	border:none;
	border-spacing:0;
	font-size:13px;
	margin:0;
	width:100%;
}


.bx-core-adm-dialog .adm-input,
.bx-core-adm-dialog input[type="text"],
.bx-core-adm-dialog input[type="password"],
.bx-core-adm-dialog input[type="email"] {
	font-size: 13px;
	height: 29px;
	padding: 0 5px;
}

.bx-core-adm-dialog .bx-core-adm-dialog-buttons .adm-btn-add {
	float: right;
}

.bx-quirks .bx-core-adm-dialog-buttons .adm-btn-add
{
	float: none;
	position: absolute;
	right: 28px;
}

/********************* menu *************************/

.bx-core-popup-menu {
	position: absolute;
	border: solid 1px #181b20;
	border-radius: 0 0 2px 2px;
	background-color: rgba(52, 59, 74, 0.94);
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(212, 212, 212, 0.12);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(212, 212, 212, 0.12);
	letter-spacing:normal;
	list-style:none;
	text-align: left;
	text-indent:0;
	text-transform: none;
	visibility:visible;
	white-space: normal;
	word-spacing:normal;
	vertical-align:baseline;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)) !important;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

.bx-quirks .bx-core-popup-menu
{
	background-color: #3a4150;
}

.bx-quirks .bx-core-popup-menu
{
	width: 220px !important;
	margin-top: -2px;
	margin-left: -2px;
}

.bx-core-popup-menu-level0
{
	background-color: rgba(30, 36, 50, 0.94);
	border-radius: 2px;
}

.bx-quirks .bx-core-popup-menu-level0 {
	background-color: #252d3f;
}


/*.bx-core-popup-menu-top*/
.bx-core-popup-menu-angle,
.bx-core-popup-menu-angle-bottom {
	display: block;
	position: absolute;
	height: 10px;
	width: 17px;
	content: "";
	line-height: 1px;
	font-size: 1px;
	padding: 0;
	margin: 0;
}

.bx-core-popup-menu-angle {
	top: -9px;
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -1490px;
}

.bx-core-popup-menu-angle-bottom {
	bottom: -9px;
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -1470px;
}

.bx-core-popup-menu-item {
	display: block;
	text-decoration: none;
	border-top: solid 1px transparent;
	border-right: solid 1px transparent;
	color: #9ca4b2 !important;
	min-width: 120px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.bx-quirks .bx-core-popup-menu-item {
	width: 280px;
	overflow-x: hidden;
}

.bx-core-popup-menu-item:hover,
.bx-core-popup-menu-item-opened
{
	border-top: solid 1px #55a8d9;
	border-right: solid 1px #2278b7;
	background-image: -webkit-linear-gradient(top, #2a92d0, #1d66b5);
	background-image: -moz-linear-gradient(top, #2a92d0, #1d66b5);
	background-image: -ms-linear-gradient(top, #2a92d0, #1d66b5);
	background-image: -o-linear-gradient(top, #2a92d0, #1d66b5);
	background-image: linear-gradient(top, #2a92d0, #1d66b5);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	text-decoration: none;
	color: #ebebeb !important;
}

.bx-quirks .bx-core-popup-menu-item-text {
	overflow-x: hidden;
}

.bx-core-popup-menu-item-text {
	display: block;
	padding: 0 10px 0 40px;
	height: 28px;
	line-height: 26px;

	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	font-size: 12px;
	font-weight: var(--ui-font-weight-bold);
	text-shadow: 0 1px rgba(0, 0, 0, 0.5);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bx-core-popup-menu-item-icon {
	display: block;
	position: absolute;
	height: 28px;
	width: 40px;
}

.bx-core-popup-menu-no-icons .bx-core-popup-menu-item-text {
	padding-left: 19px;
}

.bx-core-popup-menu-no-icons .bx-core-popup-menu-item-icon
{
	display: none;
}

.adm-menu-content {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -30px;
}

.bx-core-popup-menu-item:hover .adm-menu-content,
.bx-core-popup-menu-item-opened .adm-menu-content
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -60px;
}

.adm-menu-services {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -90px;
}

.bx-core-popup-menu-item:hover .adm-menu-services,
.bx-core-popup-menu-item-opened .adm-menu-services
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -120px;
}

.adm-menu-settings {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -150px;
}

.bx-core-popup-menu-item:hover .adm-menu-settings,
.bx-core-popup-menu-item-opened .adm-menu-settings
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -180px;
}

.adm-menu-favorites {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -210px;
}

.bx-core-popup-menu-item:hover .adm-menu-favorites,
.bx-core-popup-menu-item-opened .adm-menu-favorites
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -240px;
}

.adm-menu-analytics {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -300px;
}

.bx-core-popup-menu-item:hover .adm-menu-analytics,
.bx-core-popup-menu-item-opened .adm-menu-analytics
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -330px;
}

.adm-menu-marketPlace {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -360px;
}

.bx-core-popup-menu-item:hover .adm-menu-marketPlace,
.bx-core-popup-menu-item-opened .adm-menu-marketPlace
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -390px;
}

.adm-menu-desktop {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -420px;
}

.bx-core-popup-menu-item:hover .adm-menu-desktop,
.bx-core-popup-menu-item-opened .adm-menu-desktop
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -450px;
}

.adm-menu-store {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -480px;
}

.bx-core-popup-menu-item:hover .adm-menu-store,
.bx-core-popup-menu-item-opened .adm-menu-store
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -510px;
}

.adm-menu-marketing {
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -1353px;
}

.bx-core-popup-menu-item:hover .adm-menu-marketing,
.bx-core-popup-menu-item-opened .adm-menu-marketing {
	background-position: left -1326px;
}

.bx-core-popup-menu-item-checked .bx-core-popup-menu-item-text
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -540px;
}

.bx-core-popup-menu-item-checked:hover .bx-core-popup-menu-item-text
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat left -570px;
}

.bx-core-popup-menu-item-opener .bx-core-popup-menu-item-text
{
	padding-right: 20px;
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat right -270px;
}

.bx-core-popup-menu-item-opener:hover .bx-core-popup-menu-item-text,
.bx-core-popup-menu-item-opened .bx-core-popup-menu-item-text
{
	background: url('/bitrix/panel/main/images/popup_menu_sprite_2.png') no-repeat right 0;
}

.bx-core-popup-menu-separator {
	height: 1px;
	margin: 0 1px;
	background-color: rgba(172, 179, 191, 0.2);
	font-size: 1px;
	line-height: 1px;
}

.bx-quirks .bx-core-popup-menu-separator {
	background-color: #444b58;
}

.bx-core-popup-menu-item-disabled .bx-core-popup-menu-item-text {
	color: #525A68;
}

.bx-core-popup-menu-item-disabled:hover .bx-core-popup-menu-item-text
{
	color: #858D9B;
}

/* standard menu icons */


/*menu icons*/
.bx-core-popup-menu-item .checked {background-image:url(/bitrix/js/main/core/images/menu/checkbox.gif);}

/*component menu icons */
.bx-core-popup-menu-item .parameters {background-image:url(/bitrix/themes/.default/public/components/buttons/parameters.gif);}
.bx-core-popup-menu-item .edit {background-image:url(/bitrix/themes/.default/public/components/buttons/edit.gif);}
.bx-core-popup-menu-item .copy {background-image:url(/bitrix/themes/.default/public/components/buttons/copy.gif);}
.bx-core-popup-menu-item .edit-common {background-image:url(/bitrix/themes/.default/public/components/buttons/edit_common.gif);}
.bx-core-popup-menu-item .edit-wf {background-image:url(/bitrix/themes/.default/public/components/buttons/edit_wf.gif);}
.bx-core-popup-menu-item .menu-edit {background-image:url(/bitrix/themes/.default/public/components/buttons/menu_edit.gif);}
.bx-core-popup-menu-item .menu-add {background-image:url(/bitrix/themes/.default/public/components/buttons/menu_add.gif);}
.bx-core-popup-menu-item .menu-delete {background-image:url(/bitrix/themes/.default/public/components/buttons/menu_delete.gif);}
.bx-core-popup-menu-item .menu-template {background-image:url(/bitrix/themes/.default/public/components/buttons/menu_templ.gif);}
.bx-core-popup-menu-item .nav-template {background-image:url(/bitrix/themes/.default/public/components/buttons/nav_templ.gif);}
.bx-core-popup-menu-item .parameters-2 {background-image:url(/bitrix/themes/.default/public/components/buttons2/parameters.gif);}
.bx-core-popup-menu-item .edit-2 {background-image:url(/bitrix/themes/.default/public/components/buttons2/edit.gif);}
.bx-core-popup-menu-item .edit-css {background-image:url(/bitrix/themes/.default/public/components/buttons2/edit_css.gif);}
.bx-core-popup-menu-item .copy-2 {background-image:url(/bitrix/themes/.default/public/components/buttons2/copy.gif);}
.bx-core-popup-menu-item .del-cache {background-image:url(/bitrix/themes/.default/public/components/buttons2/delcache.gif);}

/*panel menu icons */
.bx-core-popup-menu-item .panel-new-file {background-image:url(/bitrix/themes/.default/public/panel_new/menus/new_file.gif);}
.bx-core-popup-menu-item .panel-new-file-template {background-image:url(/bitrix/themes/.default/public/panel_new/menus/create_template.gif);}
.bx-core-popup-menu-item .panel-new-folder {background-image:url(/bitrix/themes/.default/public/panel_new/menus/new_folder.gif);}
.bx-core-popup-menu-item .panel-new-folder-template {background-image:url(/bitrix/themes/.default/public/panel_new/menus/create_folder_template.gif);}
.bx-core-popup-menu-item .panel-edit-visual {background-image:url(/bitrix/themes/.default/public/panel_new/menus/edit_html.gif);}
.bx-core-popup-menu-item .panel-edit-text {background-image:url(/bitrix/themes/.default/public/panel_new/menus/edit_text.gif);}
.bx-core-popup-menu-item .panel-edit-php {background-image:url(/bitrix/themes/.default/public/panel_new/menus/edit_php.gif);}
.bx-core-popup-menu-item .panel-file-props {background-image:url(/bitrix/themes/.default/public/panel_new/menus/file_props.gif);}
.bx-core-popup-menu-item .panel-folder-props {background-image:url(/bitrix/themes/.default/public/panel_new/menus/folder_props.gif);}
.bx-core-popup-menu-item .panel-file-access {background-image:url(/bitrix/themes/.default/public/panel_new/menus/file_access.gif);}
.bx-core-popup-menu-item .panel-folder-access {background-image:url(/bitrix/themes/.default/public/panel_new/menus/folder_access.gif);}
.bx-core-popup-menu-item .panel-file-delete {background-image:url(/bitrix/themes/.default/public/panel_new/menus/delete_file.gif);}
.bx-core-popup-menu-item .panel-folder-delete {background-image:url(/bitrix/themes/.default/public/panel_new/menus/delete_folder.gif);}
.bx-core-popup-menu-item .panel-page-cache {background-image:url(/bitrix/themes/.default/public/panel_new/menus/page_cache.gif);}
.bx-core-popup-menu-item .panel-comp-cache {background-image:url(/bitrix/themes/.default/public/panel_new/menus/comp_cache.gif);}
.bx-core-popup-menu-item .icon-delete {background-image:url(/bitrix/themes/.default/public/panel_new/buttons/delete.gif);}
.bx-core-popup-menu-item .panel-key {background-image:url(/bitrix/themes/.default/public/panel_new/menus/key.gif);}
.bx-core-popup-menu-item .panel-user {background-image:url(/bitrix/themes/.default/public/panel_new/menus/user.gif);}

/* diff old styles */

.bx-width30 {width:30% !important;}
.bx-width50 {width:50% !important;}
.bx-width100 {width:100% !important;}
.bx-width0 {width:0% !important;}

.bx-popup-label {
	text-align: right !important;
	padding: 6px 2px 10px 0 !important;
	vertical-align: top !important;
	background: transparent;
	font-size: inherit;
	color: #000;
}
.bx-core-adm-dialog .section td {
	background-image:none !important;
	background-color:#E0E8EA !important;
	color: #4B6267;
	font-size: 14px;
	font-weight: var(--ui-font-weight-bold);
}

.bx-core-adm-dialog .section > td {
	padding: 5px 10px;
}

/*.bx-menu-layout {background-color: white;}*/

#bx-admin-prefix .bx-menu-current-row {background-color: #E2E7CB !important;}

#bx-admin-prefix .view-area {
	-moz-box-sizing: border-box;
	cursor: text;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	height: 31px !important;
	margin: 3px !important;
}

#bx-admin-prefix .edit-field {
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url("/bitrix/panel/main/images_old/panel/pencil.gif");
	font-size: 13px;
	padding: 7px 5px 0;
	margin: 2px;
	height: 22px;
	width: 232px;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	color: #3F4B54;
	display: inline-block;
	outline: medium none;
	vertical-align: middle;
}

#bx-admin-prefix .edit-field:hover {
	padding: 7px 5px 0;
	background-color: #FFFFFF;
	border-color: #87919C #959EA9 #9EA7B1;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(180, 188, 191, 0.7) inset;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(180, 188, 191, 0.7) inset;
	border-image: none;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
}

.bx-core-adm-dialog a.bx-popup-sign {display:block; width:11px; height:11px; overflow:hidden; margin-right:3px; background-repeat:no-repeat; background-position:top left;}
.bx-core-adm-dialog a.bx-popup-minus {background-image:url(/bitrix/js/main/core/images/components/minus.gif);}
.bx-core-adm-dialog a.bx-popup-plus {background-image:url(/bitrix/js/main/core/images/components/plus.gif);}

/* styles for WYSIWYG/HTML/PHP editors in public mode - BX.CEditorDialog */
.bx-core-adm-dialog .bx-core-editor-dialog-content-wrap{
	padding: 12px !important;
	margin-top: 50px !important;
}
.bx-core-adm-dialog .bx-core-editor-dialog-buttons{
	padding-top: 12px;
}
.bx-core-adm-dialog .bx-core-editor-dialog-buttons input {
	margin-right: 12px;
}

/* styles for auth dialog */
.bx-core-popup-auth-field {
	padding: 5px 0;
}

/* wizard dialog */
.bx-core-adm-dialog .bx-core-wizard-dialog-content-wrap { padding: 0 0 14px !important; margin-top: 54px !important; }

/* /local/templates/zcc/temp.css */
/*! CSS Used from: Embedded */
.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:0;}
.slick-slider .slick-list,.slick-slider .slick-track{-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:after,.slick-track:before{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block;}
.slick-initialized .slick-slide{display:block;}
.animated{animation-duration:1s;animation-fill-mode:both;}
.fadeInLeft{animation-name:fadeInLeft;}
.fadeInRight{animation-name:fadeInRight;}
.fadeInUp{animation-name:fadeInUp;}
.flex{display:flex;}
.flex-center{display:flex;justify-content:center;align-content:center;align-items:center;}
.flex-column{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;}
.flex-row{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.designer-review__item.slick-slide:not(.slick-current):after{content:'';display:block;width:100%;height:100%;background:#000;position:absolute;z-index:10;opacity:0;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;cursor:pointer;}
.designer-review__item.slick-slide:not(.slick-current):hover:after{opacity:.3;}
.slick-slide:not(.slick-current):hover .salons-item__overlay:hover{opacity:.4!important;cursor:pointer;}
.salons-item__overlay{-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease;}
.email-to-manager,.interiors__right .interiors__button,.interiors__right .interious__link{-webkit-transition:all .4s cubic-bezier(.215,.61,.355,1);-moz-transition:all .4s cubic-bezier(.215,.61,.355,1);-o-transition:all .4s cubic-bezier(.215,.61,.355,1);transition:all .4s cubic-bezier(.215,.61,.355,1);}
.interiors__right .interiors__button:hover{background:#CAAF83;}
.email-to-manager:hover{background:#e7bd60;}
.flex{display:flex;}
.flex-column{flex-direction:column;flex-wrap:wrap;}
.flex-row{flex-direction:row;flex-wrap:wrap;}
.flex-center{align-items:center;justify-content:center;}
.main-page main{margin-top:-200px;}
.main-page main .container,.main-page main .container section{width:100%;max-width:1920px;padding:0;overflow:hidden;}
@media only screen and (min-width:1281px){
    .main-page .header__panel{padding-top:7px;width:267px;}
    .main-page .header__top{display:none;}
    .main-page header{background:linear-gradient(180deg,rgba(45,45,45,.96) 0,rgba(45,45,45,.68) 55.21%,rgba(45,45,45,0) 100%);position:relative;max-width:1920px;margin:0 auto 0 auto;z-index:100;height:200px;box-shadow:none;}
    .main-page header .container{width:100%;max-width:1650px;}
    .main-page footer .container{width:100%;max-width:1760px;padding:0 40px;}
    .main-page footer th#menu-about{width:315px;}
    .main-page footer th#menu-forbuyers{width:340px;}
    .main-page footer th#menu-service{width:382px;}
    .main-page footer th#menu-contacts{width:192px;}
}
.main-page footer{margin-top:0;}
.main-page__banner-list{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;max-height:900px;height:100vh;}
.main-page__banner-item{width:100%;position:relative;height:100vh;max-height:900px;}
.main-page__banner-background{width:100%;object-fit:cover;object-position:center;height:100vh;max-height:900px;}
.banner-dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);}
.banner-dots li:not(:last-child){margin-right:5px;}
.banner-dots li button{font-size:0;width:40px;height:3px;border:0;outline:0;background:#fff;opacity:.5;}
.banner-dots li.slick-active button{opacity:1;}
.main-page__advantages-list{height:155px;align-items:center;}
.main-page__advantages-list .slick-track{margin-left:60px;}
.main-page__advantage-item{padding-right:90px;display:flex!important;align-items:flex-end;flex-wrap:nowrap!important;}
.advantage__text{padding-left:15px;font-family:Brygada1918;font-style:normal;font-weight:900;font-size:16px;line-height:22px;text-transform:uppercase;color:#2d2d2d;}
.main-page__section{position:relative;display:flex;flex-basis:29.17%;max-height:850px;height:100vh;overflow:hidden;background-position:bottom right;background-repeat:no-repeat;background-size:800px 850px;transition:all .2s ease-in;}
.main-page__section:hover{border-bottom:0;}
.section__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;width:460px;height:210px;}
.main-page__section--furniture picture,.main-page__section--plumbing picture,.main-page__section--tile picture{display:flex;align-items:center;justify-content:center;}
.main-page__section--furniture img,.main-page__section--plumbing img,.main-page__section--tile img{min-width:100%;min-height:100%;object-fit:cover;}
.section__overlay{width:100%;height:100%;background:#242424;opacity:.6;}
.main-page__section.active{flex-basis:41.66%;}
.main-page__section.active .section__content{background-image:url(https://zcc.ru/local/templates/zcc/images/main-sections-background/section-yellow-background.png);background-position:center;background-repeat:no-repeat;}
.main-page__section.active .section__overlay{background:linear-gradient(90deg,rgba(45,45,45,.8) -2.17%,rgba(45,45,45,.72) 24.08%,rgba(45,45,45,.17) 98.6%);opacity:.2;}
.section-content__title{margin-top:-3px;width:fit-content;font-family:Gilroy;font-style:normal;font-weight:700;font-size:30px;line-height:36px;text-transform:uppercase;color:#fff;margin-bottom:7px;text-align:center;}
.section-content__collections{margin-bottom:5px;}
.section__content span{font-weight:500;font-size:16px;line-height:19px;color:#fff;}
.main-page__brand-list{overflow-y:hidden;}
.main-page__brand-list .slick-track{margin-left:70px;}
.main-page__brand-item{padding:0 175px 0 0;display:flex!important;align-items:center;justify-content:center;height:155px}
.main-page__brand-item:hover{border-bottom:0;}
.main-page__brand-item picture{display:flex;align-items:center;}
.main-page__brand-item span {font-family:'Gilroy';font-style:normal;font-weight:900;font-size:30px;line-height:40px;text-align:center;text-transform:uppercase;color:#2D2D2D}
.main-page__title-block{height:95px;position:relative;background:#2d2d2d;}
.main-page__title-block:after{width:100%;content:"";position:absolute;top:calc(50% - 1px);z-index:1;border-bottom:1px dashed #e9e9e9;}
.title-block__text{padding:0 30px 0 20px;background:#2d2d2d;width:auto;position:absolute;top:50%;left:0;transform:translateY(-50%);font-family:Gilroy;font-style:normal;font-weight:700;font-size:30px;line-height:36px;text-transform:uppercase;color:#fff;margin:0 0 0 -20px;z-index:2;}
.inner-container{width:100%;max-width:60.9375%;margin:0 auto;position:relative;height:auto;}
.main-page__title-block .inner-container{height:inherit;}
.interiors__list{width:100%;max-height:850px;overflow:hidden;}
.interiors-item__inner,.interiors__item{max-width:1065px;height:850px;background:#2d2d2d;}
.interiors-item__inner{justify-content:space-between;}
.interiors__top{width:inherit;position:relative;}
.interiors__panel{width:100%;position:absolute;top:0;left:0;justify-content:space-between;padding:15px;}
.slick-current .interiors__panel{z-index:10;}
.interiors__type{width:fit-content;padding:5px 18px 5px 15px;margin-right:10px;background:#fff;border:1px solid #e9e9e9;border-radius:15px;height:30px;}
.interiors__type span{font-weight:200;font-size:12px;line-height:14px;letter-spacing:.05em;color:#747474;}
.interiors__image{width:100%;max-height:765px;}
.interiors-image__overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:#242424;opacity:.7;}
.interiors__panel .to_favorite{display:none;}
.slick-current .interiors__panel .to_favorite{display:block;margin:5px 10px;width:30px;height:30px;background:url(https://zcc.ru/local/templates/zcc/images/heart_fill_bronze_new.svg) center center no-repeat;background-size: 30px 30px;}
.slick-current .interiors__panel .to_favorite:hover{background:url(https://zcc.ru/local/templates/zcc/images/heart_bronze_new.svg) center center no-repeat;background-size: 30px 30px;opacity:.3;width:30px;height:30px;}
.slick-current .interiors__panel .to_favorite.active{background:url(https://zcc.ru/local/templates/zcc/images/heart_bronze_new.svg) center center no-repeat;background-size: 30px 30px;opacity:1;width:30px;height:30px;}
.slick-current .interiors-image__overlay{display:none;}
.collection__points{display:none;}
.slick-current .collection__points{display:block;}
.interiors__bottom{width:inherit;height:85px;background:#2d2d2d;}
.interiors-bottom__inner{width:100%;justify-content:space-between;color:#fff;}
.interiors__text{font-family:Gilroy;font-style:normal;font-weight:700;font-size:14px;line-height:17px;text-transform:uppercase;margin-bottom:3px;color:#fff;}
.interiors__area{font-weight:400;font-size:14px;line-height:16px;color:#c4c4c4;}
.interiors__button{font-family:Gilroy;font-style:normal;font-weight:500;border:0;width:200px;height:35px;background:#BE9B64;box-shadow:0 0 2px rgba(0,0,0,.12);border-radius:7px;outline:0;}
.points__img a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:0 0;}
.interiors-button__text{font-weight:500;font-size:14px;line-height:16px;color:#fff;}
.interiors__right .interious__link{margin-top:0;margin-left:52px;letter-spacing:normal;padding:0 18px 2px 0;height:fit-content;}
.interiors-bottom__inner{opacity:0;transition:opacity .2s ease;}
.slick-current .interiors-bottom__inner{opacity:1;}
.interiors__list,.interiors__list .slick-list{overflow:visible;}
.interiors__list{margin-left:19.53125%;max-width:1065px;}
.semicircle-arrow__next,.semicircle-arrow__prev{width:25px;height:45px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);z-index:1;}
.interiors__list .semicircle-arrow__next,.interiors__list .semicircle-arrow__prev{transform:translateY(-120%);}
.semicircle-arrow__prev{left:0;}
.semicircle-arrow__next{right:0;}
.interiors__list .semicircle-arrow__next-circle,.interiors__list .semicircle-arrow__prev-circle,.salons__list .semicircle-arrow__next-circle,.salons__list .semicircle-arrow__prev-circle{background:#fff;border:1px solid #e5e5e5;}
.semicircle-arrow__next-circle:before,.semicircle-arrow__prev-circle:before{width:6px;content:"";position:absolute;top:50%;transform:translateY(-50%);}
.semicircle-arrow__prev-circle:before{content:url(https://zcc.ru/local/templates/zcc/images/white-arrow-left.svg);right:14px;}
.semicircle-arrow__next-circle:before{content:url(https://zcc.ru/local/templates/zcc/images/white-arrow-right.svg);left:14px;}
.interiors__list .semicircle-arrow__prev-circle:before,.salons__list .semicircle-arrow__prev-circle:before{content:url(https://zcc.ru/local/templates/zcc/images/dark-arrow-left.svg);}
.interiors__list .semicircle-arrow__next-circle:before,.salons__list .semicircle-arrow__next-circle:before{content:url(https://zcc.ru/local/templates/zcc/images/dark-arrow-right.svg);}
.semicircle-arrow__next-circle,.semicircle-arrow__prev-circle{width:45px;height:45px;background:#2d2d2d;border:1px solid #e5e5e5;border-radius:25px;position:absolute;top:0;}
.semicircle-arrow__prev-circle{right:0;}
.semicircle-arrow__next-circle{left:0;}
.main-page__title-block--white,.title-block__text--black{background:#fff;}
.main-page__title-block--white:after{border-color:#c4c4c4;}
.title-block__text--black{color:#2d2d2d;}
.salons__list .slick-list{background-color:#2d2d2d;}
.designer-review__item{width:375px;height:900px;position:relative;background-size:cover;}
.designer-review__item:nth-child(even){background:url(https://zcc.ru/local/templates/zcc/images/main-review-background/review-background-even.jpg) center center no-repeat;background-size:cover;}
.designer-review__item:nth-child(odd){background:url(https://zcc.ru/local/templates/zcc/images/main-review-background/review-background-odd.jpg) center center no-repeat;background-size:cover;}
.designer-review__date{width:135px;height:70px;background:#cda03b;opacity:.8;border-radius:0 40px 40px 0;position:absolute;bottom:27px;left:50%;transform:translateX(-50%) rotate(-90deg);justify-content:center;padding-left:15px;transition:opacity 2.5s ease;}
.review-date__day{text-align:left;font-weight:700;font-size:36px;line-height:36px;color:#fff;}
.review-date__month{font-weight:500;font-size:14px;line-height:16px;color:#fff;}
.designer-review__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:275px;}
.review-text{display:none;}
.review__image{max-height:190px;margin:0 auto;}
.slick-current .review__image{max-height:420px;}
.review-profession{text-align:center;margin-top:17px;margin-bottom:5px;font-weight:400;font-size:14px;line-height:20px;color:#cda03b;opacity:1;transition:background 1.5s ease;}
.review-author{font-family:Gilroy;font-style:normal;font-weight:500;font-size:18px;line-height:20px;text-align:center;color:#2d2d2d;margin-bottom:15px;}
.review-rating__container{justify-content:center;}
.rating__star{width:17px;height:17px;}
.rating__star--filled{background:url(https://zcc.ru/local/templates/zcc/images/star-filled.svg) center center no-repeat;}
.rating__star--empty{background:url(https://zcc.ru/local/templates/zcc/images/star-empty.svg) center center no-repeat;}
.slick-current .review-text{display:block;}
.slick-current.designer-review__item{width:700px;background:url(https://zcc.ru/local/templates/zcc/images/main-review-background/review-background-active.jpg) center center no-repeat;padding:50px 60px 60px;background-size: cover;}
.slick-current .designer-review__content{position:static;top:0;left:0;transform:translate(0,0);width:auto;}
.slick-current .designer-review__date{opacity:1;border-radius:0 40px 40px 0;position:absolute;top:70px;bottom:0;left:60px;transform:translateX(0) rotate(0);z-index:10;}
.slick-current .review-profession{text-align:left;margin-top:15px;}
.slick-current .review-author{text-align:left;margin-bottom:20px;}
.slick-current .review-rating__container{border:1px dashed #e9e9e9;border-radius:15px;padding:5px 9px;width:auto;max-width:fit-content;}
.slick-current .review__image{height:420px;margin:auto;}
.designer-review__item:not(.slick-current) div{transition-delay:0s;}
.review-text{margin-top:20px;font-weight:400;font-size:14px;line-height:22px;color:#2d2d2d;max-height:250px;overflow:hidden;}
.designer-review__list{max-width:700px;margin-left:19.53125%;}
.designer-review__list .slick-list{overflow:visible;transform:translateX(-375px);}
.main-page__interiors{position:relative;background:#2d2d2d;}
.interiors__callback{position:absolute;top:50%;right:-320px;transform:translateY(-49%);transition:all .5s cubic-bezier(.6,.2,.4,1);width:320px;height:250px;z-index:100;}
.interiors-callback__inner{position:relative;width:320px;height:inherit;background:#fff;}
.interiors-callback__button{position:absolute;top:190px;left:-230px;background:#BE9B64;border-radius:20px 20px 0 0;height:40px;width:420px;transform:rotate(-90deg);}
.interiors-callback__button:hover{cursor:pointer;}
.callback-button__text{position:relative;font-weight:500;font-size:16px;line-height:19px;text-align:center;color:#fff;z-index:100;}
.callback-button__arrow{width:45px;height:45px;position:absolute;background:#BE9B64;border-radius:25px;top:-15px;transform:translateX(-50%);left:50%;}
.callback-button__arrow:after{position:absolute;top:5px;left:19px;content:url(https://zcc.ru/local/templates/zcc/images/white-arrow-left.svg);transform:rotate(90deg);}
.interiors-callback__form{padding:30px 35px;}
.callback-form__title{display:block;font-weight:700;font-size:20px;line-height:24px;text-transform:uppercase;color:#2d2d2d;}
.callback-form__sub-title{display:block;font-weight:400;font-size:16px;line-height:19px;color:#2d2d2d;margin-bottom:24px;}
.interiors-callback__form{height:420px;background-color:#fff;background-image:url(https://zcc.ru/local/templates/zcc/images/background-for-popaps.svg);background-repeat:no-repeat;background-position:135px 90px;background-size:contain;box-shadow:1px 1px 10px rgba(0,0,0,.1);transition:all .5s cubic-bezier(.6,.2,.4,1);}
.interiors-callback__form-row{margin:10px 0;}
.interiors-callback__form form{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:250px;}
.interiors-callback__form form input{display:block;width:100%;height:45px;padding-left:20px;border:1px solid #e9e9e9;outline:0;position:relative;z-index:1;border-radius:0;float:none;}
.interiors-callback__form form input:focus,.interiors-callback__form form input:hover{border:1px solid #d7b362;}
.interiors-callback__form form input[type=submit]{margin-top:16px;background:#cda03b;box-shadow:0 0 7px rgba(0,0,0,.15);border-radius:30px;cursor:pointer;font-family:Gilroy;font-size:16px;line-height:19px;text-align:center;letter-spacing:.05em;color:#fff;}
.interiors-callback__form form label{position:relative;top:8px;left:15px;padding-left:5px;padding-right:5px;z-index:100;background-color:#fff;display:inline-block;font-family:Gilroy;font-size:14px;line-height:16px;letter-spacing:.05em;color:#2d2d2d;}
.interiors-callback__form form label span{color:red;}
.interiors-callback-checkbox.checkbox{margin-top:10px;}
.interiors-callback-checkbox.checkbox input[type=checkbox]{position:absolute;opacity:0;display:inline;float:none;width:auto;height:auto;top:0;left:0;bottom:auto;z-index:-1;}
.interiors-callback-checkbox.checkbox noindex span{font-size:13px;line-height:1;letter-spacing:0;}
.title-block__text--desktop{display:inline-block;}
.salons-item__inner{width:100%;height:100%;justify-content:space-between;padding:40px 40px 33px;position:relative;}
.salons-item__overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:#242424;z-index:1;}
.salons__item:nth-child(odd) .salons-item__overlay{opacity:.8;}
.salons__item:nth-child(even) .salons-item__overlay{opacity:.9;}
.salons-item__top{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:100%;}
.salons-title__icon{max-width:fit-content;}
.salons-title__text{margin:0 0 0 10px;max-width:fit-content;}
.salons-icon__number,.salons-title__text span{font-family:Brygada1918;font-style:normal;font-weight:900;font-size:72px;line-height:20px;letter-spacing:.05em;color:#fff;}
.salons-title__text span{max-width:fit-content;font-size:16px;line-height:22px;text-transform:uppercase;letter-spacing:normal;}
.salons__text{max-width:500px;font-size:14px;line-height:20px;color:#fff;}
.salons__link{display:block;width:250px;height:45px;background:#BE9B64;box-shadow:0 0 7px rgba(0,0,0,.15);border-radius:7px;font-weight:500;font-size:16px;line-height:19px;text-align:center;color:#fff;}
.salons-item__bottom,.salons__text{display:none;}
.slick-current .salons-item__bottom,.slick-current .salons__text{display:block;}
.slick-current .salons-item__top{position:static;top:auto;left:auto;transform:translate(0,0);z-index:10;width:100%;padding-top:16px;}
.salons__item{background-position:left;background-size:cover!important;background-repeat:no-repeat;height:755px;padding:0!important;}
.salons__list .designer-review__item:nth-child(even),.salons__list .designer-review__item:nth-child(odd){background:0 0;}
.salons__list .designer-review__item .salons--bg{min-width:100%;min-height:100%;object-fit:cover;position:absolute;}
.slick-current.salons__item{background-position:center!important;}
.slick-current .salons-item__overlay{background:linear-gradient(180deg,rgba(45,45,45,.8) 0,rgba(45,45,45,.72) 38.65%,rgba(45,45,45,.3) 100%);opacity:.85;}
.slick-current .salons-item__bottom{position:relative;z-index:10;color:#fff;}
.salons__link:hover{color:inherit;}
.slick-current .salons__title{justify-content:flex-start;margin-bottom:16px;}
.review__media-container{line-height:0;}
.review__media-container video{max-height:190px;width:100%;}
.slick-current .review__media-container video{max-height:420px;}
@media only screen and (max-width:1440px) and (min-width:1281px){
    .main-page__section{flex-basis:31.25%;background-position:-120px;}
    .main-page__section.active{flex-basis:37.5%;}
    .inner-container{max-width:91.40625%;}
    .main-page__advantages-list .slick-track{margin-left:55px;}
    .main-page__brand-list .slick-track{margin-left:55px;}
    .designer-review__list,.interiors__list{margin-left:55px;}
    .active .section__content{left:48%;}
    .interiors__list .semicircle-arrow__next,.interiors__list .semicircle-arrow__prev{transform:translateY(-145%);}
}
@media only screen and (max-width:1440px){
    .main-page main{margin-top:-200px;}
    .main-page header{z-index:100;position:relative;}
    .menu-opened.main-page header{left:0!important;transform:translateX(0%);}
    .interiors__right .interious__link{margin-left:0!important;margin-right:30px;width:200px;height:35px!important;max-width:100%;order:0;border:1px solid #fff;border-radius:7px;background:0 0!important;padding:0!important;}
    .interiors__right .interious__link a{width:inherit!important;height:inherit!important;display:flex!important;align-items:center;justify-content:center;}
    .interiors__right .interiors__button{order:1;}
    .interiors__right .interious__link span{border:0!important;color:#fff;}
}
@media only screen and (max-width:1199px){
    .email-to-manager__inner--desktop{display:none!important;}
    #manager-mail{display:flex!important;position:absolute;bottom:-80px;right:64px;height:auto;padding:0;border-bottom:0;text-transform:none;}
    .menu-opened.main-page header{transform:none}
}
@media only screen and (max-width:1281px){
    .review-profession{max-width:60%;}
    .main-page__section{background-size:cover;}
    .interiors-bottom__inner{padding-bottom:10px;}
    .designer-review__content{top:43.5%;}
    .main-page__brand-item{height:160px;}
    .main-page main{margin-top:-145px;}
    .main-page__section,.main-page__section.active{flex-basis:33.5%;height:516px;background-position:top;}
    .main-page__section:nth-child(even){flex-basis:33%;}
    .main-page__section.active .section__content{background:0 0;}
    .main-page__section .section__overlay,.main-page__section.active .section__overlay{background:#242424;opacity:.6;}
    .inner-container{max-width:76.171875%;}
    .main-page__advantages-list .slick-track{margin-left:40px;}
    .main-page__brand-list .slick-track{margin-left:40px;}
    .designer-review__list,.interiors__list{margin-left:11.9140625%;}
    .interiors__list{max-height:590px;max-width:700px;}
    .interiors__bottom{max-height:90px;}
    .interiors-image{max-width:700px;}
    .interiors-item__inner,.interiors__item{max-width:700px;height:590px;}
    .designer-review__list,.slick-current.designer-review__item{width:auto;max-width:650px;}
    .slick-current.salons__item{width:100%;}
    .salons__item,.salons__list{height:700px!important;}
    .slick-current.designer-review__item{padding:35px;}
    .slick-current .designer-review__date{top:50px;left:35px;}
    .slick-current .review-rating__container{padding:5px 9px;}
    .slick-current .review-rating__container{position:absolute;top:436px;right:0;}
    .review-text{margin-top:0;line-height:18px;}
    .slick-current .review-author{margin-bottom:16px!important;}
    .designer-review__item{height:765px;}
    .interiors__list .semicircle-arrow__next,.interiors__list .semicircle-arrow__prev{transform:translateY(-150%);}
}
.review-text--mobile{display:none;}
@media only screen and (max-width:1199px){
    .main-page main{margin-top:0;}
}
@media only screen and (max-width:1024px){
    .main-page__brand-item{height:100px;}
    .advantage__image{height:37px;}
    .main-page__banner-list{max-height:620px;}
    .main-page__banner-item{max-height:620px;}
    .designer-review__content{top:50%;}
    .review-text--desktop,.slick-current .salons__text{display:none;}
    .review-text--mobile{display:block;}
    .salons__item,.salons__list{height:355px!important;}
    .salons-title__text span{font-size:12px;line-height:16px;}
    .salons-icon__number{font-size:48px;}
    .main-page main{margin-top:0;}
    .designer-review__list .slick-list{transform:translateX(0);}
    .main-page__banner-background{height:620px;}
    .banner-dots{bottom:15px;width:100%;justify-content:center;}
    .main-page__advantages-list{height:100px;}
    .main-page__advantages-list .slick-track{margin-left:10px;}
    .advantage__text{height:35px;font-size:12px;line-height:14px;}
    .section-content__title{font-size:24px;line-height:29px;margin-top:2px;margin-bottom:10px;}
    .main-page__advantage-item{padding-right:30px;}
    .main-page__section,.main-page__section.active,.main-page__section:nth-child(even){flex-basis:100%;height:250px;background-position:center -135px;}
    .main-page__brand-list{height:100px;}
    .main-page__brand-list .slick-track{margin-left:20px;}
    .main-page__brand-item{padding-right:50px;}
    .inner-container{max-width:100%;padding:0 20px;}
    .title-block__text{margin:0;padding:0 8px 0 20px;top:53%;}
    .main-page__title-block:after{top:calc(55% - 1px);}
    .main-page__title-block{height:83px;}
    .interiors__callback{display:none;}
    .interiors__list{max-height:327px;max-width:100%;}
    .interiors-item__inner,.interiors__item{width:310px;max-width:100%;padding-right:15px;height:327px;}
    .interiors-item__inner{width:295px;padding-right:0;justify-content:flex-start;}
    .interiors__left{min-height:52px;justify-content:flex-start;}
    .title-block__text{font-size:24px;line-height:29px;}
    .interiors__top{width:100%;}
    .interiors__image{width:100%;max-height:200px;overflow:hidden;}
    .interiors-image__overlay{display:none;}
    .interiors__list .slick-arrow{display:none!important;}
    .interiors-image{max-width:100%;object-position:center;}
    .interiors-bottom__inner{flex-direction:column;}
    .interiors__right{width:335px;flex-direction:row;overflow:visible;}
    .interiors__list{padding-left:20px;margin:0;background:#2c2c2c;}
    .interiors__list,.interiors__list .slick-list{overflow:hidden;}
    .interiors__right .interious__link{margin-right:15px;width:140px;}
    .interiors__button{width:180px;}
    .interiors__bottom{margin-top:10px;}
    .interiors-bottom__inner{height:85px;position:relative;}
    .interiors__panel{padding:10px;}
    .slick-current .interiors__panel .to_favorite{margin:0;width:25px;height:25px;background-size:contain;}
    .slick-current .interiors__panel .to_favorite.active{margin:0;width:25px;height:25px;background-size:contain}
    .slick-current .interiors__panel .to_favorite:hover{margin:0;width:25px;height:25px;background-size:contain;}
    .interiors__image .collection__points{display:none;}
    .title-block__text--desktop{display:none;}
    .main-page__title-block--white{height:70px;}
    .designer-review__list{margin:0;width:100%;max-width:100%;}
    .designer-review__list .semicircle-arrow__prev{display:none!important;}
    .designer-review__item,.slick-current.designer-review__item{width:calc(100vw - 45px);max-width:330px;padding:20px 20px 50px;max-height:calc(100vh - 300px);height:720px;}
    .designer-review__item{max-height:calc(100vh - 300px);}
    .slick-current .review__image{height:auto!important;max-height:210px;}
    .designer-review__list .slick-list{overflow:hidden;max-width:100vw;}
    .slick-current .review__media-container{align-items:flex-end;height:210px;display:flex!important;opacity:1;transition:background 1.5s ease;}
    .slick-current .review__media-container video{max-height:210px;}
    .designer-review__date{padding-bottom:3px;top:27px!important;left:20px!important;width:150px;height:34px;padding-left:10px;flex-direction:row!important;align-items:flex-end;justify-content:flex-start;display:flex!important;transform:none!important;}
    .review-rating__container{opacity:0}
    .slick-current .review-rating__container{top:230px;opacity:1}
    .slick-current .review-profession{margin-top:20px;display:flex!important;opacity:1;}
    .review-date__day{font-size:24px;line-height:29px;}
    .review-date__month{line-height:22px;margin-left:5px;}
    .review-text{max-height:270px;}
    .review-profession{margin-bottom:7px;}
    .slick-current .designer-review__content{height:auto;}
    .designer-review__content{height:100%;}
    .designer-review__date,.review-profession,.review__media-container{opacity:0;}
    .slick-current .review-author{position:static;}
    .slick-current .review-author,.slick-current .review-rating__container{transform:none;max-width:none;left:auto;}
    .review-author,.review-rating__container{position:absolute;max-width:none;width:auto;margin:0;}
    .review-author{bottom:115px;left:-7px;transform:rotate(-90deg) translateY(-43px);}
    .review-author{bottom:60px;left:20px;transform:rotate(-90deg);transform-origin:left;}
    .review-rating__container{top:10px;left:10px;border:1px dashed #e9e9e9;border-radius:15px;padding:9px 5px;}
    .review-rating__stars{flex-direction:column-reverse;}
    .slick-current .review-rating__stars{flex-direction:row;}
    .designer-review__content{width:100%;}
    .slick-current .review-author{margin-bottom:10px!important;}
    .slick-current .rating__star{transform:rotate(0);}
    .rating__star{transform:rotate(45deg);}
}
@media only screen and (orientation:portrait) and (max-width:1024px){
    .designer-review__item,.slick-current.designer-review__item{max-height:calc(100vh - 300px);}
}
@media only screen and (max-width:767px){
    .main-page header{position:fixed;top:0;left:0;}
    .menu-opened.main-page header{left:300px!important;}
    .menu-opened.main-page main{margin-top:75px;padding-top:0;}
    .main-page main{margin-top:75px;padding-top:0;}
    .main-page__banner-item{max-height:620px;}
    .designer-review__item.slick-slide:not(.slick-current):after{display:none;}
    .main-page.menu-opened .marble-header--main{height:auto!important;}
}
@media only screen and (max-width:475px){
    .salons-item__inner{padding:20px;}
    .salons__link{width:180px;height:35px;}
    .main-page main,.menu-opened.main-page main{margin-top:75px;padding-top:0;}
    .main-page.menu-opened .marble-header--main{height:45px!important;}
}
@media only screen and (max-width:370px){
    .main-page__section,.main-page__section.active,.main-page__section:nth-child(even){height:200px;}
    .slick-current .review-profession{max-width:55%;}
    .menu-opened.main-page header{left:270px!important;}
    .interiors__right{width:100%;justify-content:space-between;}
    .interiors__right .interiors__button{max-width:53%;}
    .interiors__right .interious__link{max-width:41%;margin-right:10px;}
    .interiors__right .interious__link a{width:auto!important;}
    .main-page__banner-background{height:415px;}
    .main-page__banner-item,.main-page__banner-list{max-height:415px;}
    .main-page__banner-list:has(.captcha_item), .main-page__banner-list:has(.captcha_item) .main-page__banner-item{max-height:500px;}
    .main-page__banner-list:has(.captcha_item) .main-page__banner-background{height: 500px;}
    .main__banner--template[data-template="template1"]:has(.captcha_item) {
        bottom: 40px;
    }
}
#manager-mail{display:none;}
.banner-dots button:hover,.banner-dots:hover,.interiors__button:hover,.interiors__text:hover,.slick-arrow:hover{cursor:pointer;}
.interiors-callback__button:hover,.interiors-callback__button:hover .callback-button__arrow,.salons__link:hover{background:#CAAF83;}
.slick__class{transition:all .3s ease-in-out;opacity:0;}
.advantage__text.flex.flex-column{flex-wrap:nowrap;}
a,body,div,footer,form,h1,h2,h3,header,html,i,img,label,li,nav,p,section,span,table,tbody,td,th,thead,tr,ul{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
footer,header,main,nav,section{display:block;}
body{line-height:1;}
ul{list-style:none;}
.wrapper input:not([type=checkbox]){outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
table{border-spacing:0;border-collapse:collapse;}
a{cursor:pointer;outline:0;}
li a{text-decoration:none;color:inherit;}
body{font:14px Gilroy;font-weight:200;line-height:1.29em;width:100%;height:100%;color:#2d2d2d;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;user-select:none;}
picture{max-width:100%;max-height:100%;height:100%;min-width:100%;min-height:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3{font-family:RobotoRegular;width:100%;}
h1{font-family:Gilroy;font-weight:400;font-size:24px;font-weight:400;line-height:28px;margin-bottom:22px;text-align:left;}
h2{font-size:24px;line-height:28px;margin-bottom:12px;text-align:left;}
h3{font-size:18px;line-height:22px;margin-bottom:10px;text-align:left;}
.icon.xs,.md,.xs{display:none;}
.r-row:after,section:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
.container,.wrapper,section{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.container:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
.checkbox{position:relative;}
.wrapper{position:relative;z-index:10;width:100%;overflow:hidden;}
.container{width:1200px;height:100%;margin:auto;}
footer .container .section,section{position:relative;width:100%;min-height:1px;padding:0 15px;}
.logo-company-in-main-menu{position:absolute;bottom:30px;display:flex;left:38px;align-items:center;display:none}
.logo-company-in-main-menu img{min-width:100px;max-height:100px;}
.logo-company-in-main-menu a:not(:last-child){margin-right:45px;}
.r-row{position:relative;width:100%;min-height:1px;}
a,a:active,a:focus,a:hover,button,button:active,button:focus,div,input{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.flex,.flex-center,.flex-column,.flex-row{display:flex;display:-moz-flex;display:-ms-flex;display:-webkit-flex;}
.flex-row{flex-direction:row;flex-wrap:wrap;}
.flex-column{flex-direction:column;flex-wrap:wrap;}
.flex-center{align-items:center;justify-content:center;}
.whatsapp-fix{z-index:999;position:fixed;bottom:160px;left:30px;}
.whatsapp-fix img{width:55px;}
@media only screen and (max-width: 767px){.whatsapp-fix{left:auto;right:20px}}
.popups-form,.popups-form-service{height:100%;width:100%;background-color:rgba(45,45,45,.6);top:0;z-index:100;right:100%;position:fixed;}
.popups-form__form{width:460px;max-width:100%;height:100vh;position:fixed;top:0;right:-460px;background-color:#fff;background-image:url(https://zcc.ru/local/templates/zcc/images/background-for-popaps.svg);background-repeat:no-repeat;background-position:184px 564px;background-size:contain;box-shadow:1px 1px 10px rgba(0,0,0,.1);transition:all .5s cubic-bezier(.6,.2,.4,1);-webkit-transition:all .5s cubic-bezier(.6,.2,.4,1);-moz-transition:all .5s cubic-bezier(.6,.2,.4,1);-o-transition:all .5s cubic-bezier(.6,.2,.4,1);z-index:101;}
.popups-form__form form{width:460px;max-width:100%;height:450px;margin:0 auto;position:absolute;top:50%;right:0;transform:translate(0,-50%);padding:0 45px;}
.popups-form__form form h2{font-family:Gilroy;font-size:24px;line-height:29px;letter-spacing:.02em;text-transform:uppercase;font-weight:600;border-bottom:1px dashed #e5e5e5;text-align:center;padding-bottom:26px;margin-bottom:0;}
.popups-form__form-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;position:absolute;right:30px;top:30px;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;}
.popups-form__form-close span:before{content:'';display:block;height:2px;width:17.8px;background:#2d2d2d;transform:rotate(90deg);}
.popups-form__form-close span{display:block;height:2px;width:17.8px;background:#2d2d2d;transform:rotate(45deg);}
#popups-callback{font-size:18px;font-weight:500;}
input,select,textarea{-webkit-appearance:none;}
.popups-form__form form input,.popups-form__form form select{width:100%;height:45px;padding-left:20px;border:1px solid #e9e9e9;outline:0;position:relative;z-index:1;-webkit-appearance:none;font-family:Gilroy;font-size:14px;letter-spacing:.05em;line-height:45px;color:#000;margin-bottom:10px;}
.popups-form__form form select{background-image:url(https://zcc.ru/local/templates/zcc/images/arrow_bottom_grey.svg);background-size:10px 10px;background-position:95% 52%;background-repeat:no-repeat;}
.popups-form__form form input:focus,.popups-form__form form input:hover,.popups-form__form form select:focus,.popups-form__form form select:hover{border:1px solid #d7b362;}
.popups-form__form form input[type=submit]{margin-top:26px;background:#BE9B64;box-shadow:0 0 7px rgba(0,0,0,.15);border-radius:7px;cursor:pointer;font-family:Gilroy;font-size:16px;line-height:19px;text-align:center;letter-spacing:.05em;color:#fff;padding:0;}
.popups-form__form form input::-webkit-input-placeholder,.popups-form__form form select::-webkit-input-placeholder{font-family:Gilroy;font-size:14px;letter-spacing:.05em;color:#c4c4c4;line-height:45px;}
.popups-form__form form .checkbox{margin-top:22px;margin-bottom:1px;}
.popups-form__form form .checkbox-block{width:20px;height:20px;margin-right:10px;top:2px;}
.popups-form__form form .checkbox>span{font-weight:200;font-size:13px;line-height:15px;letter-spacing:.05em;}
.popups-form__form form .checkbox>span{font-weight:200;font-size:13px;line-height:15px;letter-spacing:.05em;}
.popups-form__form form .checkbox-block img{left:-1px;top:1px;min-width:23px;}
.popups-form__form form input::-moz-placeholder,.popups-form__form form select::-moz-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:-moz-placeholder,.popups-form__form form select:-moz-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:-ms-input-placeholder,.popups-form__form form select:-ms-input-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:focus::-webkit-input-placeholder,.popups-form__form form select:focus::-webkit-input-placeholder{color:transparent;}
.popups-form__form form input:focus::-moz-placeholder,.popups-form__form form select:focus::-moz-placeholder{color:transparent;}
.popups-form__form form input:focus:-moz-placeholder,.popups-form__form form select:focus:-moz-placeholder{color:transparent;}
.popups-form__form form input:focus:-ms-input-placeholder,.popups-form__form form select:focus:-ms-input-placeholder{color:transparent;}
.popups-form__form form label{position:relative;top:8px;left:15px;padding-left:5px;padding-right:5px;z-index:100;background-color:#fff;margin-top:18px;font-family:Gilroy;font-size:14px;line-height:16px;letter-spacing:.05em;color:#2d2d2d;}
.popups-form__form form label span{color:red;}
.checkbox input[type=checkbox]{position:absolute;width:1px;height:1px;left:0;bottom:0;opacity:0;}
.checkbox{display:flex;justify-content:space-between;margin-top:33px;}
.checkbox noindex{width:90%;}
.checkbox noindex span{font-family:Gilroy;font-size:13px;line-height:15px;letter-spacing:.05em;color:#2d2d2d;}
.checkbox noindex span a{border-bottom:1px solid #2d2d2d;}
.checkbox noindex span a:hover{border:0;}
.checkbox-block{width:30px;height:30px;display:flex;justify-content:center;align-items:center;position:relative;}
.checkbox-block img{position:absolute;left:6px;display:block;cursor:pointer;}
.checkbox-block-el{width:20px;height:20px;border:1px solid #e9e9e9;cursor:pointer;}
footer{position:relative;z-index:10;width:100%;color:#fff;background:#2d2d2d;margin-top:50px;}
.wrapper input,header input{font-family:Gilroy;font-size:14px;line-height:16px;float:left;height:35px;margin:0;padding:9px 12px;color:#2d2d2d;border:0;border-radius:20px;background:#fff;}
a[href="javascript:void"]{cursor:default;}
.icon{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center center;}
.cell{display:table-cell;vertical-align:middle;}
.table{display:table;height:100%;}
.z-button{font-family:Gilroy;font-size:16px;font-weight:500;line-height:19px;width:140px;height:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;text-align:center;color:#fff;border:0;border-radius:7px;outline:0;background:#BE9B64;box-shadow:0 0 2px rgba(0,0,0,.12);-webkit-appearance:none;-moz-appearance:none;appearance:none;-o-user-select:none;}
.z-button:hover{opacity:.8;}
.z-button:hover{box-shadow:0 0 4px rgba(0,0,0,.3);}
.z-button:active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;opacity:.7;}
.table{margin-bottom:0;max-width:none;}
.container:not(section){padding-left:0;padding-right:0;}
.slick__class{transition:all .3s ease-in-out;opacity:0;}
.slick-initialized{opacity:1;}
.slick-slide a{outline:0;}
.header__top{font-size:12px;font-weight:500;height:31px;color:#fff;background:#cda03b;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
.header__phone{font-size:14px;font-weight:500;}
.header__panel{text-align:right;}
.fade-hover a{transition:opacity 250ms cubic-bezier(.215,.61,.355,1);opacity:1;}
.fade-hover a:hover{opacity:.6;}
header{margin-bottom:35px;background:#fff;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05);}
.header__bottom{height:55px;background:#fff;}
.topmenu__row{display:table;color:#2d2d2d;}
.burger__line{position:absolute;left:0;width:100%;height:2px;-webkit-transition:all 150ms cubic-bezier(.215,.61,.355,1);-moz-transition:all 150ms cubic-bezier(.215,.61,.355,1);-o-transition:all 150ms cubic-bezier(.215,.61,.355,1);transition:all 150ms cubic-bezier(.215,.61,.355,1);background:#cda03b;}
.burger__line:nth-child(1){top:0;}
.burger__line:nth-child(3){bottom:0;}
.burger__line:nth-child(2){top:50%;left:0;width:80%;margin-top:-1px;}
.socials--inner{font-size:0;}
.socials--inner>a{display:inline-block;margin-right:23px;vertical-align:middle;}
.socials--inner>a:nth-last-child(1){margin-right:0;}
.footer__menu th{font-size:16px;font-weight:500;line-height:19px;max-width:20%;height:68px;padding-top:10px;text-align:left;vertical-align:middle;text-transform:uppercase;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,.2);}
.footer__menu td{padding-top:15px;}
.footer__list li{font-size:14px;font-weight:400;line-height:30px;color:#fff;}
.footer__list li a:hover,.footer__menu th>a:hover{border-bottom:1px solid #fff;}
.socials--inner a:hover{opacity:.8;border-bottom:0;}
.footer__inform{font-size:12px;font-weight:400;line-height:16px;padding-top:55px;}
.footer__bottom{width:100%;height:45px;margin-top:24px;vertical-align:middle;border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,.2);}
.footer__dev{font-weight:400;text-align:right;}
.footer__dev>a{font-size:14px;font-weight:600;line-height:.9;display:inline-block;transition:all .4s cubic-bezier(.215,.61,.355,1);text-align:right;border-bottom:1px solid #fff;}
.footer__dev>a:hover{color:#e0202d;border-color:transparent;}
.footer__copy{font-size:14px;font-weight:400;line-height:16px;}
.footer__copy a{border-bottom:1px solid #fff;}
.footer__copy a:hover{border-color:transparent;}
.footer__copy .separate{margin:0 .9em;}
.contacts__block{font-size:14px;line-height:16px;width:100%;margin-bottom:10px;color:#fff;}
.contacts__phone,.contacts__phones{font-size:18px;font-weight:500;line-height:21px;color:#fff;}
.contacts__mail,.contacts__point{padding-top:3px;padding-bottom:2px;padding-left:30px;}
.contacts__mail{background:url(https://zcc.ru/local/templates/zcc/images/mail_gold.svg) no-repeat left center;}
.contacts__point{background:url(https://zcc.ru/local/templates/zcc/images/point_gold.svg) no-repeat left 4px center;}
.contacts__point>a{font-size:14px;font-weight:600;border-bottom:1px solid #fff;}
.contacts__point>a:hover{border-color:transparent;}
th#menu-about{width:205px;}
th#menu-forbuyers{width:218px;}
th#menu-service{width:270px;}
th#menu-socials{text-align:right;}
.to_favorite{display:none;width:25px;height:23px;cursor:pointer;background:url(https://zcc.ru/local/templates/zcc/images/heart_fill.svg) center center no-repeat;background-size:contain;}
@media screen and (min-width:1199px){
    .to_favorite:hover{background:url(https://zcc.ru/local/templates/zcc/images/heart_gold.svg) center center no-repeat;background-size:contain;opacity:.5;}
}
.icon-white-arrow-top{width:11px;height:5px;background:url(https://zcc.ru/local/templates/zcc/images/arrow_bottom_white.svg) no-repeat center center;}
.slick-slide{outline:0;}
.collection__points{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;}
.points{position:relative;width:100%;height:100%;}
.points__item{width:30px;height:30px;background:#fff;background:rgba(255,255,255,.2);position:absolute;z-index:1;padding:3px;border-radius:50%;}
.points__circle{width:100%;height:100%;padding:3px;background:#fff;background:rgba(255,255,255,.4);border-radius:50%;}
.points__inner{display:table;width:100%;height:100%;background:#fff;text-align:center;vertical-align:middle;border-radius:50%;}
.points__item .cell{text-align:center;vertical-align:middle;background:#fff url(https://zcc.ru/local/templates/zcc/images/plus_gold.svg) no-repeat center center;border-radius:50%;position:relative;}
.points__mini-item{display:none;position:absolute;min-width:190px;height:60px;background:#fff;border-radius:30px;box-shadow:0 2px 8px rgba(0,0,0,.25);text-align:left;right:34px;top:-20px;padding:7px 12px 7px 8px;white-space:nowrap;font-size:0;opacity:0;transition:all 333ms cubic-bezier(.215,.61,.355,1);margin-right:-15px;}
.points__mini-item:after{content:"";display:block;position:absolute;width:30px;height:30px;background:#fff;z-index:0;transform:rotate(45deg);border-radius:2px;right:0;top:15px;}
.points__item--right .points__mini-item:after{right:auto;left:0;top:15px;}
.points__item--right .points__mini-item{right:auto;left:34px;margin-right:0;margin-left:-15px;}
.points__img{width:46px;height:46px;overflow:hidden;border-radius:50%;display:inline-block;vertical-align:middle;position:relative;z-index:1;}
.points__img-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size: contain;}
.points__price{margin-bottom:5px;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;}
.points__price span{font-weight:600;}
.points__text{display:inline-block;vertical-align:middle;padding-left:8px;text-align:left;font-weight:400;font-size:14px;line-height:16px;letter-spacing:.05em;color:#000;position:relative;z-index:1;}
.points__link a{font-weight:500;font-size:14px;line-height:16px;letter-spacing:.05em;color:#cda03b;display:inline-block;padding-right:19px;background:url(https://zcc.ru/local/templates/zcc/images/arrow_gold_right.svg) no-repeat right center;border-bottom:1px solid transparent;}
.points__whisper{width:30px;height:30px;position:absolute;z-index:1;left:-6px;top:-6px;cursor:pointer;}
.z-button:active,.z-button:focus{color:#fff;}
.favor{cursor:pointer;}
.wrapper__shadow{display:none;}
.interious__link{margin-top:1em;font-weight:600;font-size:14px;line-height:17px;letter-spacing:.05em;background:url(https://zcc.ru/local/templates/zcc/images/arrow_gold_right.svg) no-repeat right center;padding:0 25px 2px 0;color:#cda03b;display:inline-block;}
.interious__link span{display:inline-block;border-bottom:1px solid #cda03b;}
.interious__link a{display:inline-block;width:199%;border-bottom:0!important;}
.interious__link a:hover span{border-bottom:1px solid transparent;}
.cat-menu{display:none;position:absolute;z-index:11;left:0;background:#fff;top:55px;font-family:Gilroy;font-style:normal;font-weight:200;font-size:14px;line-height:35px;color:#2d2d2d;box-shadow:inset 0 0 2px rgba(0,0,0,.12);}
.cat-menu__shadow{z-index:9;position:absolute;width:10000px;height:10000px;background:#000;opacity:.2;left:-5000px;top:0;}
.cat-menu__back{position:absolute;z-index:10;left:-6000px;height:100%;width:20000px;background:#fff;}
.cat-menu>ul{position:relative;z-index:12;width:300px;padding-bottom:76px;border-right:1px dashed #e5e5e5;margin-top:15px;}
.cat-menu>ul>li{display:table;width:100%;font-family:Gilroy;font-style:normal;font-weight:400;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#2d2d2d;margin-left:1px;}
.cat-menu>ul>li>a{display:inline-block;width:100%;height:100%;line-height:45px;border-top:1px dashed transparent;border-bottom:1px dashed transparent;padding-left:20px;margin-right:-1px;}
.cat-menu>ul>li.current>a{border-top:1px dashed #e5e5e5;border-bottom:1px dashed #e5e5e5;border-right:1px solid #fff;font-weight:600;}
.cat-menu>ul>li.current:nth-child(1)>a{border-top:1px solid transparent;}
.cat-menu>ul>li>ul{top:0;display:none;position:absolute;left:300px;background:#fff;width:900px;height:100%;max-height:491px;padding-top:24px;padding-bottom:247px;}
.cat-menu>ul>li.current>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-line-pack:start;align-content:flex-start;height:100%;flex-direction:row;}
.cat-menu>ul>li>ul>li>a{width:255px;border-bottom:0;border-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-line-pack:start;align-content:flex-start;font-family:Gilroy;font-style:normal;font-weight:400;font-size:14px;line-height:1.2;margin-bottom:18px;text-transform:none;padding-left:40px;color:#2d2d2d;transition:all .2s ease;}
.cat-menu>ul>li>ul>li>a:hover{font-weight:500;}
.header__bottom{position:relative;z-index:200;}
.points{z-index:1;}
.mobile_nav li>ul{display:none;}
.mobile_nav li>ul>li{border-bottom:0;text-transform:lowercase;font-size:14px;margin-bottom:28px;line-height:1;padding:0}
.mobile_nav li>ul>li a:first-letter{text-transform:uppercase;}
.mobile_nav li>ul>li a{line-height:1;}
.mobile_nav>li>.root-item.active+ul {
    display: block;
}
.mobile_nav__back{display:none;background:url(https://zcc.ru/local/templates/zcc/images/back_arrow.svg) no-repeat left 15px center;padding-left:40px;cursor:pointer;text-transform:capitalize;}
.mobile_nav .root-item:not(.active){background:url(https://zcc.ru/local/templates/zcc/images/menu_arrow.svg) no-repeat center right;}
.main-page__banner-list{display:block;}
.mobile_nav .root-item>.root-item__link {display: none;font-size: 13px;line-height: 1;font-weight:200;position: relative;letter-spacing: .05em;text-transform: lowercase;color: #747474;font-family: Gilroy;font-style: normal;}
.mobile_nav.root-opened .root-item.active>.root-item__link {display: inline-block;}
.mobile_nav.root-opened .root-item.active>.root-item__text {line-height: 18px; margin-right: 6px}
.mobile_nav.root-opened>li {display: none;}
.mobile_nav.root-opened>li.current {display: block;}
.mobile_nav.root-opened .mobile_nav__back {display: block;padding-left: 40px;}
.mobile_nav.root-opened .root-item.active {line-height: 1;margin-bottom: 28px;font-weight: 500;padding-left: 0;margin-top: 18px}
.mobile_nav.root-opened .root-item.wrapping-fix.active {margin-top: 18px;margin-bottom: 16px;}
@media only screen and (max-width:1199px){
    .md{display:block;}
    .no-md{display:none;}
    .wrapper,body,footer{min-width:768px;max-width:100%;}
    .container{width:820px;max-width:100%;}
    footer .container .section,section{padding:0 20px;}
    footer{position:relative;z-index:10;height:auto;margin:0;}
    header{overflow:hidden;}
    .to_favorite{display:block;}
    th#menu-about{width:175px;}
    th#menu-forbuyers{width:220px;}
    th#menu-service{width:229px;}
    th#menu-socials{position:absolute;bottom:-73px;left:0;height:auto;padding:0;border-bottom:0;}
    .footer__menu.r-row{margin-bottom:40px;}
    .header__logo{width:510px;}
    .header__top{height:5px;}
    h1{font-family:Gilroy;font-size:20px;line-height:23px;margin-bottom:17px;}
    .topmenu__row{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;}
    .topmenu__row>li{padding-right:0;}
    header{margin-bottom:30px;}
    .footer__menu th{height:60px;padding-top:4px;}
    .mobile_menu{position:fixed;top:0;overflow:visible;z-index:12;width:300px;height:100%;background:#fff;left:-300px;top:0;transition:transform .2s cubic-bezier(.64,.57,.67,1.53);font-weight:400;font-size:14px;letter-spacing:.05em;text-transform:uppercase;background:#fff;color:#2d2d2d;}
    .mobile_menu__inner{width:100%;position:relative;height:100%;}
    body.menu-opened .mobile_menu{left:0;}
    body.menu-opened .wrapper,body.menu-opened header{left:300px;}
    .wrapper{position:relative;left:0;}
    .mobile_menu,.wrapper,header{-webkit-transition:-webkit-left .3s ease-in-out;transition:-webkit-left .3s ease-in-out;transition:left .3s ease-in-out;transition:left .3s ease-in-out,-webkit-left .3s ease-in-out;}
    .mobile_search{display:block;width:100%;height:70px;background:#f4f4f4;padding:0 20px;}
    .mobile_search input[name="q"]{background:#fff;border-radius:25px;height:45px;font-weight:200;font-size:12px;line-height:21px;letter-spacing:.06em;color:#747474;font-family:Gilroy;margin-top:13px;outline:0;border:0;padding:0 50px 0 20px;width:100%;}
    .mobile-header-search__icon{height:35px;width:35px;background-color:transparent;background-image:url(https://zcc.ru/local/templates/zcc/images/loupe.svg);background-position:6px center;background-repeat:no-repeat;padding:0;position:absolute;right:31px;top:18px;font-size:0;color:transparent;}
    .mobile_nav{font-weight:400;font-size:14px;line-height:50px;letter-spacing:.05em;text-transform:uppercase;color:#2d2d2d;max-height:55vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
    .mobile_nav li{padding:0 20px;border-bottom:1px dashed #e5e5e5;width:100%;}
    .mobile_nav a{text-decoration:none;color:inherit;}
    .menu-opened .wrapper__shadow{background:#2d2d2d;opacity:.6;position:fixed;width:100vw;height:100vh;left:0;top:0;display:block;z-index:11;}
    .mobile_menu__phone{font-style:normal;font-weight:500;font-size:20px;line-height:14px;color:#2d2d2d;width:100%;text-align:center;}
    .mobile_nav li>a{line-height:50px;border-bottom:0;width:100%;height:100%;display:inline-block;}
    .mobile_menu__button{margin-bottom:25px;margin-top:21px;width:100%;padding:0 20px;text-align:center;}
    .mobile_menu__button button{width:100%;height:40px;font-weight:600;font-size:14px;line-height:14px;text-align:center;letter-spacing:.04em;color:#fff;}
    .mobile_menu__bottom{position:relative;bottom:0;width:100%;max-width:300px;left:0;height:350px;clear:both;margin-top:20px;}
    .main-page .closeicons,.main-page .closeicons.hd{position:absolute;top:55px;width:18px;height:18px;cursor:pointer;display:block;z-index:1305;left:315px;overflow:visible;}
}
@media only screen and (max-width: 360px) {
    .main-page .closeicons.hd{left:280px;}
}

.popups-form__form{display:flex;align-items:center;}
@media only screen and (min-width:0) and (max-width:767px){
    #manager-mail{display:none!important;}
    .popups-form__form form{height:auto;max-width:calc(100% - 20px);padding:0 10px;}
    .popups-form__form form label{margin-top:13px;}
    .popups-form__form-close{top:62px;}
    .popups-form__form form h2{text-align:left;padding-right:70px;}
    .popups-form__form{padding:0 10px;height:100%;}
    .xs{display:block;}
    .icon.xs{display:inline-block;}
    .no-xs{display:none;}
    .wrapper,body,footer{min-width:320px;}
    .container{width:100%;padding:0;}
    body.menu-opened{overflow:hidden;}
    .header__logo{width:145px;}
    .header__bottom{display:none;}
    header{position:fixed;z-index:11;top:0;left:0;width:100%;}
    h1{font-family:Gilroy;font-weight:400;font-size:20px;font-weight:400;line-height:23px;margin-bottom:17px;text-align:left;}
    .footer__menu tbody{display:none;}
    .footer__list.xs{display:none;padding-top:14px;padding-bottom:18px;text-transform:none;}
    .footer__menu,.footer__menu th,.footer__menu thead,.footer__menu tr{display:block;width:100%!important;max-width:100%;}
    .footer__menu th{display:block;width:100%;height:44px;padding-top:0;border-bottom:1px solid rgba(255,255,255,.1);}
    .footer__menu th>a{line-height:45px;position:relative;display:block;width:100%;height:100%;cursor:pointer;}
    .footer__menu .icon-white-arrow-top{position:absolute;top:50%;right:0;margin-top:-2px;}
    .footer__list li a:hover,.footer__menu th>a:hover{border-bottom:1px solid rgba(255,255,255,.1);}
    .footer__list li a:active,.footer__list li a:focus{border-bottom:0;}
    .footer__list.xs li:last-child{margin-top:15px;}
    #menu-contacts .socials{padding-bottom:0;}
    .footer__menu.r-row{margin-bottom:0;}
    .footer__bottom{margin-top:-1px;border-top:0;}
    .footer__bottom{width:calc(100% + 40px);margin-left:-20px;text-align:center;color:#fff;background:#cda03b;}
    .footer__phone{font-size:18px;font-weight:500;font-style:normal;line-height:21px;color:#fff;padding:5px 0;}
    .footer__phone .contacts__phone{margin-bottom:5px;}
    .footer__head{display:table;width:100%;height:51px;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,.1);}
    .callback{font-size:14px;font-weight:500;color:#cda03b;text-decoration-line:underline;}
    .footer__callback{text-align:right;}
    .z-button{font-size:14px;width:110px;}
    .points{display:none;}
    .to_favorite{margin-right:0;}
    .mobile_menu__bottom{bottom:6%;position:absolute;height:auto;background:#fff;padding-top:20px;margin-top:0;}
    .mobile_menu__phone .header__phone{font-size:20px;}
    .mobile_menu__button{margin-top:17px;}
}
@media only screen and (min-width:0) and (max-width:360px){
    .mobile_menu{width:270px;}
    body.menu-opened .wrapper,body.menu-opened header{left:270px;}
}
@media only screen and (min-width:0) and (max-width:767px) and (orientation:landscape){
    .mobile_nav{max-height:calc(59vh - 80px);}
}
@media only screen and (max-width:1199px) and (orientation:landscape){
    .mobile_nav{max-height:calc(59vh - 80px);}
}
@media only screen and (max-width:350px){
    .mobile_menu{width:270px;}
    body.menu-opened .wrapper,body.menu-opened header{left:270px;}
}
.email-to-manager__inner{justify-content:flex-end;}
.email-to-manager{margin-top:5px;display:flex;align-items:center;justify-content:center;width:220px;height:35px;background:#cda03b;box-shadow:0 0 2px rgba(0,0,0,.12);border-radius:30px;border-bottom:1px solid transparent;}
.email-to-manager__text{position:relative;padding-left:35px;}
.email-to-manager__text:before{position:absolute;content:url(https://zcc.ru/local/templates/zcc/images/email-white.svg);top:-3px;left:0;}
a:focus,a:hover{text-decoration:none;}
.contacts__block a:hover{border-bottom:0;}
.semicircle-arrow__next-circle,.semicircle-arrow__prev-circle{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.interiors-image__overlay{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.interiors-image__overlay:hover{opacity:.3;cursor:pointer;}
.semicircle-arrow__prev-circle:hover{right:4px;}
.semicircle-arrow__next-circle:hover{left:4px;}
.footer__menu th a:hover{border-color:transparent;}
@media only screen and (min-width:0) and (max-width:767px){
    th#menu-socials{position:relative;bottom:0;text-align:left;min-height:44px;padding:10px 0;}
}
.marble-header .header__dropdown-menu{display:none;}
.marble-header{width:100%;margin-bottom:0;position:absolute;top:0;left:0;box-shadow:0 4px 20px rgba(0,0,0,.08);z-index:1300;opacity:1;transition:opacity 50ms ease-in;}
.marble-header .topmenu__row li{transition:all .2s linear;}
.marble-header .topmenu__row li:hover{opacity:.6;}
.marble-header .header__inner{width:100%;max-width:100%;height:145px;margin:0 auto;}
.marble-header .container{width:1220px;max-width:100%;}
.marble-header .header__background{background-image:url(https://zcc.ru/local/templates/zcc/images/header/header-background.jpg);background-position:bottom left;background-repeat:repeat-x;}
.marble-header .header__top{background:0 0;height:auto;padding:10px 25px 10px 20px;}
.marble-header .header__bottom{position:relative;background:0 0;height:auto;padding:9px 25px;flex-wrap:nowrap;overflow:hidden;}
.marble-header .header__top{border-bottom:1px solid #ffffff1a;}
.marble-header .header-top__inner{align-items:center;}
.marble-header .header__logo{width:458px;margin-right:95px;}
.marble-header .header-logo__image{width:auto;height:70px;padding:5px 0 5px 7px;}
.marble-header .header-logo__image img{width:auto;height:60px;}
.marble-header .header-logo__inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;}
.marble-header .header-logo__line{width:1px;height:36px;background:#fff;opacity:.5;margin:0 15px;}
.marble-header .header-logo__text{width:242px;font-weight:400;font-size:11px;line-height:13px;color:#fff;}
.marble-header .header-phones__inner{padding-top:1px;display:flex;align-items:center;}
.marble-header .header__phone{font-weight:400;font-size:12px;line-height:14px;color:#c4c4c4;margin-right:11px;}
.marble-header .header__phone--bigger{font-size:14px;color:#fff;}
.marble-header .header-phone__callback{font-weight:400;font-size:12px;line-height:14px;color:#cda03b;border-bottom:1px solid #cda03b;}
.marble-header .header-address__link{padding-left:22px;position:relative;}
.marble-header .header-address__link::before{content:url(https://zcc.ru/local/templates/zcc/images/header/header-address-icon.svg);position:absolute;top:0;left:0;}
.marble-header .header-address__link span,.marble-header .header-diler__link span{font-weight:400;font-size:12px;line-height:14px;color:#c4c4c4;border-bottom:1px solid #c4c4c4;}
.marble-header .header-diler__link span:hover{border-bottom:1px solid transparent;}
.marble-header .header__menu-button,.marble-header .topmenu__row,.marble-header .topmenu__row .gold{color:#fff;font-size:13px;font-weight:400;line-height:16px;letter-spacing:.04em;text-transform:uppercase;}
.marble-header .header__menu-button{letter-spacing:normal;font-weight:500;margin-right:40px;height:fit-content;padding:10px 0 10px 27px;position:relative;}
.marble-header .header__menu-button::before{content:url(https://zcc.ru/local/templates/zcc/images/header/header-catalog-icon.svg);position:absolute;top:50%;left:0;transform:translateY(-50%);width:16px;height:16px;}
.marble-header .header__menu-button:hover{opacity:.7;cursor:pointer;}
.marble-header .topmenu__row>li{display:table-cell;}
.marble-header .topmenu__row>li>a>span{display:block;padding:10px 0;white-space:nowrap;font-weight:400;}
.marble-header .topmenu__row>li:not(:last-child){padding-right:20px;}
.marble-header .header__search{position:relative;margin-left:51px;height:35px;width:225px;}
.marble-header .header__search form{width:100%;position:relative;}
.marble-header .header-search__input{width:100%;position:absolute;top:0;right:0;height:35px;background-color:transparent;border:1px solid #fffFFF26;padding:11px 35px 10px 22px;color:#fff;font-size:12px;}
.marble-header .header-search__input::-webkit-input-placeholder{color:#fff;}
.marble-header .header-search__input:-moz-placeholder{color:#fff;}
.marble-header .header-search__icon{height:35px;width:35px;background-color:transparent;background-image:url(https://zcc.ru/local/templates/zcc/images/header/header-search-icon.svg);background-position:6px center;background-repeat:no-repeat;padding:0;position:absolute;right:0;top:0;font-size:0;color:transparent;}
.marble-header .header-search__icon:hover{cursor:pointer;opacity:.8;}
.marble-header .header__button{display:flex;align-items:center;justify-content:center;height:36px;font-weight:400;font-size:14px;line-height:14px;color:#fff;border-bottom:1px solid transparent;}
.marble-header .header__favorites{margin-right:25px;}
.marble-header .header__favorites .header-button__icon{margin-right:10px;}
.marble-header .header__basket .header-button__icon{margin-top:1px;margin-right:15px;}
.marble-header .header__button:hover img{opacity:.6;}
.marble-header .header-address__link:hover span,.marble-header .header-phone__callback:hover{border-bottom:1px solid transparent;}
.openCallbackForm:hover{cursor:pointer;}
.marble-header .container{position:relative;}
.marble-header .header__notch{position:absolute;bottom:0;left:0;}
.marble-header .header-bottom__inner{width:100%;flex-wrap:nowrap;}
.marble-header .header__button,.marble-header .header__buttons{flex-direction:row;flex-wrap:nowrap;}
.main-page .marble-header--main .header__top{display:block;padding:10px 15px 10px 20px;}
.main-page .marble-header--main{padding-top:0;top:0;background:linear-gradient(180deg,rgba(45,45,45,.96) 0,rgba(45,45,45,.68) 55.21%,rgba(45,45,45,0) 100%);box-shadow:none;}
.main-page .marble-header--main .header-logo__image{padding:5px 0 5px 3px;}
.main-page .marble-header--main .header__background{background-image:none;}
.main-page .marble-header--main .header__logo{width:341px;margin-right:calc(100% - 341px - 222px - 158px - 51px - 151px);}
.main-page .marble-header--main .header-logo__line{margin:0;}
.main-page .marble-header--main .header-logo__text{width:130px;}
.main-page .marble-header--main .header-phone__callback{color:#fff;border-bottom:1px solid #fff;}
.main-page .marble-header--main .header-phone__callback:hover{border-bottom:1px solid transparent;}
.main-page .marble-header--main .header__bottom{padding:9px 15px 9px 20px;}
.main-page .marble-header--main .header__menu-button{margin-right:0;}
.main-page .marble-header--main .header__nav-list{width:78.003%;min-width:600px;}
.main-page .marble-header--main .topmenu__row{display:flex;justify-content:space-between;}
.main-page .marble-header--main .topmenu__row>li:not(:last-child){padding-right:0;}
.main-page .marble-header--main .header__panel{padding-top:1px;width:auto;display:flex;}
.main-page .marble-header--main .header-nav__inner{width:auto;left:0;position:relative;padding-left:0;}
.main-page .marble-header--main .topmenu__row{font-size:14px;}
.main-page .marble-header--main .header__nav{width:calc(100% - 445px - 20px);max-width:55.171%;min-width:740px;}
.main-page .marble-header--main .header__basket .header-button__icon{margin-top:0;margin-right:8px;}
.main-page .marble-header--main .header__search{margin-left:0;width:225px;margin-right:30px;}
.marble-header--main .header-search__input::-webkit-input-placeholder{color:#fff;}
.marble-header--main .header-search__input::-moz-placeholder{color:#fff;}
.marble-header--main .header-search__input:-ms-input-placeholder{color:#fff;}
.marble-header--main .header-search__input:-moz-placeholder{color:#fff;}
.marble-header--main .header-fixed__logo{display:none;}
.main-page.menu-opened .marble-header--main{background-image:url(https://zcc.ru/local/templates/zcc/images/header/header-background.jpg);background-position:bottom left;background-repeat:repeat-x;background-size:cover;height:145px;}
@media only screen and (min-width:767px){
    .marble-header{padding-top:200px;top:-200px;}
}
@media only screen and (min-width:1199px){
    .menu-opened .marble-header .header__inner{-webkit-box-shadow:0 0 2px rgba(0,0,0,.12);-moz-box-shadow:0 4px 20px rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05);position:relative;z-index:100;}
    .menu-opened .marble-header .header__dropdown-menu{width:100%;position:absolute;bottom:0;left:0;}
    .main-page.menu-opened .marble-header .header__dropdown-menu {bottom: -145px;}
    .main-page.menu-opened.marble-fixed .marble-header .header__dropdown-menu {bottom:0px;}
    .menu-opened .marble-header .cat-menu{top:0;}
    .menu-opened .marble-header .cat-menu,.menu-opened .marble-header .header__dropdown-menu{display:block;}
    .marble-header .header__nav{position:relative;width:998px;height:36px;overflow:hidden;}
    .marble-header .header-nav__inner{position:absolute;width:1145px;padding-left:184px;top:0;left:-184px;flex-wrap:nowrap;}
    .marble-header .header-fixed__logo{height:47px;position:absolute;left:0;top:-5px;}
    .marble-header .header-fixed__logo img,.marble-header .header-logo__link{height:inherit;}
    .marble-header .header__bottom .header__phones{display:none;}
}
@media only screen and (min-width:0) and (max-width:1280px){
    .marble-header .container,.marble-header--main .container{max-width:100%;}
    .main-page .marble-header--main .header__search{width:170px;margin-right:25px;}
    .main-page .marble-header--main .header__nav{width:725px;max-width:none;min-width:725px;}
}
@media only screen and (min-width:0) and (max-width:1199px){
    .marble-header{transition:left .3s ease-in-out,opacity 50ms ease;}
    .menu-opened .marble-header{left:0;}
    .menu-opened .header__bottom{opacity:.5;}
    .marble-header .header-fixed__logo{display:none;}
    .marble-header{overflow:visible;}
    .marble-header .container{width:830px;max-width:100%;}
    .marble-header .header__top{padding:15px 25px;}
    .marble-header .header__bottom{overflow:visible;padding:9px 25px;}
    .marble-header .header-logo__image{height:60px;padding:0;}
    .marble-header .header__logo{width:450px;margin-right:0;}
    .marble-header .header__nav{width:100%;}
    .marble-header .header-nav__inner{width:calc(100% + 184px);}
    .marble-header .header__menu-button{margin-right:0;}
    .marble-header .header-nav__inner{justify-content:space-between;}
    .marble-header .header__panel{position:absolute;top:-72px;right:0;}
    .marble-header .header-bottom__inner{position:relative;}
    .marble-header .topmenu__row>li:not(:last-child){padding-right:30px;}
    .marble-header .header__background{background-position:-252px 0;}
    .marble-header .header__menu-button,.marble-header .topmenu__row,.marble-header .topmenu__row .gold{font-weight:400;}
    .marble-header .header__notch::after,.marble-header .header__notch::before{bottom:-3px;}
    .main-page .marble-header--main .header__background{background-image:url(https://zcc.ru/local/templates/zcc/images/header/header-background.jpg);background-position:bottom left;background-repeat:repeat-x;}
    .main-page .marble-header--main .header__top{padding:15px 25px;}
    .main-page .marble-header--main .header-logo__image{padding:0;}
    .main-page .marble-header--main .header__basket .header-button__icon{margin-right:15px;}
    .main-page .marble-header--main .topmenu__row{font-size:13px;}
    .main-page .marble-header--main .header__bottom{padding:9px 25px;}
    .main-page .marble-header--main .header__nav{width:100%;min-width:auto;}
    .main-page .marble-header--main .header__nav-list{width:auto;min-width:611px;}
    .main-page .marble-header--main .header-logo__text{width:auto;}
    .main-page .marble-header--main .header__logo{width:435px;margin-right:0;}
}
@media only screen and (min-width:767px) and (max-width:1199px){
    .main-page .marble-header--main .header__menu-button{padding:10px 0 10px 27px;}
}
@media only screen and (min-width:0) and (max-width:767px){
    .marble-header .header__nav{display:none;}
    .menu-opened .marble-header{left:300px;}
    .marble-header{position:fixed;}
    .marble-header .header__inner{padding:10px 20px 10px 10px;height:75px;}
    .marble-header .header__background{background-position:130% 100%;}
    .marble-header .header__panel{position:static;}
    .marble-header .header__bottom{display:block;}
    .marble-header .header__bottom,.marble-header .header__top{padding:0;margin:0;border:0;}
    .marble-header .header__content{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
    .marble-header .header__menu-button{padding:19px;margin-right:9px;}
    .marble-header .header__menu-button::before{content:url(https://zcc.ru/local/templates/zcc/images/header/header-mobile-menu-icon.svg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;}
    .marble-header .header__logo,.marble-header .header__logo img{width:auto;height:55px;}
    .marble-header .header__buttons{flex-wrap:nowrap;max-width:150px;}
    .marble-header .header__favorites{margin-right:15px;}
    .marble-header .header__basket .header-button__icon,.marble-header .header__favorites .header-button__icon{margin-top:0;margin-right:5px;}
    .marble-header .header__button{font-size:12px;line-height:14px;}
    .marble-header .header__bottom{margin-left:30px;}
    .marble-header .header-top__inner{flex-wrap:nowrap;}
    .main-page .marble-header--main .header__top{padding:0;flex-grow:1}
    .main-page .marble-header--main .header__menu-button{margin-right:9px;}
    .main-page .marble-header--main .header__bottom{padding:0;}
    .main-page .marble-header--main .header__basket .header-button__icon{margin-right:5px;}
    .main-page .marble-header--main .header__logo{width:auto;margin:0 auto}
    .main-page .marble-header--main .header__top .header-top__innner{justify-content:flex-start}
}
@media (max-width:375px){
    .mobile_nav,.mobile_nav li>a{line-height:45px;}
}
.mobile_phone{display:none;position:fixed;bottom:0;left:0;width:100%;z-index:990;text-align:center;background:#cda03b;}
.mobile_phone-link{display:block;color:#fff;font-size:16px;padding:15px;font-weight:700;}
@media (max-width:767px){
    .mobile_phone{display:block;}
}
.main-page__banner__generallink{position:absolute;display:block;width:100%;height:100%;z-index:10;}
@media only screen and (max-width:1199px){
    .mobile_nav .salon_address a{padding-left:30px;background-image:url(https://zcc.ru/local/templates/zcc/images/map_point.svg);background-repeat:no-repeat;background-position:0 50%;font-family:Gilroy;letter-spacing:.005em;}
    .mobile_nav .salon_address a span{border-bottom:1px solid #2d2d2d;}
}
@media only screen and (max-width:767px){
    .popups-form__form-close{top:30px;}
    .popups-form__form form h2{padding-right:0;font-size:22px;}
}
.closeicons{display:none;}
@media only screen and (max-width:1199px){
    .closeicons .burger__line:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:50%;width:100%;background:#fff;}
    .closeicons .burger__line:nth-child(2){width:0;left:50%;}
    .closeicons .burger__line:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:50%;width:100%;background:#fff;}
}
@media print{
    .header__address,.header__bottom,.header__phones,.mobile_phone,footer,form{display:none!important;visibility:hidden!important;}
    .marble-header .header__background{-webkit-print-color-adjust:exact;}
    .marble-header .header__inner{height:90px;}
    .r-row{max-width:680px;}
    img,p,table tr{page-break-inside:avoid;position:relative;}
}
@media print and (orientation:landscape){
    .r-row{max-width:1000px;}
}
.j-review__image{position:relative;cursor:pointer;display:flex;}
.j-review__image:after{content:url(https://zcc.ru/local/templates/zcc/images/play.svg);width:30px;height:35px;position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;margin:auto;}
.j-review__image:hover:after{opacity:.9;}
.j-review__image img {max-height:100%}
@media only screen and (max-height:475px){
    .mobile_nav{max-height:50vh;}
}
/*! CSS Used from: https://app.comagic.ru/widget/css/sitephone2/mobile/sitephone-232426.css */
.comagic-c-tools{position:absolute;height:22px;min-width:22px;cursor:pointer;border-radius:11px;top:19px;opacity:0.9;display:flex;z-index:2;}
.comagic-c-tools--anchor-left{right:10px;}
.comagic-c-tools__btn{width:22px;height:22px;display:block;cursor:pointer;background-repeat:no-repeat;background-position:center;}
.comagic-h-sitephone-field-fix input{text-indent:12px;font-size:14px;font-weight:normal;font-family:"Open Sans CoMagic",sans-serif;height:34px;width:100%;padding:0;margin:0;-webkit-appearance:none;border:0;border-radius:2px;transition:none;float:none;}
.comagic-h-sitephone-field-fix input::placeholder,.comagic-h-sitephone-field-fix input::-webkit-input-placeholder{font-size:14px;color:#9e9e9e;}
.comagic-h-sitephone-relative{position:relative;}
.comagic-h-sitephone-margin-top{margin-top:18px;}
.comagic-h-sitephone-events-none{pointer-events:none;}
.comagic-c-sitephone-label{position:absolute;top:0;cursor:pointer;text-align:left;transition-property:transform, opacity;transition-duration:0.7s, 0.7s;z-index:100002;}
.comagic-c-sitephone-label__bubble{position:absolute;box-sizing:border-box;border:1px solid #232426;border-radius:100%;}
.comagic-c-sitephone-label__bubble--solid{height:100%;width:100%;box-shadow:0 1px 7px rgba(0,0,0,0.09),0 2px 14px rgba(0,0,0,0.19);}
.comagic-c-sitephone-label__bubble--solid-color{background-color:#232426;}
.comagic-c-sitephone-label__icon{position:absolute;margin-left:25%;margin-top:25%;height:50%;width:50%;transform:rotate3d(0, 0, 0, 0);background-size:cover;}
.comagic-c-sitephone-label__icon--sitephone{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cg fill='%23fff'%3E%3Cpath d='M104.2,96.1c-1.4-1.6-2.9-3-4.4-4.4c-0.7-0.7-1.5-1.4-2.2-2.2l-6.4-6.4c-2.7-2.7-5.9-4.2-9.2-4.2c-3.3,0-6.5,1.4-9.2,4.2c-0.7,0.7-1.3,1.3-2,2c-1.5,1.5-3.1,3-4.6,4.7c-2.7-1.3-5.5-3.1-8.7-5.7c-4.2-3.4-7.8-6.8-10.9-10.5c-1.7-2-4.7-2.2-6.7-0.4c-2,1.7-2.2,4.7-0.4,6.7c3.5,4,7.5,7.9,12.1,11.6c0,0,0,0,0.1,0c4.7,3.7,8.6,6.1,12.7,7.8c0.1,0.1,0.2,0.1,0.3,0.1c1,0.3,4,1.3,6.9-1.6l0.2-0.2c1.8-2,3.7-3.9,5.7-5.8c0.7-0.7,1.4-1.3,2-2c0.6-0.6,1.6-1.4,2.6-1.4c0.9,0,1.9,0.8,2.5,1.4l6.4,6.4c0.8,0.8,1.6,1.5,2.3,2.3c1.5,1.4,2.8,2.8,4.2,4.2c0,0.1,0.1,0.1,0.1,0.1c1,1,2.1,2.6-0.1,4.8l-8,8c-1.7,1.7-3.6,2.6-6,2.8c-4.1,0.3-8.4-0.4-14.1-2.5c-9.4-3.5-18.2-8.8-27.7-16.6C30.2,89.6,21.2,78.1,14.8,65c-2.3-4.8-4.9-11.1-5.4-17.8c-0.2-3.7,0.8-6.4,3.2-8.7c1.8-1.5,3.3-3.1,4.8-4.6c0.9-1,1.8-1.9,2.8-2.8l0,0c1.9-1.8,3.4-1.8,5.2-0.1l13,13l0.1,0.1c0.6,0.5,1.2,1.3,1.2,2.2c0,0.9-0.7,1.9-1.3,2.5l-8,8c-1.8,1.8-1.8,4.8,0,6.7c1.8,1.8,4.8,1.8,6.7,0l8-8c2.7-2.7,4.1-5.9,4.1-9.3c0-3.3-1.4-6.4-4.1-8.9L32.1,24.4c-5.4-5.4-12.8-5.4-18.4-0.1c-1.1,1-2.1,2.1-3.1,3.1c-1.4,1.4-2.7,2.8-4.1,4c-0.1,0.1-0.1,0.1-0.2,0.2C1.8,35.7-0.3,41.2,0,47.8c0.6,8.3,3.6,15.7,6.3,21.2v0c7,14.4,16.8,26.9,29.3,37.4c10.3,8.6,20,14.4,30.4,18.2c3.8,1.4,9.4,3.2,15.6,3.2c0.8,0,1.7,0,2.5-0.1h0c4.6-0.4,8.6-2.3,11.9-5.5l8-8l0.1-0.1C109.4,108.8,109.3,101.3,104.2,96.1L104.2,96.1z M104.2,96.1'/%3E%3Cpath d='M102.3,64c-1.6-9.6-6.2-18.3-13.1-25.2c-6.9-6.9-15.6-11.4-25.2-13c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c7.6,1.3,14.6,4.9,20.1,10.4C88.1,51,91.7,57.9,93,65.6c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C101,69,102.8,66.5,102.3,64L102.3,64z M102.3,64'/%3E%3Cpath d='M127.9,62.8c-2.7-15.7-10.1-29.9-21.4-41.3C95.2,10.2,80.9,2.8,65.3,0.1c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c13.7,2.3,26.2,8.8,36.2,18.7c9.9,9.9,16.4,22.4,18.7,36.2c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C126.6,67.8,128.4,65.4,127.9,62.8L127.9,62.8z M127.9,62.8'/%3E%3C/g%3E%3C/svg%3E");animation:comagic-label-icon-sitephone 6.6s ease-in-out infinite;}
.comagic-js-sitephone-label--hidden{opacity:0;pointer-events:none;height:0;}
.comagic-c-sitephone-container{z-index:100003;position:fixed;display:flex;flex-direction:column;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none;}
.comagic-c-sitephone-container *{box-sizing:content-box;letter-spacing:normal;}
.comagic-c-sitephone-container__banner-branding{text-align:center;padding-top:1px;}
.comagic-c-sitephone-container__banner-branding-text{font-family:"Open Sans CoMagic",sans-serif;font-size:10px;-webkit-text-size-adjust:100%;color:#BDBDBD;text-decoration:none;border:0;display:block;width:56px;margin:0 auto;height:18px;line-height:22px;}
.comagic-c-sitephone-container__banner-branding-text:hover,.comagic-c-sitephone-container__banner-branding-text:link,.comagic-c-sitephone-container__banner-branding-text:visited,.comagic-c-sitephone-container__banner-branding-text:active{color:#BDBDBD;text-decoration:none;cursor:pointer;border:0;}
.comagic-c-sitephone-container__content{background-color:#ffffff;box-shadow:0 0 30px rgba(0,0,0,0.25);position:relative;pointer-events:auto;width:100%;height:100%;}
.comagic-c-sitephone-container__header{z-index:1;left:0;right:0;height:60px;background:#232426;box-shadow:1px 1px 2px rgba(0,0,0,0.25);overflow:hidden;padding:0 12px;display:flex;align-items:center;}
.comagic-c-sitephone-container__header-title{text-align:left;font:19px "Open Sans CoMagic",sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,0.25);color:#fff;width:100%;margin-right:30px;max-height:50px;}
.comagic-c-sitephone-container__landscape{display:none;background-color:#555555;position:relative;pointer-events:auto;width:100%;height:100%;overflow:hidden;}
.comagic-c-sitephone-container__landscape:after{content:'';background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23fafafa' d='M 7.46875 0.0625 C 7.398875 0.048625 7.34925 0.06525 7.28125 0.09375 C 7.14425 0.15075 7.0625 0.2885 7.0625 0.4375 L 7.0625 2.71875 C 1.9775 2.86775 -1.35125 6.108 0.59375 14 C 0.26975 8.585 2.1915 5.36075 7.0625 5.46875 L 7.0625 7.625 C 7.0625 7.773 7.14425 7.91175 7.28125 7.96875 C 7.32625 7.98675 7.35825 8 7.40625 8 C 7.50125 8 7.58625 7.97725 7.65625 7.90625 L 12.15625 4.25 C 12.29925 4.107 12.29925 3.892 12.15625 3.75 L 7.65625 0.1875 C 7.60375 0.1355 7.538625 0.076375 7.46875 0.0625 z M 6 10 C 4.896 10 4 10.895 4 12 L 4 24 C 4 25.105 4.896 26 6 26 L 24 26 C 25.104 26 26 25.105 26 24 L 26 12 C 26 10.895 25.104 10 24 10 L 6 10 z M 7 12 L 23 12 L 23 24 L 7 24 L 7 12 z M 24.46875 17.1875 C 24.91075 17.1875 25.28125 17.558 25.28125 18 C 25.28125 18.442 24.91075 18.8125 24.46875 18.8125 C 24.02675 18.8125 23.6875 18.442 23.6875 18 C 23.6875 17.558 24.02675 17.1875 24.46875 17.1875 z'/%3E\a%3C/svg%3E") no-repeat;width:100px;height:100px;background-size:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;}
.comagic-js-sitephone-container--hidden{display:none;}
.comagic-js-sitephone-container--shown{display:block;}
.comagic-c-sitephone{width:100%;height:100%;}
.comagic-c-sitephone__header-icon{width:36px;height:36px;padding-right:17px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cg fill='%23fff'%3E%3Cpath d='M104.2,96.1c-1.4-1.6-2.9-3-4.4-4.4c-0.7-0.7-1.5-1.4-2.2-2.2l-6.4-6.4c-2.7-2.7-5.9-4.2-9.2-4.2c-3.3,0-6.5,1.4-9.2,4.2c-0.7,0.7-1.3,1.3-2,2c-1.5,1.5-3.1,3-4.6,4.7c-2.7-1.3-5.5-3.1-8.7-5.7c-4.2-3.4-7.8-6.8-10.9-10.5c-1.7-2-4.7-2.2-6.7-0.4c-2,1.7-2.2,4.7-0.4,6.7c3.5,4,7.5,7.9,12.1,11.6c0,0,0,0,0.1,0c4.7,3.7,8.6,6.1,12.7,7.8c0.1,0.1,0.2,0.1,0.3,0.1c1,0.3,4,1.3,6.9-1.6l0.2-0.2c1.8-2,3.7-3.9,5.7-5.8c0.7-0.7,1.4-1.3,2-2c0.6-0.6,1.6-1.4,2.6-1.4c0.9,0,1.9,0.8,2.5,1.4l6.4,6.4c0.8,0.8,1.6,1.5,2.3,2.3c1.5,1.4,2.8,2.8,4.2,4.2c0,0.1,0.1,0.1,0.1,0.1c1,1,2.1,2.6-0.1,4.8l-8,8c-1.7,1.7-3.6,2.6-6,2.8c-4.1,0.3-8.4-0.4-14.1-2.5c-9.4-3.5-18.2-8.8-27.7-16.6C30.2,89.6,21.2,78.1,14.8,65c-2.3-4.8-4.9-11.1-5.4-17.8c-0.2-3.7,0.8-6.4,3.2-8.7c1.8-1.5,3.3-3.1,4.8-4.6c0.9-1,1.8-1.9,2.8-2.8l0,0c1.9-1.8,3.4-1.8,5.2-0.1l13,13l0.1,0.1c0.6,0.5,1.2,1.3,1.2,2.2c0,0.9-0.7,1.9-1.3,2.5l-8,8c-1.8,1.8-1.8,4.8,0,6.7c1.8,1.8,4.8,1.8,6.7,0l8-8c2.7-2.7,4.1-5.9,4.1-9.3c0-3.3-1.4-6.4-4.1-8.9L32.1,24.4c-5.4-5.4-12.8-5.4-18.4-0.1c-1.1,1-2.1,2.1-3.1,3.1c-1.4,1.4-2.7,2.8-4.1,4c-0.1,0.1-0.1,0.1-0.2,0.2C1.8,35.7-0.3,41.2,0,47.8c0.6,8.3,3.6,15.7,6.3,21.2v0c7,14.4,16.8,26.9,29.3,37.4c10.3,8.6,20,14.4,30.4,18.2c3.8,1.4,9.4,3.2,15.6,3.2c0.8,0,1.7,0,2.5-0.1h0c4.6-0.4,8.6-2.3,11.9-5.5l8-8l0.1-0.1C109.4,108.8,109.3,101.3,104.2,96.1L104.2,96.1z M104.2,96.1'/%3E%3Cpath d='M102.3,64c-1.6-9.6-6.2-18.3-13.1-25.2c-6.9-6.9-15.6-11.4-25.2-13c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c7.6,1.3,14.6,4.9,20.1,10.4C88.1,51,91.7,57.9,93,65.6c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C101,69,102.8,66.5,102.3,64L102.3,64z M102.3,64'/%3E%3Cpath d='M127.9,62.8c-2.7-15.7-10.1-29.9-21.4-41.3C95.2,10.2,80.9,2.8,65.3,0.1c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c13.7,2.3,26.2,8.8,36.2,18.7c9.9,9.9,16.4,22.4,18.7,36.2c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C126.6,67.8,128.4,65.4,127.9,62.8L127.9,62.8z M127.9,62.8'/%3E%3C/g%3E%3C/svg%3E") no-repeat;}
.comagic-c-sitephone__body{padding:0 40px 0;overflow-y:auto;height:calc(100% - 60px);}
.comagic-c-sitephone__form{position:relative;opacity:1;}
.comagic-c-sitephone__feedback{display:flex;opacity:0;height:0;visibility:hidden;flex-direction:column;align-items:center;}
.comagic-c-sitephone__feedback-countdown{width:80px;height:80px;border:2px solid #CFCCCC;border-radius:50px;margin:42px 0 20px;text-align:center;color:#666666;font:38px/80px "Open Sans CoMagic",sans-serif;}
.comagic-c-sitephone__feedback-icon{width:64px;height:64px;margin:50px 0 20px;}
.comagic-c-sitephone__feedback-text{text-align:center;font:13pt "Open Sans CoMagic",sans-serif;color:#424242;}
.comagic-c-sitephone__feedback-title{font-weight:bold;}
.comagic-c-sitephone__close-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 224.512 224.512' style='enable-background:new 0 0 224.512 224.512;' xml:space='preserve'%3E%3Cg%3E%3Cpolygon style='fill:%23fff' points='224.507,6.997 217.521,0 112.256,105.258 6.998,0 0.005,6.997 105.263,112.254    0.005,217.512 6.998,224.512 112.256,119.24 217.521,224.512 224.507,217.512 119.249,112.254  '/%3E%3C/g%3E%3C/svg%3E");}
.comagic-js-sitephone--hidden{pointer-events:none;height:0;visibility:hidden;}
.comagic-c-sitephone-button{height:36px;border-radius:18px;box-shadow:0 1px 1px rgba(0,0,0,0.15);font-family:"Open Sans CoMagic",sans-serif;display:flex;flex-direction:column;text-align:center;justify-content:center;cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:clip;}
.comagic-c-sitephone-button--widget-color{color:#fff;background:#232426;}
.comagic-c-sitephone-button--default{font-size:17px;line-height:36px;}
.comagic-c-sitephone-field{display:block;text-align:left;position:relative;overflow-x:hidden;font-family:"Open Sans CoMagic",sans-serif;line-height:normal;color:#424242;border-radius:2px;border:0;box-shadow:inset 0 0 2px rgba(0,0,0,0.15),inset 1px 1px 2px rgba(0,0,0,0.15);box-sizing:content-box;-webkit-text-size-adjust:100%;}
.comagic-c-sitephone-field:empty{background:#fafafa;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.15);}
.comagic-c-sitephone-field:empty:before{content:attr(placeholder);-webkit-text-size-adjust:100%;color:#9e9e9e;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.comagic-c-sitephone-field:focus{outline:none;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.15),0 0 7px rgba(33,150,243,0.5);}
/*! CSS Used from: https://app.comagic.ru/widget/css/consultant/mobile/consultant-2196F3.css */
.comagic-c-tools{position:absolute;height:22px;min-width:22px;cursor:pointer;border-radius:11px;top:19px;opacity:0.9;display:flex;z-index:2;}
.comagic-c-tools--anchor-left{right:10px;}
.comagic-c-tools__btn{width:22px;height:22px;display:block;cursor:pointer;background-repeat:no-repeat;background-position:center;}
.comagic-h-consultant-field-fix input{text-indent:12px;font-size:14px;font-weight:normal;font-family:"Open Sans CoMagic",sans-serif;height:34px;width:100%;padding:0;margin:0;-webkit-appearance:none;border:0;border-radius:2px;transition:none;float:none;}
.comagic-h-consultant-field-fix input::placeholder,.comagic-h-consultant-field-fix input::-webkit-input-placeholder{font-size:14px;color:#9e9e9e;}
.comagic-h-consultant-field-fix textarea{font-size:14px;font-weight:normal;font-family:"Open Sans CoMagic",sans-serif;width:100%;padding:10px;margin:0;margin-left:-10px;-webkit-appearance:none;border:0;border-radius:2px;transition:none;resize:none;overflow-y:auto;height:58px;min-height:58px;max-height:58px;float:none;}
.comagic-h-consultant-field-fix textarea::placeholder,.comagic-h-consultant-field-fix textarea::-webkit-input-placeholder{font-size:14px;color:#9e9e9e;}
.comagic-h-consultant-relative{position:relative;}
.comagic-h-consultant-wrapper{height:70px;margin-left:10px;margin-right:10px;}
.comagic-h-consultant-margin-top{margin-top:18px;}
.comagic-h-consultant-events-none{pointer-events:none;}
.comagic-c-consultant-button{height:36px;border-radius:18px;box-shadow:0 1px 1px rgba(0,0,0,0.15);font-family:"Open Sans CoMagic",sans-serif;display:flex;flex-direction:column;text-align:center;justify-content:center;cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:clip;}
.comagic-c-consultant-button--widget-color{color:#fff;background:#2196F3;}
.comagic-c-consultant-button--default{font-size:17px;line-height:36px;}
.comagic-c-consultant-field{display:block;text-align:left;position:relative;overflow-x:hidden;font-family:"Open Sans CoMagic",sans-serif;line-height:normal;color:#424242;border-radius:2px;border:0;box-shadow:inset 0 0 2px rgba(0,0,0,0.15),inset 1px 1px 2px rgba(0,0,0,0.15);box-sizing:content-box;-webkit-text-size-adjust:100%;}
.comagic-c-consultant-field:empty{background:#fafafa;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.15);}
.comagic-c-consultant-field:empty:before{content:attr(placeholder);-webkit-text-size-adjust:100%;color:#9e9e9e;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.comagic-c-consultant-field:focus{outline:none;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.15),0 0 7px rgba(33,150,243,0.5);}
.comagic-c-consultant-field--high{padding:9px 12px 3px;font-size:14px;}
.comagic-c-consultant-label{position:absolute;top:0;cursor:pointer;text-align:left;transition-property:transform, opacity;transition-duration:0.7s, 0.7s;z-index:100002;}
.comagic-c-consultant-label__bubble{position:absolute;box-sizing:border-box;border:1px solid #2196F3;border-radius:100%;}
.comagic-c-consultant-label__bubble--solid{height:100%;width:100%;box-shadow:0 1px 7px rgba(0,0,0,0.09),0 2px 14px rgba(0,0,0,0.19);}
.comagic-c-consultant-label__bubble--solid-color{background-color:#2196F3;}
.comagic-c-consultant-label__content{display:none;position:absolute;width:100%;height:100%;}
.comagic-c-consultant-label__icon{position:absolute;margin-left:25%;margin-top:25%;height:50%;width:50%;transform:rotate3d(0, 0, 0, 0);background-size:cover;}
.comagic-c-consultant-label__icon--chat{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 38 38'%3E%3Cg style='opacity:0.15'%3E%3Cpath d='M32.7,8.7c-3.4-3-7.9-4.6-12.7-4.6S10.7,5.7,7.3,8.7C3.9,11.7,2,15.7,2,20c0,3.4,1.2,6.7,3.5,9.4c-0.4,0.9-1,1.5-1.8,2.1c-0.6,0.4-0.9,1.2-0.8,1.9c0.2,0.7,0.8,1.3,1.5,1.4c1.5,0.2,4.5,0.3,7.2-1.3c0.6-0.4,0.8-1.2,0.5-1.8c-0.4-0.6-1.2-0.8-1.8-0.5c-1.2,0.7-2.4,1-3.4,1c0.6-0.7,1.1-1.6,1.4-2.5c0.2-0.5,0.1-1-0.3-1.4C5.8,25.9,4.7,23,4.7,20c0-7.3,6.9-13.3,15.3-13.3c8.5,0,15.3,6,15.3,13.3c0,7.3-6.9,13.3-15.3,13.3c-1.2,0-2.4-0.1-3.6-0.4c-0.7-0.2-1.4,0.3-1.6,1c-0.2,0.7,0.3,1.4,1,1.6c1.4,0.3,2.8,0.4,4.2,0.4c4.8,0,9.3-1.6,12.7-4.6c3.4-3,5.3-7,5.3-11.3C38,15.7,36.1,11.7,32.7,8.7L32.7,8.7z M32.7,8.7'/%3E%3Cpath d='M21.7,20c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C21,18.3,21.7,19,21.7,20L21.7,20z M21.7,20'/%3E%3Cpath d='M27.2,20c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C26.4,18.3,27.2,19,27.2,20L27.2,20z M27.2,20'/%3E%3Cpath d='M16.3,20c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C15.5,18.3,16.3,19,16.3,20L16.3,20z M16.3,20'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cpath d='M31.7,7.7c-3.4-3-7.9-4.6-12.7-4.6S9.7,4.7,6.3,7.7C2.9,10.7,1,14.7,1,19c0,3.4,1.2,6.7,3.5,9.4c-0.4,0.9-1,1.5-1.8,2.1c-0.6,0.4-0.9,1.2-0.8,1.9c0.2,0.7,0.8,1.3,1.5,1.4c1.5,0.2,4.5,0.3,7.2-1.3c0.6-0.4,0.8-1.2,0.5-1.8c-0.4-0.6-1.2-0.8-1.8-0.5c-1.2,0.7-2.4,1-3.4,1c0.6-0.7,1.1-1.6,1.4-2.5c0.2-0.5,0.1-1-0.3-1.4C4.8,24.9,3.7,22,3.7,19c0-7.3,6.9-13.3,15.3-13.3c8.5,0,15.3,6,15.3,13.3c0,7.3-6.9,13.3-15.3,13.3c-1.2,0-2.4-0.1-3.6-0.4c-0.7-0.2-1.4,0.3-1.6,1c-0.2,0.7,0.3,1.4,1,1.6c1.4,0.3,2.8,0.4,4.2,0.4c4.8,0,9.3-1.6,12.7-4.6c3.4-3,5.3-7,5.3-11.3C37,14.7,35.1,10.7,31.7,7.7L31.7,7.7z M31.7,7.7'/%3E%3Cpath d='M20.7,19c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C20,17.3,20.7,18,20.7,19L20.7,19zM20.7,19'/%3E%3Cpath d='M26.2,19c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C25.4,17.3,26.2,18,26.2,19L26.2,19zM26.2,19'/%3E%3Cpath d='M15.3,19c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C14.5,17.3,15.3,18,15.3,19L15.3,19zM15.3,19'/%3E%3C/g%3E%3C/svg%3E");animation:comagic-label-icon-chat 6.6s ease-in-out infinite;}
.comagic-c-consultant-label__icon--offline-message{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 38 38'%3E%3Cg style='opacity:0.15'%3E%3Cpath d='M36,6.4H4c-1.1,0-2,0.9-2,2v23.2c0,1.1,0.9,2,2,2H36c1.1,0,2-0.9,2-2V8.4C38,7.3,37.1,6.4,36,6.4L36,6.4z M35.3,30.9H4.7V9.1h29.1L20.2,20.6l-9.8-8.4c-0.6-0.5-1.4-0.4-1.9,0.1c-0.5,0.6-0.4,1.4,0.1,1.9l10.7,9.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0l14.3-12.2V30.9z M35.3,30.9'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cpath d='M35,5.4H3c-1.1,0-2,0.9-2,2v23.2c0,1.1,0.9,2,2,2H35c1.1,0,2-0.9,2-2V7.4C37,6.3,36.1,5.4,35,5.4L35,5.4zM34.3,29.9H3.7V8.1h29.1L19.2,19.6l-9.8-8.4c-0.6-0.5-1.4-0.4-1.9,0.1c-0.5,0.6-0.4,1.4,0.1,1.9l10.7,9.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0l14.3-12.2V29.9zM34.3,29.9'/%3E%3C/g%3E%3C/svg%3E");animation:comagic-label-icon-offline-message 6.6s ease-in-out infinite;}
.comagic-c-consultant-label__icon--with-delay{animation-delay:1.15s;}
.comagic-c-consultant-label__counter{pointer-events:none;background:#f44336;box-shadow:0 1px 7px rgba(0,0,0,0.09),0 2px 30px rgba(0,0,0,0.19);display:flex;color:#ffffff;position:absolute;z-index:1;text-align:center;top:0;left:0;border-radius:100%;width:40%;height:40%;flex-direction:column;justify-content:center;transform:scale(1);transition:transform 0.1s linear;font-family:"Open Sans CoMagic",sans-serif;}
.comagic-c-consultant-label__counter:empty{width:0;height:0;transform:scale(0);}
.comagic-js-consultant-label--hidden{opacity:0;pointer-events:none;height:0;margin-bottom:0;}
.comagic-js-consultant-label--offline-message .comagic-c-consultant-label__content--offline-message{display:block;}
.comagic-js-consultant-label--animation-disabled *{animation:none;}
.comagic-c-consultant-container{z-index:100003;position:fixed;display:flex;flex-direction:column;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none;}
.comagic-c-consultant-container *{box-sizing:content-box;letter-spacing:normal;}
.comagic-c-consultant-container__banner-branding{text-align:center;padding-top:1px;}
.comagic-c-consultant-container__banner-branding-text{font-family:"Open Sans CoMagic",sans-serif;font-size:10px;-webkit-text-size-adjust:100%;color:#BDBDBD;text-decoration:none;border:0;display:block;width:56px;margin:0 auto;height:18px;line-height:22px;}
.comagic-c-consultant-container__banner-branding-text:hover,.comagic-c-consultant-container__banner-branding-text:link,.comagic-c-consultant-container__banner-branding-text:visited,.comagic-c-consultant-container__banner-branding-text:active{color:#BDBDBD;text-decoration:none;cursor:pointer;border:0;}
.comagic-c-consultant-container__banner-branding-text--chat{height:100%;line-height:normal;}
.comagic-c-consultant-container__content{background-color:#ffffff;box-shadow:0 0 30px rgba(0,0,0,0.25);position:relative;pointer-events:auto;width:100%;height:100%;}
.comagic-c-consultant-container__header{z-index:1;left:0;right:0;height:60px;background:#2196F3;box-shadow:1px 1px 2px rgba(0,0,0,0.25);overflow:hidden;padding:0 12px;display:flex;align-items:center;}
.comagic-c-consultant-container__header-title{text-align:left;font:19px "Open Sans CoMagic",sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,0.25);color:#fff;width:100%;margin-right:30px;max-height:50px;}
.comagic-c-consultant-container__landscape{display:none;background-color:#555555;position:relative;pointer-events:auto;width:100%;height:100%;overflow:hidden;}
.comagic-c-consultant-container__landscape:after{content:'';background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23fafafa' d='M 7.46875 0.0625 C 7.398875 0.048625 7.34925 0.06525 7.28125 0.09375 C 7.14425 0.15075 7.0625 0.2885 7.0625 0.4375 L 7.0625 2.71875 C 1.9775 2.86775 -1.35125 6.108 0.59375 14 C 0.26975 8.585 2.1915 5.36075 7.0625 5.46875 L 7.0625 7.625 C 7.0625 7.773 7.14425 7.91175 7.28125 7.96875 C 7.32625 7.98675 7.35825 8 7.40625 8 C 7.50125 8 7.58625 7.97725 7.65625 7.90625 L 12.15625 4.25 C 12.29925 4.107 12.29925 3.892 12.15625 3.75 L 7.65625 0.1875 C 7.60375 0.1355 7.538625 0.076375 7.46875 0.0625 z M 6 10 C 4.896 10 4 10.895 4 12 L 4 24 C 4 25.105 4.896 26 6 26 L 24 26 C 25.104 26 26 25.105 26 24 L 26 12 C 26 10.895 25.104 10 24 10 L 6 10 z M 7 12 L 23 12 L 23 24 L 7 24 L 7 12 z M 24.46875 17.1875 C 24.91075 17.1875 25.28125 17.558 25.28125 18 C 25.28125 18.442 24.91075 18.8125 24.46875 18.8125 C 24.02675 18.8125 23.6875 18.442 23.6875 18 C 23.6875 17.558 24.02675 17.1875 24.46875 17.1875 z'/%3E\a%3C/svg%3E") no-repeat;width:100px;height:100px;background-size:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;}
.comagic-c-consultant-container__banner-branding--chat{z-index:3;padding:0;height:100%;position:absolute;top:0;left:calc(50% - 28px);}
.comagic-c-consultant-container__banner-branding-text--chat{height:100%;line-height:normal;}
.comagic-c-consultant-container__header--chat{padding:5px 12px 5px 5px;min-height:60px;height:auto;}
.comagic-c-consultant-container__header-title--chat{font-size:14px;max-height:110px;}
.comagic-js-consultant-container--hidden{display:none;}
.comagic-js-consultant-container--shown{display:block;}
.comagic-c-offline-message{width:100%;height:100%;}
.comagic-c-offline-message__header-icon{width:36px;height:36px;padding-right:17px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 38 38'%3E%3Cg style='opacity:0.15'%3E%3Cpath d='M36,6.4H4c-1.1,0-2,0.9-2,2v23.2c0,1.1,0.9,2,2,2H36c1.1,0,2-0.9,2-2V8.4C38,7.3,37.1,6.4,36,6.4L36,6.4z M35.3,30.9H4.7V9.1h29.1L20.2,20.6l-9.8-8.4c-0.6-0.5-1.4-0.4-1.9,0.1c-0.5,0.6-0.4,1.4,0.1,1.9l10.7,9.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0l14.3-12.2V30.9z M35.3,30.9'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cpath d='M35,5.4H3c-1.1,0-2,0.9-2,2v23.2c0,1.1,0.9,2,2,2H35c1.1,0,2-0.9,2-2V7.4C37,6.3,36.1,5.4,35,5.4L35,5.4zM34.3,29.9H3.7V8.1h29.1L19.2,19.6l-9.8-8.4c-0.6-0.5-1.4-0.4-1.9,0.1c-0.5,0.6-0.4,1.4,0.1,1.9l10.7,9.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0l14.3-12.2V29.9zM34.3,29.9'/%3E%3C/g%3E%3C/svg%3E") no-repeat;}
.comagic-c-offline-message__body{padding:0 40px 0;overflow-y:auto;height:calc(100% - 60px);}
.comagic-c-offline-message__form{position:relative;opacity:1;}
.comagic-c-offline-message__feedback{display:flex;opacity:0;height:0;visibility:hidden;flex-direction:column;align-items:center;}
.comagic-c-offline-message__feedback-icon{width:64px;height:64px;margin:50px 0 20px;}
.comagic-c-offline-message__feedback-text{text-align:center;font:13pt "Open Sans CoMagic",sans-serif;color:#424242;}
.comagic-c-offline-message__feedback-title{font-weight:bold;}
.comagic-js-consultant-offline-message--hidden{pointer-events:none;height:0;visibility:hidden;}
.comagic-c-messages-log{display:flex;}
.comagic-c-messages-log__boxes-wrapper{padding:5px 10px;width:100%;overflow-y:auto;overflow-x:hidden;}
.comagic-c-messages-log__typing-indicator{position:absolute;z-index:4;opacity:0;transition:opacity 0.2s;padding:0 5px;height:100%;top:0;left:0;}
.comagic-c-messages-log__typing-indicator-item{display:inline;float:left;}
.comagic-c-messages-log__typing-indicator-item--point{width:2px;height:2px;margin-left:2px;margin-top:10px;border-radius:100%;background-color:#615f77;animation:comagic-typing-indicator-pulse 1s infinite alternate;}
.comagic-c-messages-log__typing-indicator-item--point:nth-child(2){animation-delay:0.3s;}
.comagic-c-messages-log__typing-indicator-item--point:nth-child(3){animation-delay:0.6s;}
.comagic-c-messages-log__typing-indicator-item--text{font:10px "Open Sans CoMagic",sans-serif;font-style:italic;color:#615f77;}
.comagic-c-messages-editor{width:100%;padding:5px 12px;display:flex;justify-content:space-between;flex-shrink:0;background:#fff;}
.comagic-c-messages-editor__creator-wrapper{position:relative;width:80%;cursor:text;}
.comagic-c-messages-editor__creator{padding:6px 17px 6px 0;overflow-y:auto;width:100%;line-height:21px;text-align:left;min-height:21px;box-sizing:content-box;max-height:65px;font:15px "Open Sans CoMagic",sans-serif;color:#424242;}
.comagic-c-messages-editor__creator:empty{color:#9e9e9e;}
.comagic-c-messages-editor__creator:empty:before{content:attr(placeholder);color:#9e9e9e;}
.comagic-c-messages-editor__creator:focus{outline:none;}
.comagic-c-messages-editor__creator:focus:before{content:'';}
.comagic-c-messages-editor__tools-area{display:flex;flex-direction:column;justify-content:center;width:20%;}
.comagic-c-messages-editor__tools{height:21px;display:flex;margin:auto;}
.comagic-c-messages-editor__pusher{height:20px;width:20px;padding:0;margin-right:6px;}
.comagic-c-messages-editor__pusher--text{display:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg style='height: 20px;width: 20px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cpath fill='%23BDBDBD' d='M124.4,3.6c-3.5-3.5-8.6-4.5-13.2-2.6L7.5,43.6C2.8,45.6-0.2,50.1,0,55.2c0.1,5.1,3.3,9.4,8.1,11.1l35.5,12.1c1.6,0.6,3.3,0.2,4.6-0.9l44.8-38c2-1.7,2.2-4.7,0.6-6.7c-1.7-2-4.7-2.2-6.7-0.6L44.1,68.6L11.2,57.3c-1.6-0.5-1.8-1.9-1.8-2.4c0-0.6,0.1-1.9,1.6-2.5L114.8,9.7c1.5-0.6,2.5,0.2,2.9,0.6c0.4,0.4,1.2,1.4,0.6,2.9L75.6,116.9c-0.6,1.5-2,1.6-2.5,1.6c-0.6,0-1.9-0.2-2.4-1.8L61,88.4c-0.8-2.5-3.5-3.8-6-2.9c-2.5,0.8-3.8,3.5-3,6l9.7,28.3c1.7,4.8,6,8,11.1,8.2h0.4c4.9,0,9.3-2.9,11.2-7.5l42.7-103.7C129,12.1,128,7.1,124.4,3.6L124.4,3.6z M124.4,3.6'/%3E%3C/svg%3E");}
.comagic-c-messages-editor__pusher--text:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg style='height: 20px;width: 20px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cpath fill='%232196F3' d='M124.4,3.6c-3.5-3.5-8.6-4.5-13.2-2.6L7.5,43.6C2.8,45.6-0.2,50.1,0,55.2c0.1,5.1,3.3,9.4,8.1,11.1l35.5,12.1c1.6,0.6,3.3,0.2,4.6-0.9l44.8-38c2-1.7,2.2-4.7,0.6-6.7c-1.7-2-4.7-2.2-6.7-0.6L44.1,68.6L11.2,57.3c-1.6-0.5-1.8-1.9-1.8-2.4c0-0.6,0.1-1.9,1.6-2.5L114.8,9.7c1.5-0.6,2.5,0.2,2.9,0.6c0.4,0.4,1.2,1.4,0.6,2.9L75.6,116.9c-0.6,1.5-2,1.6-2.5,1.6c-0.6,0-1.9-0.2-2.4-1.8L61,88.4c-0.8-2.5-3.5-3.8-6-2.9c-2.5,0.8-3.8,3.5-3,6l9.7,28.3c1.7,4.8,6,8,11.1,8.2h0.4c4.9,0,9.3-2.9,11.2-7.5l42.7-103.7C129,12.1,128,7.1,124.4,3.6L124.4,3.6z M124.4,3.6'/%3E%3C/svg%3E");}
.comagic-c-messages-editor__pusher--file{display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cpath fill='%23BDBDBD' d='M37.1,120.8c-9.8,0-19.2-3.9-26.4-10.7C-3.6,95.8-3.6,72,10.7,57.6l40.7-40.7c2-2,4.9-2,6.8,0c2,2,2,4.9,0,6.8L17.6,64.2c-10.7,10.7-10.7,28,0,38.8c10.7,10.7,28,10.7,38.8,0L113,46.3c6.5-6.5,6.5-17.3,0-23.8c-3.3-3.3-7.5-4.9-11.7-4.9c-4.6,0-8.8,1.6-11.7,4.9l-41.4,41c-1.3,1.3-2,2.6-2,4.2c0,1.6,0.7,3.3,2,4.2c2.3,2.3,6.2,2.3,8.8,0l25.1-25.1c2-2,4.9-2,6.8,0c2,2,2,4.9,0,6.8L63.8,78.8c-6.2,6.2-16.3,6.2-22.5,0c-2.9-2.9-4.6-7.2-4.6-11.4s1.6-8.1,4.6-11.4l41-41c4.9-4.9,11.7-7.8,18.9-7.8c7.2,0,13.7,2.6,18.9,7.8c4.9,4.9,7.8,11.7,7.8,18.9c0,7.2-2.6,13.7-7.8,18.9l-56.7,57C56.3,116.9,46.9,120.8,37.1,120.8L37.1,120.8z M37.1,120.8'/%3E%3C/svg%3E");}
.comagic-c-messages-editor__pusher--file:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cpath fill='%232196F3' d='M37.1,120.8c-9.8,0-19.2-3.9-26.4-10.7C-3.6,95.8-3.6,72,10.7,57.6l40.7-40.7c2-2,4.9-2,6.8,0c2,2,2,4.9,0,6.8L17.6,64.2c-10.7,10.7-10.7,28,0,38.8c10.7,10.7,28,10.7,38.8,0L113,46.3c6.5-6.5,6.5-17.3,0-23.8c-3.3-3.3-7.5-4.9-11.7-4.9c-4.6,0-8.8,1.6-11.7,4.9l-41.4,41c-1.3,1.3-2,2.6-2,4.2c0,1.6,0.7,3.3,2,4.2c2.3,2.3,6.2,2.3,8.8,0l25.1-25.1c2-2,4.9-2,6.8,0c2,2,2,4.9,0,6.8L63.8,78.8c-6.2,6.2-16.3,6.2-22.5,0c-2.9-2.9-4.6-7.2-4.6-11.4s1.6-8.1,4.6-11.4l41-41c4.9-4.9,11.7-7.8,18.9-7.8c7.2,0,13.7,2.6,18.9,7.8c4.9,4.9,7.8,11.7,7.8,18.9c0,7.2-2.6,13.7-7.8,18.9l-56.7,57C56.3,116.9,46.9,120.8,37.1,120.8L37.1,120.8z M37.1,120.8'/%3E%3C/svg%3E");}
.comagic-c-messages-editor__input--file{width:inherit;opacity:0;display:none!important;}
.comagic-c-chat-group-selector{display:none;background:#fff;position:relative;z-index:101;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%;}
.comagic-c-chat{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;}
.comagic-c-chat__header-icon{width:36px;height:36px;padding-right:17px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 38 38'%3E%3Cg style='opacity:0.15'%3E%3Cpath d='M32.7,8.7c-3.4-3-7.9-4.6-12.7-4.6S10.7,5.7,7.3,8.7C3.9,11.7,2,15.7,2,20c0,3.4,1.2,6.7,3.5,9.4c-0.4,0.9-1,1.5-1.8,2.1c-0.6,0.4-0.9,1.2-0.8,1.9c0.2,0.7,0.8,1.3,1.5,1.4c1.5,0.2,4.5,0.3,7.2-1.3c0.6-0.4,0.8-1.2,0.5-1.8c-0.4-0.6-1.2-0.8-1.8-0.5c-1.2,0.7-2.4,1-3.4,1c0.6-0.7,1.1-1.6,1.4-2.5c0.2-0.5,0.1-1-0.3-1.4C5.8,25.9,4.7,23,4.7,20c0-7.3,6.9-13.3,15.3-13.3c8.5,0,15.3,6,15.3,13.3c0,7.3-6.9,13.3-15.3,13.3c-1.2,0-2.4-0.1-3.6-0.4c-0.7-0.2-1.4,0.3-1.6,1c-0.2,0.7,0.3,1.4,1,1.6c1.4,0.3,2.8,0.4,4.2,0.4c4.8,0,9.3-1.6,12.7-4.6c3.4-3,5.3-7,5.3-11.3C38,15.7,36.1,11.7,32.7,8.7L32.7,8.7z M32.7,8.7'/%3E%3Cpath d='M21.7,20c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C21,18.3,21.7,19,21.7,20L21.7,20z M21.7,20'/%3E%3Cpath d='M27.2,20c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C26.4,18.3,27.2,19,27.2,20L27.2,20z M27.2,20'/%3E%3Cpath d='M16.3,20c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C15.5,18.3,16.3,19,16.3,20L16.3,20z M16.3,20'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cpath d='M31.7,7.7c-3.4-3-7.9-4.6-12.7-4.6S9.7,4.7,6.3,7.7C2.9,10.7,1,14.7,1,19c0,3.4,1.2,6.7,3.5,9.4c-0.4,0.9-1,1.5-1.8,2.1c-0.6,0.4-0.9,1.2-0.8,1.9c0.2,0.7,0.8,1.3,1.5,1.4c1.5,0.2,4.5,0.3,7.2-1.3c0.6-0.4,0.8-1.2,0.5-1.8c-0.4-0.6-1.2-0.8-1.8-0.5c-1.2,0.7-2.4,1-3.4,1c0.6-0.7,1.1-1.6,1.4-2.5c0.2-0.5,0.1-1-0.3-1.4C4.8,24.9,3.7,22,3.7,19c0-7.3,6.9-13.3,15.3-13.3c8.5,0,15.3,6,15.3,13.3c0,7.3-6.9,13.3-15.3,13.3c-1.2,0-2.4-0.1-3.6-0.4c-0.7-0.2-1.4,0.3-1.6,1c-0.2,0.7,0.3,1.4,1,1.6c1.4,0.3,2.8,0.4,4.2,0.4c4.8,0,9.3-1.6,12.7-4.6c3.4-3,5.3-7,5.3-11.3C37,14.7,35.1,10.7,31.7,7.7L31.7,7.7z M31.7,7.7'/%3E%3Cpath d='M20.7,19c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C20,17.3,20.7,18,20.7,19L20.7,19zM20.7,19'/%3E%3Cpath d='M26.2,19c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C25.4,17.3,26.2,18,26.2,19L26.2,19zM26.2,19'/%3E%3Cpath d='M15.3,19c0,1-0.8,1.7-1.7,1.7c-1,0-1.7-0.8-1.7-1.7c0-1,0.8-1.7,1.7-1.7C14.5,17.3,15.3,18,15.3,19L15.3,19zM15.3,19'/%3E%3C/g%3E%3C/svg%3E") no-repeat;}
.comagic-c-chat__body{position:relative;flex:1;}
.comagic-c-chat__form{position:absolute;flex-direction:column;height:100%;width:100%;}
.comagic-c-chat__form--main{display:flex;}
.comagic-c-chat__form--optional{display:flex;}
.comagic-c-chat__form-item--top{height:100%;overflow:auto;}
.comagic-c-chat__form-item--middle{border-bottom:2px solid rgba(0,0,0,0.05);position:relative;height:22px;}
.comagic-c-chat__form-item--bottom{width:100%;overflow:hidden;background:#fff;position:relative;padding-top:8px;padding-bottom:18px;}
.comagic-js-consultant-chat--hidden{pointer-events:none;height:0;visibility:hidden;}
.comagic-c-invite{position:absolute;top:0;height:auto;cursor:pointer;opacity:0;z-index:100003;}
.comagic-c-invite__log{width:100%;}
/*! CSS Used keyframes */
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0);}to{opacity:1;transform:none;}}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0);}to{opacity:1;transform:none;}}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0);}to{opacity:1;transform:none;}}
@keyframes comagic-label-icon-sitephone{1%,2%{transform:rotate3d(0, 0, 1, 9deg);opacity:1;}3%,5%,7%{transform:rotate3d(0, 0, 1, -9deg);}4%,6%,8%{transform:rotate3d(0, 0, 1, 9deg);}9%{transform:rotate3d(0, 0, 1, 0);}}
@keyframes comagic-label-icon-chat{0%,9%,100%{transform:translate3d(0, 0, 0);}3%,5%,7%{transform:translate3d(-2px, 0, 0);}4%,6%,8%{transform:translate3d(2px, 0, 0);}}
@keyframes comagic-label-icon-offline-message{0%,9%,100%{transform:translate3d(0, 0, 0);}3%,5%,7%{transform:translate3d(2px, 0, 0) rotate3d(0, 0, 1, -9deg);}4%,6%,8%{transform:translate3d(-2px, 0, 0) rotate3d(0, 0, 1, 9deg);}}
@keyframes comagic-typing-indicator-pulse{0%{transform:scale(1);}100%{transform:scale(0.2);}}
/*! CSS Used fontfaces */
@font-face{font-family:Brygada1918;font-weight:300;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-Regular.eot);src:local('Brygada1918 Regular'),local('Brygada1918 Regular'),url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-Regular.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-Regular.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-Regular.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Brygada1918;font-weight:600;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-SemiBold.eot);src:local('Brygada1918 SemiBold'),local('Brygada1918 SemiBold'),url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-SemiBold.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-SemiBold.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-SemiBold.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Brygada1918;src:local('Brygada1918 Bold'),local('Brygada1918 Bold'),url(https://zcc.ru/local/templates/zcc/fonts/Brygada1918-Bold.otf) format('opentype');font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:Gilroy;font-weight:800;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ExtraBold.eot);src:local('Gilroy ExtraBold'),local('Gilroy-ExtraBold'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ExtraBold.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ExtraBold.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ExtraBold.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:900;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Heavy.eot);src:local('Gilroy Heavy'),local('Gilroy-Heavy'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Heavy.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Heavy.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Heavy.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:300;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-LightItalic.eot);src:local('Gilroy Light Italic'),local('Gilroy-LightItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-LightItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-LightItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-LightItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:100;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ThinItalic.eot);src:local('Gilroy Thin Italic'),local('Gilroy-ThinItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ThinItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ThinItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ThinItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:900;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-BlackItalic.eot);src:local('Gilroy Black Italic'),local('Gilroy-BlackItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-BlackItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-BlackItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-BlackItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:700;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-BoldItalic.eot);src:local('Gilroy Bold Italic'),local('Gilroy-BoldItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-BoldItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-BoldItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-BoldItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:600;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-SemiBold.eot);src:local('Gilroy SemiBold'),local('Gilroy-SemiBold'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-SemiBold.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-SemiBold.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-SemiBold.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:200;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-UltraLightItalic.eot);src:local('Gilroy UltraLight Italic'),local('Gilroy-UltraLightItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-UltraLightItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-UltraLightItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-UltraLightItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:600;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-SemiBoldItalic.eot);src:local('Gilroy SemiBold Italic'),local('Gilroy-SemiBoldItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-SemiBoldItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-SemiBoldItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-SemiBoldItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:300;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Light.eot);src:local('Gilroy Light'),local('Gilroy-Light'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Light.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Light.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Light.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:500;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-MediumItalic.eot);src:local('Gilroy Medium Italic'),local('Gilroy-MediumItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-MediumItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-MediumItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-MediumItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:800;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ExtraBoldItalic.eot);src:local('Gilroy ExtraBold Italic'),local('Gilroy-ExtraBoldItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ExtraBoldItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ExtraBoldItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-ExtraBoldItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:400;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Regular.eot);src:local('Gilroy Regular'),local('Gilroy-Regular'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Regular.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Regular.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Regular.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:900;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-HeavyItalic.eot);src:local('Gilroy Heavy Italic'),local('Gilroy-HeavyItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-HeavyItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-HeavyItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-HeavyItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:500;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Medium.eot);src:local('Gilroy Medium'),local('Gilroy-Medium'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Medium.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Medium.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Medium.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:400;font-style:italic;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-RegularItalic.eot);src:local('Gilroy Regular Italic'),local('Gilroy-RegularItalic'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-RegularItalic.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-RegularItalic.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-RegularItalic.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:200;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-UltraLight.eot);src:local('Gilroy UltraLight'),local('Gilroy-UltraLight'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-UltraLight.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-UltraLight.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-UltraLight.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:700;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Bold.eot);src:local('Gilroy Bold'),local('Gilroy-Bold'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Bold.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Bold.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Bold.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:100;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Thin.eot);src:local('Gilroy Thin'),local('Gilroy-Thin'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Thin.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Thin.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Thin.ttf) format('truetype');font-display:swap;}
@font-face{font-family:Gilroy;font-weight:900;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Black.eot);src:local('Gilroy Black'),local('Gilroy-Black'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Black.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Black.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/Gilroy-Black.ttf) format('truetype');font-display:swap;}
@font-face{font-family:RobotoRegular;font-weight:400;font-style:normal;src:url(https://zcc.ru/local/templates/zcc/fonts/RobotoRegular.eot);src:url(https://zcc.ru/local/templates/zcc/fonts/RobotoRegular.eot#iefix) format('embedded-opentype'),url(https://zcc.ru/local/templates/zcc/fonts/RobotoRegular.woff) format('woff'),url(https://zcc.ru/local/templates/zcc/fonts/RobotoRegular.ttf) format('truetype');font-display:swap;}
@font-face{font-family:'Open Sans CoMagic';font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url("https://app.comagic.ru/widget/fonts/open-sans-v14-cyrillic_latin-regular.woff2") format("woff2"),url("https://app.comagic.ru/widget/fonts/open-sans-v14-cyrillic_latin-regular.woff") format("woff");}
@font-face{font-family:'Open Sans CoMagic';font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url("https://app.comagic.ru/widget/fonts/open-sans-v14-cyrillic_latin-600.woff2") format("woff2"),url("https://app.comagic.ru/widget/fonts/open-sans-v14-cyrillic_latin-600.woff") format("woff");}
@font-face{font-family:'Open Sans CoMagic';font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url("https://app.comagic.ru/widget/fonts/open-sans-v14-cyrillic_latin-regular.woff2") format("woff2"),url("https://app.comagic.ru/widget/fonts/open-sans-v14-cyrillic_latin-regular.woff") format("woff");}
@font-face{font-family:'Open Sans CoMagic';font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url("https://app.comagic.ru/widget/fonts/open-sans-v14-cyrillic_latin-600.woff2") format("woff2"),url("https://app.comagic.ru/widget/fonts/open-sans-v14-cyrillic_latin-600.woff") format("woff");}
/*! CSS Used from: Embedded */
div{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.popups-form{height:100%;width:100%;background-color:rgba(45,45,45,.6);top:0;z-index:100;right:100%;position:fixed;}
.popups-form.active{right:0;}
/*! CSS Used from: Embedded */
a,div,form,h2,img,label,span{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
a{cursor:pointer;outline:0;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;user-select:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h2{font-family:RobotoRegular;width:100%;}
h2{font-size:24px;line-height:28px;margin-bottom:12px;text-align:left;}
.checkbox{position:relative;}
a,a:active,a:focus,a:hover,div,input{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.popups-form__form.active{right:0;}
.popups-form__form{width:460px;max-width:100%;height:100vh;position:fixed;top:0;right:-460px;background-color:#fff;background-image:url(https://zcc.ru/local/templates/zcc/images/background-for-popaps.svg);background-repeat:no-repeat;background-position:184px 564px;background-size:contain;box-shadow:1px 1px 10px rgba(0,0,0,.1);transition:all .5s cubic-bezier(.6,.2,.4,1);-webkit-transition:all .5s cubic-bezier(.6,.2,.4,1);-moz-transition:all .5s cubic-bezier(.6,.2,.4,1);-o-transition:all .5s cubic-bezier(.6,.2,.4,1);z-index:101;}
.popups-form__form form{width:460px;max-width:100%;height:450px;margin:0 auto;position:absolute;top:50%;right:0;transform:translate(0,-50%);padding:0 45px;}
.popups-form__form form h2{font-family:Gilroy;font-size:24px;line-height:29px;letter-spacing:.02em;text-transform:uppercase;font-weight:600;border-bottom:1px dashed #e5e5e5;text-align:center;padding-bottom:26px;margin-bottom:0;}
.popups-form__form-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;position:absolute;right:30px;top:30px;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;}
.popups-form__form-close span:before{content:'';display:block;height:2px;width:17.8px;background:#2d2d2d;transform:rotate(90deg);}
.popups-form__form-close span{display:block;height:2px;width:17.8px;background:#2d2d2d;transform:rotate(45deg);}
input{-webkit-appearance:none;}
.popups-form__form form input{width:100%;height:45px;padding-left:20px;border:1px solid #e9e9e9;outline:0;position:relative;z-index:1;-webkit-appearance:none;font-family:Gilroy;font-size:14px;letter-spacing:.05em;line-height:45px;color:#000;margin-bottom:10px;}
.popups-form__form form input:focus,.popups-form__form form input:hover{border:1px solid #d7b362;}
.popups-form__form form input[type=submit]{margin-top:26px;background:#cda03b;box-shadow:0 0 7px rgba(0,0,0,.15);border-radius:30px;cursor:pointer;font-family:Gilroy;font-size:16px;line-height:19px;text-align:center;letter-spacing:.05em;color:#fff;padding:0;}
.popups-form__form form input::-webkit-input-placeholder{font-family:Gilroy;font-size:14px;letter-spacing:.05em;color:#c4c4c4;line-height:45px;}
.popups-form__form form .checkbox{margin-top:22px;margin-bottom:1px;}
.popups-form__form form .checkbox-block{width:20px;height:20px;margin-right:10px;top:2px;}
.popups-form__form form .checkbox>span{font-weight:200;font-size:13px;line-height:15px;letter-spacing:.05em;}
.popups-form__form form .checkbox-block img{left:-1px;top:1px;min-width:23px;}
.popups-form__form form input::-moz-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:-moz-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:-ms-input-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:focus::-webkit-input-placeholder{color:transparent;}
.popups-form__form form input:focus::-moz-placeholder{color:transparent;}
.popups-form__form form input:focus:-moz-placeholder{color:transparent;}
.popups-form__form form input:focus:-ms-input-placeholder{color:transparent;}
.popups-form__form form label{position:relative;top:8px;left:15px;padding-left:5px;padding-right:5px;z-index:100;background-color:#fff;margin-top:18px;font-family:Gilroy;font-size:14px;line-height:16px;letter-spacing:.05em;color:#2d2d2d;}
.popups-form__form form label span{color:red;}
.checkbox input[type=checkbox]{position:absolute;width:1px;height:1px;left:0;bottom:0;opacity:0;}
.checkbox{display:flex;justify-content:space-between;margin-top:33px;}
.checkbox-block{width:30px;height:30px;display:flex;justify-content:center;align-items:center;position:relative;}
.checkbox-block img{position:absolute;left:6px;display:block;cursor:pointer;}
.checkbox-block-el{width:20px;height:20px;border:1px solid #e9e9e9;cursor:pointer;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
.popups-form__form{display:flex;align-items:center;}
@media only screen and (min-width:0) and (max-width:767px){
    .popups-form__form form{height:auto;max-width:calc(100% - 20px);padding:0 10px;}
    .popups-form__form form label{margin-top:13px;}
    .popups-form__form-close{top:62px;}
    .popups-form__form form h2{text-align:left;padding-right:70px;}
    .popups-form__form{padding:0 10px;height:100%;}
}
a:focus,a:hover{text-decoration:none;}
@media only screen and (max-width:767px){
    .popups-form__form-close{top:30px;}
    .popups-form__form form h2{padding-right:0;font-size:22px;}
}
@media print{
    form{display:none!important;visibility:hidden!important;}
    img{page-break-inside:avoid;position:relative;}
}

div{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.popups-form-service{height:100%;width:100%;background-color:rgba(45,45,45,.6);top:0;z-index:100;right:100%;position:fixed;}
/*! CSS Used from: Embedded */
a,div,form,h2,img,label,span{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
a{cursor:pointer;outline:0;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;user-select:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h2{font-family:RobotoRegular;width:100%;}
h2{font-size:24px;line-height:28px;margin-bottom:12px;text-align:left;}
.checkbox{position:relative;}
a,a:active,a:focus,a:hover,div,input{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.popups-form__form{width:460px;max-width:100%;height:100vh;position:fixed;top:0;right:-460px;background-color:#fff;background-image:url(https://zcc.ru/local/templates/zcc/images/background-for-popaps.svg);background-repeat:no-repeat;background-position:184px 564px;background-size:contain;box-shadow:1px 1px 10px rgba(0,0,0,.1);transition:all .5s cubic-bezier(.6,.2,.4,1);-webkit-transition:all .5s cubic-bezier(.6,.2,.4,1);-moz-transition:all .5s cubic-bezier(.6,.2,.4,1);-o-transition:all .5s cubic-bezier(.6,.2,.4,1);z-index:101;}
.popups-form__form form{width:460px;max-width:100%;height:450px;margin:0 auto;position:absolute;top:50%;right:0;transform:translate(0,-50%);padding:0 45px;}
.popups-form__form form h2{font-family:Gilroy;font-size:24px;line-height:29px;letter-spacing:.02em;text-transform:uppercase;font-weight:600;border-bottom:1px dashed #e5e5e5;text-align:center;padding-bottom:26px;margin-bottom:0;}
.popups-form__form-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;position:absolute;right:30px;top:30px;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;}
.popups-form__form-close span:before{content:'';display:block;height:2px;width:17.8px;background:#2d2d2d;transform:rotate(90deg);}
.popups-form__form-close span{display:block;height:2px;width:17.8px;background:#2d2d2d;transform:rotate(45deg);}
#popups-callback{font-size:18px;font-weight:500;}
input,select{-webkit-appearance:none;}
.popups-form__form form input,.popups-form__form form select{width:100%;height:45px;padding-left:20px;border:1px solid #e9e9e9;outline:0;position:relative;z-index:1;-webkit-appearance:none;font-family:Gilroy;font-size:14px;letter-spacing:.05em;line-height:45px;color:#000;margin-bottom:10px;}
.popups-form__form form select{background-image:url(https://zcc.ru/local/templates/zcc/images/arrow_bottom_grey.svg);background-size:10px 10px;background-position:95% 52%;background-repeat:no-repeat;}
.popups-form__form form input:focus,.popups-form__form form input:hover,.popups-form__form form select:focus,.popups-form__form form select:hover{border:1px solid #d7b362;}
.popups-form__form form input[type=submit]{margin-top:26px;background:#BE9B64;box-shadow:0 0 7px rgba(0,0,0,.15);border-radius:7px;cursor:pointer;font-family:Gilroy;font-size:16px;line-height:19px;text-align:center;letter-spacing:.05em;color:#fff;padding:0;}
.popups-form__form form input::-webkit-input-placeholder,.popups-form__form form select::-webkit-input-placeholder{font-family:Gilroy;font-size:14px;letter-spacing:.05em;color:#c4c4c4;line-height:45px;}
.popups-form__form form .checkbox{margin-top:22px;margin-bottom:1px;}
.popups-form__form form .checkbox-block{width:20px;height:20px;margin-right:10px;top:2px;}
.popups-form__form form .checkbox>span{font-weight:200;font-size:13px;line-height:15px;letter-spacing:.05em;}
.popups-form__form form .checkbox-block img{left:-1px;top:1px;min-width:23px;}
.popups-form__form form input::-moz-placeholder,.popups-form__form form select::-moz-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:-moz-placeholder,.popups-form__form form select:-moz-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:-ms-input-placeholder,.popups-form__form form select:-ms-input-placeholder{font-family:Gilroy;font-size:14px;line-height:45px;letter-spacing:.05em;color:#c4c4c4;}
.popups-form__form form input:focus::-webkit-input-placeholder,.popups-form__form form select:focus::-webkit-input-placeholder{color:transparent;}
.popups-form__form form input:focus::-moz-placeholder,.popups-form__form form select:focus::-moz-placeholder{color:transparent;}
.popups-form__form form input:focus:-moz-placeholder,.popups-form__form form select:focus:-moz-placeholder{color:transparent;}
.popups-form__form form input:focus:-ms-input-placeholder,.popups-form__form form select:focus:-ms-input-placeholder{color:transparent;}
.popups-form__form form label{position:relative;top:8px;left:15px;padding-left:5px;padding-right:5px;z-index:100;background-color:#fff;margin-top:18px;font-family:Gilroy;font-size:14px;line-height:16px;letter-spacing:.05em;color:#2d2d2d;}
.popups-form__form form label span{color:red;}
.checkbox input[type=checkbox]{position:absolute;width:1px;height:1px;left:0;bottom:0;opacity:0;}
.checkbox{display:flex;justify-content:space-between;margin-top:33px;}
.checkbox-block{width:30px;height:30px;display:flex;justify-content:center;align-items:center;position:relative;}
.checkbox-block img{position:absolute;left:6px;display:block;cursor:pointer;}
.checkbox-block-el{width:20px;height:20px;border:1px solid #e9e9e9;cursor:pointer;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
.popups-form__form{display:flex;align-items:center;}
@media only screen and (min-width:0) and (max-width:767px){
    .popups-form__form form{height:auto;max-width:calc(100% - 20px);padding:0 10px;}
    .popups-form__form form label{margin-top:13px;}
    .popups-form__form-close{top:62px;}
    .popups-form__form form h2{text-align:left;padding-right:70px;}
    .popups-form__form{padding:0 10px;height:100%;}
}
a:focus,a:hover{text-decoration:none;}
@media only screen and (max-width:767px){
    .popups-form__form-close{top:30px;}
    .popups-form__form form h2{padding-right:0;font-size:22px;}
}
@media print{
    form{display:none!important;visibility:hidden!important;}
    img{page-break-inside:avoid;position:relative;}
}

a,div{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
a{cursor:pointer;outline:0;}
a{text-decoration:none;color:inherit;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a,a:active,a:focus,a:hover,div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
a:focus,a:hover{text-decoration:none;}
.mobile_phone{display:none;position:fixed;bottom:0;left:0;width:100%;z-index:990;text-align:center;background:#BE9B64;}
.mobile_phone-link{display:block;color:#fff;font-size:16px;padding:15px;font-weight:700;}
@media (max-width:767px){
    .mobile_phone{display:block;}
}
@media print{
    .mobile_phone{display:none!important;visibility:hidden!important;}
}
/*! CSS Used from: Embedded */
.flex{display:flex;}
.email-to-manager{-webkit-transition:all .4s cubic-bezier(.215,.61,.355,1);-moz-transition:all .4s cubic-bezier(.215,.61,.355,1);-o-transition:all .4s cubic-bezier(.215,.61,.355,1);transition:all .4s cubic-bezier(.215,.61,.355,1);}
.email-to-manager:hover{background:#CAAF83;}
.flex{display:flex;}
@media only screen and (min-width:1281px){
    .main-page footer th#menu-about{width:315px;}
    .main-page footer th#menu-forbuyers{width:340px;}
    .main-page footer th#menu-service{width:382px;}
    .main-page footer th#menu-contacts{width:192px;}
}
@media only screen and (max-width:1199px){
    .email-to-manager__inner--desktop{display:none!important;}
    #manager-mail{display:flex!important;position:absolute;bottom:-80px;right:64px;height:auto;padding:0;border-bottom:0;text-transform:none;}
}
#manager-mail{display:none;}
a,div,img,li,span,table,tbody,td,th,thead,tr,ul{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
ul{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}
a{cursor:pointer;outline:0;}
li a{text-decoration:none;color:inherit;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;user-select:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.icon.xs,.xs{display:none;}
.r-row:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
footer .container .section{position:relative;width:100%;min-height:1px;padding:0 15px;}
.r-row{position:relative;width:100%;min-height:1px;}
a,a:active,a:focus,a:hover,div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.flex{display:flex;display:-moz-flex;display:-ms-flex;display:-webkit-flex;}
a[href="javascript:void"]{cursor:default;}
.icon{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center center;}
.cell{display:table-cell;vertical-align:middle;}
.table{display:table;height:100%;}
.table{margin-bottom:0;max-width:none;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
.socials--inner{font-size:0;}
.socials--inner>a{display:inline-block;margin-right:23px;vertical-align:middle;}
.socials--inner>a:nth-last-child(1){margin-right:0;}
.footer__menu th{font-size:16px;font-weight:500;line-height:19px;max-width:20%;height:68px;padding-top:10px;text-align:left;vertical-align:middle;text-transform:uppercase;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,.2);}
.footer__menu td{padding-top:15px;}
.footer__list li{font-size:14px;font-weight:400;line-height:30px;color:#fff;}
.footer__list li a:hover,.footer__menu th>a:hover{border-bottom:1px solid #fff;}
.socials--inner a:hover{opacity:.8;border-bottom:0;}
.footer__inform{font-size:12px;font-weight:400;line-height:16px;padding-top:55px;}
.footer__bottom{width:100%;height:45px;margin-top:24px;vertical-align:middle;border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,.2);}
.footer__dev{font-weight:400;text-align:right;}
.footer__dev>a{font-size:14px;font-weight:600;line-height:.9;display:inline-block;transition:all .4s cubic-bezier(.215,.61,.355,1);text-align:right;border-bottom:1px solid #fff;}
.footer__dev>a:hover{color:#e0202d;border-color:transparent;}
.footer__copy{font-size:14px;font-weight:400;line-height:16px;}
.footer__copy a{border-bottom:1px solid #fff;}
.footer__copy a:hover{border-color:transparent;}
.footer__copy .separate{margin:0 .9em;}
.contacts__block{font-size:14px;line-height:16px;width:100%;margin-bottom:10px;color:#fff;}
.contacts__phone,.contacts__phones{font-size:18px;font-weight:500;line-height:21px;color:#fff;}
.contacts__mail,.contacts__point{padding-top:3px;padding-bottom:2px;padding-left:30px;}
.contacts__mail{background:url(https://zcc.ru/local/templates/zcc/images/mail_gold.svg) no-repeat left center;}
.contacts__point{background:url(https://zcc.ru/local/templates/zcc/images/point_gold.svg) no-repeat left 4px center;}
.contacts__point>a{font-size:14px;font-weight:600;border-bottom:1px solid #fff;}
.contacts__point>a:hover{border-color:transparent;}
th#menu-about{width:205px;}
th#menu-forbuyers{width:218px;}
th#menu-service{width:270px;}
th#menu-socials{text-align:right;}
.icon-white-arrow-top{width:11px;height:5px;background:url(https://zcc.ru/local/templates/zcc/images/arrow_bottom_white.svg) no-repeat center center;}
.active .icon-white-arrow-top{background:url(https://zcc.ru/local/templates/zcc/images/arrow_gold_top.svg) no-repeat center center;}
@media only screen and (max-width:1199px){
    footer .container .section{padding:0 20px;}
    th#menu-about{width:175px;}
    th#menu-forbuyers{width:220px;}
    th#menu-service{width:229px;}
    th#menu-socials{position:absolute;bottom:-73px;left:0;height:auto;padding:0;border-bottom:0;}
    .footer__menu.r-row{margin-bottom:40px;}
    .footer__menu th{height:60px;padding-top:4px;}
}
@media only screen and (min-width:0) and (max-width:767px){
    #manager-mail{display:none!important;}
    #manager-mail{display: flex !important;right:0;bottom:10px;justify-content:flex-end;width:fit-content !important;width:-moz-fit-content !important}
    .xs{display:block;}
    .icon.xs{display:inline-block;}
    .no-xs{display:none;}
    .footer__menu tbody{display:none;}
    .footer__list.xs{display:none;padding-top:14px;padding-bottom:18px;text-transform:none;}
    th.active .footer__list.xs{display:block;}
    .footer__menu,.footer__menu th,.footer__menu thead,.footer__menu tr{display:block;width:100%!important;max-width:100%;}
    .footer__menu th{display:block;width:100%;height:44px;padding-top:0;border-bottom:1px solid rgba(255,255,255,.1);}
    .footer__menu th>a{line-height:45px;position:relative;display:block;width:100%;height:100%;cursor:pointer;}
    .footer__menu .icon-white-arrow-top{position:absolute;top:50%;right:0;margin-top:-2px;}
    .footer__menu th.active{height:auto;}
    .footer__menu th.active>a{color:#cda03b;}
    .footer__list li a:hover,.footer__menu th.active>a,.footer__menu th>a:hover{border-bottom:1px solid rgba(255,255,255,.1);}
    .footer__list li a:active,.footer__list li a:focus{border-bottom:0;}
    .footer__list.xs li:last-child{margin-top:15px;}
    #menu-contacts .socials{padding-bottom:0;}
    .footer__menu.r-row{margin-bottom:0;}
    .footer__bottom{margin-top:-1px;border-top:0;}
    .footer__bottom{width:calc(100% + 40px);margin-left:-20px;text-align:center;color:#fff;background:#cda03b;}
    .footer__phone{font-size:18px;font-weight:500;font-style:normal;line-height:21px;color:#fff;padding:5px 0;}
    .footer__phone .contacts__phone{margin-bottom:5px;}
    .footer__head{display:table;width:100%;height:51px;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,.1);}
    .callback{font-size:14px;font-weight:500;color:#cda03b;text-decoration-line:underline;}
    .footer__callback{text-align:right;}
}
.email-to-manager__inner{justify-content:flex-end;}
.email-to-manager{margin-top:5px;display:flex;align-items:center;justify-content:center;width:220px;height:35px;background:#BE9B64;box-shadow:0 0 2px rgba(0,0,0,.12);border-radius:7px;border-bottom:1px solid transparent;}
.email-to-manager__text{position:relative;padding-left:35px;}
.email-to-manager__text:before{position:absolute;content:url(https://zcc.ru/local/templates/zcc/images/email-white.svg);top:-3px;left:0;}
a:focus,a:hover{text-decoration:none;}
.contacts__block a:hover{border-bottom:0;}
.footer__menu th a:hover{border-color:transparent;}
@media only screen and (min-width:0) and (max-width:767px){
    th#menu-socials{position:relative;bottom:0;text-align:left;min-height:52px;padding:14px 0;}
}
.openCallbackForm:hover{cursor:pointer;}
@media print{
    .r-row{max-width:680px;}
    img,table tr{page-break-inside:avoid;position:relative;}
}
@media print and (orientation:landscape){
    .r-row{max-width:1000px;}
}
/*! CSS Used from: Embedded */
div{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.points__whisper{width:30px;height:30px;position:absolute;z-index:1;left:-6px;top:-6px;cursor:pointer;}
/*! CSS Used from: Embedded */
.points__img a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:0 0;}
a,div,span{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
a{cursor:pointer;outline:0;}
a{text-decoration:none;color:inherit;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a,a:active,a:focus,a:hover,div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.slick-slide a{outline:0;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
.points__mini-item{display:none;position:absolute;min-width:190px;height:60px;background:#fff;border-radius:30px;box-shadow:0 2px 8px rgba(0,0,0,.25);text-align:left;right:34px;top:-20px;padding:7px 12px 7px 8px;white-space:nowrap;font-size:0;opacity:0;transition:all 333ms cubic-bezier(.215,.61,.355,1);margin-right:-15px;}
.points__mini-item.active{opacity:1;margin-right:0;}
.points__mini-item:after{content:"";display:block;position:absolute;width:30px;height:30px;background:#fff;z-index:0;transform:rotate(45deg);border-radius:2px;right:0;top:15px;}
.points__img{width:46px;height:46px;overflow:hidden;border-radius:50%;display:inline-block;vertical-align:middle;position:relative;z-index:1;}
.points__item.active .points__mini-item{display:block;}
.points__img-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-position:center center;}
.points__price{margin-bottom:5px;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;}
.points__price span{font-weight:600;}
.points__text{display:inline-block;vertical-align:middle;padding-left:8px;text-align:left;font-weight:400;font-size:14px;line-height:16px;letter-spacing:.05em;color:#000;position:relative;z-index:1;}
.points__link a{font-weight:500;font-size:14px;line-height:16px;letter-spacing:.05em;color:#cda03b;display:inline-block;padding-right:19px;background:url(https://zcc.ru/local/templates/zcc/images/arrow_gold_right.svg) no-repeat right center;border-bottom:1px solid transparent;}
a:focus,a:hover{text-decoration:none;}
/*! CSS Used from: Embedded */
.slick-slide img{display:block;}
.main-page main .container{width:100%;max-width:1920px;padding:0;overflow:hidden;}
a,div,form,img,label,span{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
.wrapper input:not([type=checkbox]){outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a{cursor:pointer;outline:0;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;user-select:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.xs{display:none;}
.container{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.container:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
.container{width:1200px;height:100%;margin:auto;}
a,a:active,a:focus,a:hover,div,input{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
input{-webkit-appearance:none;}
.wrapper input{font-family:Gilroy;font-size:14px;line-height:16px;float:left;height:35px;margin:0;padding:9px 12px;color:#2d2d2d;border:0;border-radius:20px;background:#fff;}
.container:not(section){padding-left:0;padding-right:0;}
.slick-slide a{outline:0;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
@media only screen and (max-width:1199px){
    .container{width:820px;max-width:100%;}
}
@media only screen and (min-width:0) and (max-width:767px){
    .xs{display:block;}
    .no-xs{display:none;}
    .container{width:100%;padding:0;}
}
a:focus,a:hover{text-decoration:none;}
@media print{
    form{display:none!important;visibility:hidden!important;}
    img{page-break-inside:avoid;position:relative;}
}
/*! CSS Used from: https://zcc.ru/local/templates/zcc/general_styles.css */
.slick-slide img{display:block;}
.main-page main .container{width:100%;max-width:1920px;padding:0;overflow:hidden;}
div,span,a,img,form,label{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
.wrapper input:not([type='checkbox']){outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a{cursor:pointer;outline:0;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;user-select:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.xs{display:none;}
.container{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.container:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
.container{width:1200px;height:100%;margin:auto;}
a,a:hover,a:focus,a:active,input,div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-tap-highlight-color:transparent;color:inherit;}
input{-webkit-appearance:none;}
.wrapper input{font-family:'Gilroy';font-size:14px;line-height:16px;float:left;height:35px;margin:0;padding:9px 12px;color:#2d2d2d;border:0;border-radius:20px;background:#fff;}
.container:not(section){padding-left:0;padding-right:0;}
.slick-slide a{outline:none;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
@media only screen and (max-width: 1199px){
    .container{width:820px;max-width:100%;}
}
@media only screen and (min-width: 0) and (max-width: 767px){
    .xs{display:block;}
    .no-xs{display:none;}
    .container{width:100%;padding:0;}
}
a:hover,a:focus{text-decoration:none;}
@media print{
    form{display:none!important;visibility:hidden!important;}
    img{page-break-inside:avoid;position:relative;}
}
.main-page__banner-item .banner__form{position:absolute;background:rgb(45 45 45 / 80%);width:500px;height:auto;padding:40px 55px;left:0;top:60.5%;transform:translateY(-50%);z-index:10;}
.main-page .main-page__banner-item .container{width:1350px;position:absolute;top:0;left:50%;transform:translateX(-50%);padding-top:200px;z-index:11;}
.main-page__banner-item .form__title{display:block;font-family:'Philosopher';font-style:normal;font-weight:normal;font-size:36px;line-height:40px;color:#FFFFFF;margin-bottom:25px;}
.main-page__banner-item .form__row{display:flex;width:100%;justify-content:space-between;margin-bottom:10px;position:relative;}
.main-page__banner-item .form__block[data-field="form_name"]{width:100%;}
.main-page__banner-item .form__block[data-field="form_tel"],.main-page__banner-item .form__block[data-field="form_mail"]{width:calc(50% - 5px);position:relative;}
.main-page__banner-item .form__block input{width:100%;background:#FFFFFF;border:1px solid #E5E5E5;border-radius:7px;padding:0 10px 0 41px;font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#000000;height:45px;}
.main-page__banner-item .form__block img{position:absolute;left:10px;top:50%;transform:translateY(-50%);}
.main-page__banner-item .form__block input::-webkit-input-placeholder{font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#979797;}
.main-page__banner-item .form__block input::-moz-placeholder{font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#979797;}
.main-page__banner-item .form__block input:-ms-input-placeholder{font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#979797;}
.main-page__banner-item .form__block input:-moz-placeholder{font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#979797;}
.main-page__banner-item .form__policy{width:100%;display:flex;margin-top:15px;}
.main-page__banner-item .form__policy input{display:none;}
.main-page__banner-item .form__policy label{position:relative;margin-left:0;font-size:12px;line-height:14px;cursor:pointer;font-weight:normal;color:#FFFFFF;margin-bottom:0;display:block;top:2px;}
.main-page__banner-item .custom-checkbox+label::before{content:'';display:inline-block;width:18px;height:18px;flex-shrink:0;flex-grow:0;border:1px solid #E5E5E5;border-radius:2px;margin-right:12px;float:left;background:#FFFFFF;box-sizing:border-box;position:relative;top:-2px;}
.main-page__banner-item .form__policy .custom-checkbox:checked+label::before{background:#FFFFFF;background-image:url('https://zcc.ru/local/templates/zcc/images/popups-checkbox.svg');background-repeat:no-repeat;background-position:50% 50%;}
.main-page__banner-item .form__policy label a{border-bottom:1px solid #FFFFFF;transition:border .3s ease-out;}
.main-page__banner-item .form__policy label a:hover{border-bottom:1px solid transparent;}
.main-page__banner-item .form__policy label a:active{border-bottom:1px solid #FFFFFF;}
.main-page__banner-item input[type="submit"]{display:flex;align-items:center;justify-content:center;width:230px;height:45px;cursor:pointer;background:#EA3C3C;border-radius:7px;margin-top:15px;font-weight:500;font-size:16px;line-height:19px;color:#FFFFFF;transition:opacity .3s ease-out;}
.main-page__banner-item input[type="submit"]:hover{opacity:80%;}
.main-page__banner-item input[type="submit"]:active{opacity:100%;}
.main-page__banner-item .form__title--sale{position:relative;top:6px;left:14px;z-index:1;}
.main-page__banner-item .form__title--sale:before{content:url('https://zcc.ru/local/templates/zcc/images/form__title--sale.svg');position:absolute;top:-15px;left:-15px;z-index:-1;}
.main-page__banner-item--video {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #22150f;
}
.main-page__banner-item--video video {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 1440px){
    .main-page .main-page__banner-item .container{width:1200px;}
    .main-page__banner-item .banner__form{left:50px;}
}
@media only screen and (max-width: 1199px){
    .main-page .main-page__banner-item .container{padding-top:0;width:820px;max-width:100%;}
    .main-page__banner-item .banner__form{left:20px;top:65px;transform:none;}
}
@media only screen and (max-width: 767px){
    .main-page__banner-item .banner__form{top:auto;transform:none;width:calc(100% - 40px);padding:20px;bottom:40px;}
    .main-page__banner-item .form__title{font-size:24px;line-height:27px;margin-bottom:15px;}
    .main-page__banner-item .form__title .xs{display:inline;}
    .main-page__banner-item .form__row{flex-direction:column;}
    .main-page__banner-item .form__block[data-field="form_tel"],.main-page__banner-item .form__block[data-field="form_mail"]{width:100%;}
    .main-page__banner-item .form__block[data-field="form_tel"]{margin-bottom:10px;}
    .main-page__banner-item input[type="submit"]{width:100%;margin-top:10px;}
    .main-page__banner-item .form__policy{margin-top:10px;}
    .main-page__banner-item .form__policy label{top:0px;}
    .main-page__banner-item .custom-checkbox+label::before{margin-right:10px;top:0px;}
    .main-page__banner-item .form__title--sale{top:4px;left:11px;font-weight:bold;font-size:24px;line-height:27px;}
    .main-page__banner-item .form__title--sale:before{content:url(https://zcc.ru/local/templates/zcc/images/form__title--sale_mob.svg);position:absolute;top:-10px;left:-11px;}
}
@media only screen and (max-width: 600px){
    .main-page__banner-item--video .main-page__banner-background {
        object-position: top;
    }
}
/*! CSS Used fontfaces */
/*! CSS Used from: Embedded */
.slick-slide img{display:block;}
.main-page main .container{width:100%;max-width:1920px;padding:0;overflow:hidden;}
a,div,form,img,label,span{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
.wrapper input:not([type=checkbox]){outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a{cursor:pointer;outline:0;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;user-select:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.xs{display:none;}
.container{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.container:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
.container{width:1200px;height:100%;margin:auto;}
a,a:active,a:focus,a:hover,div,input{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
input{-webkit-appearance:none;}
.wrapper input{font-family:Gilroy;font-size:14px;line-height:16px;float:left;height:35px;margin:0;padding:9px 12px;color:#2d2d2d;border:0;border-radius:20px;background:#fff;}
.container:not(section){padding-left:0;padding-right:0;}
.slick-slide a{outline:0;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
@media only screen and (max-width:1199px){
    .container{width:820px;max-width:100%;}
}
@media only screen and (min-width:0) and (max-width:767px){
    .xs{display:block;}
    .no-xs{display:none;}
    .container{width:100%;padding:0;}
}
a:focus,a:hover{text-decoration:none;}
@media print{
    form{display:none!important;visibility:hidden!important;}
    img{page-break-inside:avoid;position:relative;}
}
/*! CSS Used from: https://zcc.ru/local/templates/zcc/general_styles.css */
.slick-slide img{display:block;}
.main-page main .container{width:100%;max-width:1920px;padding:0;overflow:hidden;}
div,span,a,img,form,label{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
.wrapper input:not([type='checkbox']){outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a{cursor:pointer;outline:0;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;user-select:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.xs{display:none;}
.container{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.container:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
.container{width:1200px;height:100%;margin:auto;}
a,a:hover,a:focus,a:active,input,div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-tap-highlight-color:transparent;color:inherit;}
input{-webkit-appearance:none;}
.wrapper input{font-family:'Gilroy';font-size:14px;line-height:16px;float:left;height:35px;margin:0;padding:9px 12px;color:#2d2d2d;border:0;border-radius:20px;background:#fff;}
.container:not(section){padding-left:0;padding-right:0;}
.slick-slide a{outline:none;}
a{line-height:1;}
a:hover{border-bottom:1px solid transparent;}
@media only screen and (max-width: 1199px){
    .container{width:820px;max-width:100%;}
}
@media only screen and (min-width: 0) and (max-width: 767px){
    .xs{display:block;}
    .no-xs{display:none;}
    .container{width:100%;padding:0;}
}
a:hover,a:focus{text-decoration:none;}
@media print{
    form{display:none!important;visibility:hidden!important;}
    img{page-break-inside:avoid;position:relative;}
}
.main-page__banner-item .banner__form{position:absolute;background:rgb(45 45 45 / 80%);width:500px;height:auto;padding:40px 55px;left:0;top:60.5%;transform:translateY(-50%);}
.main-page .main-page__banner-item .container{width:1350px;position:absolute;top:0;left:50%;transform:translateX(-50%);padding-top:200px;z-index:11;}
.main-page__banner-item .form__title{display:block;font-family:'Philosopher';font-style:normal;font-weight:normal;font-size:36px;line-height:40px;color:#FFFFFF;margin-bottom:25px;}
.main-page__banner-item .form__row{display:flex;width:100%;justify-content:space-between;margin-bottom:10px;position:relative;}
.main-page__banner-item .form__block[data-field="form_name"]{width:100%;}
.main-page__banner-item .form__block[data-field="form_tel"],.main-page__banner-item .form__block[data-field="form_mail"]{width:calc(50% - 5px);position:relative;}
.main-page__banner-item .form__block input{width:100%;background:#FFFFFF;border:1px solid #E5E5E5;border-radius:7px;padding:0 10px 0 41px;font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#000000;height:45px;}
.main-page__banner-item .form__block img{position:absolute;left:10px;top:50%;transform:translateY(-50%);}
.main-page__banner-item .form__block input::-webkit-input-placeholder{font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#979797;}
.main-page__banner-item .form__block input::-moz-placeholder{font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#979797;}
.main-page__banner-item .form__block input:-ms-input-placeholder{font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#979797;}
.main-page__banner-item .form__block input:-moz-placeholder{font-family:Gilroy;font-weight:normal;font-size:13px;line-height:15px;color:#979797;}
.main-page__banner-item .form__policy{width:100%;display:flex;margin-top:15px;}
.main-page__banner-item .form__policy input{display:none;}
.main-page__banner-item .form__policy label{position:relative;margin-left:0;font-size:12px;line-height:14px;cursor:pointer;font-weight:normal;color:#FFFFFF;margin-bottom:0;display:block;top:2px;}
.main-page__banner-item .custom-checkbox+label::before{content:'';display:inline-block;width:18px;height:18px;flex-shrink:0;flex-grow:0;border:1px solid #E5E5E5;border-radius:2px;margin-right:12px;float:left;background:#FFFFFF;box-sizing:border-box;position:relative;top:-2px;}
.main-page__banner-item .form__policy .custom-checkbox:checked+label::before{background:#FFFFFF;background-image:url('https://zcc.ru/local/templates/zcc/images/popups-checkbox.svg');background-repeat:no-repeat;background-position:50% 50%;}
.main-page__banner-item .form__policy label a{border-bottom:1px solid #FFFFFF;transition:border .3s ease-out;}
.main-page__banner-item .form__policy label a:hover{border-bottom:1px solid transparent;}
.main-page__banner-item .form__policy label a:active{border-bottom:1px solid #FFFFFF;}
.main-page__banner-item input[type="submit"]{display:flex;align-items:center;justify-content:center;width:230px;height:45px;cursor:pointer;background:#EA3C3C;border-radius:7px;margin-top:15px;font-weight:500;font-size:16px;line-height:19px;color:#FFFFFF;transition:opacity .3s ease-out;}
.main-page__banner-item input[type="submit"]:hover{opacity:80%;}
.main-page__banner-item input[type="submit"]:active{opacity:100%;}
.main-page__banner-item .form__title--sale{position:relative;top:6px;left:14px;z-index:1;}
.main-page__banner-item .form__title--sale:before{content:url('https://zcc.ru/local/templates/zcc/images/form__title--sale.svg');position:absolute;top:-15px;left:-15px;z-index:-1;}
@media only screen and (max-width: 1440px){
    .main-page .main-page__banner-item .container{width:1200px;}
    .main-page__banner-item .banner__form{left:50px;}
}
@media only screen and (max-width: 1199px){
    .main-page .main-page__banner-item .container{padding-top:0;width:820px;max-width:100%;}
    .main-page__banner-item .banner__form{left:20px;top:65px;transform:none;}
}
@media only screen and (max-width: 767px){
    .main-page__banner-item .banner__form{top:auto;transform:none;width:calc(100% - 40px);padding:20px;bottom:40px;}
    .main-page__banner-item .form__title{font-size:24px;line-height:27px;margin-bottom:15px;}
    .main-page__banner-item .form__title .xs{display:inline;}
    .main-page__banner-item .form__row{flex-direction:column;}
    .main-page__banner-item .form__block[data-field="form_tel"],.main-page__banner-item .form__block[data-field="form_mail"]{width:100%;}
    .main-page__banner-item .form__block[data-field="form_tel"]{margin-bottom:10px;}
    .main-page__banner-item input[type="submit"]{width:100%;margin-top:10px;}
    .main-page__banner-item .form__policy{margin-top:10px;}
    .main-page__banner-item .form__policy label{top:0px;}
    .main-page__banner-item .custom-checkbox+label::before{margin-right:10px;top:0px;}
    .main-page__banner-item .form__title--sale{top:4px;left:11px;font-weight:bold;font-size:24px;line-height:27px;}
    .main-page__banner-item .form__title--sale:before{content:url(https://zcc.ru/local/templates/zcc/images/form__title--sale_mob.svg);position:absolute;top:-10px;left:-11px;}
}
/*! CSS Used from: Embedded */
@media print{
    *,*:before,*:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*! CSS Used from: Embedded */
div{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div{outline:0!important;outline-offset:0;outline-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:inherit;}
.wrapper__shadow--popup{display:none;}
.wrapper__shadow--popup{display:none;content:'';background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;z-index:10000;}
@font-face {
    font-family: 'Philosopher';
    src: url('/local/templates/zcc/fonts/Philosopher.eot');
    src: url('/local/templates/zcc/fonts/Philosopher.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/zcc/fonts/Philosopher.woff') format('woff'),
    url('/local/templates/zcc/fonts/Philosopher.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.promotion__container {
    margin-bottom: 50px;
}

.promotion__banner {
    position: relative;
    margin-top: 33px;
    line-height: 0;
}

.promotion__banner--text {
    position: absolute;
    left: 75px;
    top: 50%;
    transform: translateY(-47%);
}

.promotion__banner--text h1 {
    font-family: 'Philosopher';
    font-weight: bold;
    font-size: 48px;
    line-height: 54px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.promotion__banner--text h1 span.sale {
    position: relative;
    z-index: 2;
    font-family: 'Philosopher';
    font-weight: bold;
    font-size: 48px;
    line-height: 54px;
    color: #FFFFFF;
}

.promotion__banner--text h1 span.sale:before {
    content: url('/local/templates/zcc/images/sale_bg.svg');
    position: absolute;
    top: -13px;
    left: -7px;
    display: block;
    z-index: -1;
}

.promotion__banner--text > span {
    font-family: 'Philosopher';
    font-weight: normal;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

.promotion__banner--caption {
    position: absolute;
    right: 23px;
    bottom: 16px;
}

.promotion__banner--caption .promotion__banner--subtitle {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 54px;
    color: #FFFFFF;
}

.promotion__banner--caption .promotion__banner--subtitle span {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    position: relative;
    top: -5px;
    left: -3px;
}

.promotion__banner--caption .promotion__banner--brand {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    display: block;
    position: relative;
    top: -8px;
}

.promotion__banner--caption .promotion__banner--brand span {
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.promotion__description {
    margin-top: 50px;
    margin-bottom: 60px;
}

.promotion__description h2,
.promotion__catalog--section h2 {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #2D2D2D;
}

.promotion__description--inner {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: end;
}

.promotion__description--text {
    width: calc(100% - 490px);
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #2D2D2D;
}

.promotion__description--text p {
    margin-bottom: 10px;
}

.promotion__description--text p b {
    font-weight: 500;
}

.promotion__description--conditions {
    background: linear-gradient(90deg, rgb(235 233 229 / 60%) 0%, rgb(232 230 225 / 60%) 100%);
    width: 450px;
    min-width: 450px;
    margin-left: 40px;
    padding: 30px 28px 25px 30px;
}

.promotion__description--conditions h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    color: #2D2D2D;
    margin-bottom: 15px;
}

.promotion__description--conditions li {
    padding-left: 15px;
    position: relative;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #2D2D2D;
    margin-bottom: 8px;
}

.promotion__description--conditions li b {
    font-weight: 500;
}

.promotion__description--conditions li:before {
    position: absolute;
    top: 6px;
    left: 0;
    content: '';
    display: block;
    background: #CDA03B;
    border-radius: 4px;
    width: 6px;
    height: 6px;
}

.promotion__form--catalog {
    background: linear-gradient(90deg, rgb(235 233 229 / 60%) 0%, rgb(232 230 225 / 60%) 100%); ;
    overflow: hidden;
    line-height: 0;
}

.promotion__form--catalog-inner {
    padding: 55px 50px 63px 50px;
    position: relative;
    line-height: 0;
    background-image: url('/local/templates/zcc/images/form_ckg_bg.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
}

.promotion__form--catalog .promotion__form--title {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #2D2D2D;
    margin-bottom: 29px;
    display: block;
}

.promotion__form--catalog .promotion__form--title span.sale {
    position: relative;
    color: #FFFFFF;
    z-index: 2;
    margin-left: 19px;
    position: relative;
    top: 2px;
}

.promotion__form--catalog .promotion__form--title span.sale:before {
    content: url('/local/templates/zcc/images/sale_bg_small.svg');
    position: absolute;
    top: -14px;
    left: -12px;
    display: block;
    z-index: -1;
}

.promotion__form--catalog p {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    color: #2D2D2D;
    margin-bottom: 25px;
}

.promotion__form--catalog .form__row {
    display: flex;
}

.promotion__form--catalog .form__row--input,
.promotion__form--meeting .form__row--input {
    position: relative;
}

.promotion__form--catalog .form__row--input img,
.promotion__form--meeting .form__row--input img {
    position: absolute;
    top: 12px;
    left: 10px;
    min-width: auto;
    width: auto;
}

.promotion__form--catalog .form__row input,
.promotion__form--meeting .form__row input {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    width: 190px;
    height: 45px;
    margin-right: 10px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #2D2D2D;
    padding: 15px 10px 15px 41px;
}

.promotion__form--catalog .form__row input::-webkit-input-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__form--catalog .form__row input::-moz-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__form--catalog .form__row input:-ms-input-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__form--catalog .form__row input:-moz-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__form--catalog form button,
.promotion__form--meeting form button {
    background: #EA3C3C;
    border-radius: 7px;
    width: 230px;
    height: 45px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: opacity .3s ease-out;
    margin-top: 18px;
}

.promotion__form--catalog form button:hover,
.promotion__form--meeting form button:hover {
    opacity: 80%;
}

.promotion__form--catalog form button:active,
.promotion__form--meeting form button:active {
    opacity: 100%;
}

.promotion__form--catalog .form__policy,
.promotion__form--meeting .form__policy {
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 22px;
}

.promotion__form--catalog .form__policy label,
.promotion__form--meeting .form__policy label {
    position: relative;
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    margin-bottom: 0;
    width: auto;
}

.promotion__form--catalog .form__policy input,
.promotion__form--meeting .form__policy input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.promotion__form--catalog .custom-checkbox + span::before,
.promotion__form--meeting .custom-checkbox + span::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    margin-right: 9px;
    float: left;
    background: #FFFFFF;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    top: -2px;
}

.promotion__form--catalog .custom-checkbox:checked + span::before,
.promotion__form--meeting .custom-checkbox:checked + span::before {
    background: #000000;
    border-radius: 2px;
    border: 0;
    display: block;
    background-image: url('/local/templates/zcc/images/check-mark-white.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
}

.promotion__form--catalog .form__policy label a,
.promotion__form--meeting .form__policy label a {
    border-bottom: 1px solid #000000;
    transition: border .3s ease-out;
}

.promotion__form--catalog .form__policy label a:hover,
.promotion__form--meeting .form__policy label a:hover {
    border-bottom: 1px solid transparent;
}

.promotion__catalog--section {
    margin-top: 69px;
    margin-bottom: 70px;
}

.promotion__section--wrap {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

.promotion__section--wrap .plitka__detail--block,
.promotion__section--wrap .plitka__detail--block:nth-child(2n+2),
.promotion__section--wrap .plitka__detail--block:nth-child(n+3) {
    width: calc(100%/3 - 10px);
    margin-right: 15px;
    margin-bottom: 0;
    height: 220px;
}

.promotion__section--wrap .plitka__detail--block:last-child {
    margin-right: 0;
}

.promotion__section--wrap .plitka__detail--block .block__info {
    left: 39px;
}

.promotion__section--wrap .plitka__detail--block:nth-child(n+3) .block__info--title {
    font-size: 24px;
    line-height: 29px;
}

.promotion__container .plitka--collections-interior {
    margin-top: -22px;
}

.promotion__container .plitka--collections-interior h2 span {
    color: #747474;
    font-size: 14px;
    padding-left: 1px;
}

.promotion__form--meeting {
    background: linear-gradient(90deg, rgb(235 233 229 / 60%) 0%, rgb(232 230 225 / 60%) 100%);
    display: flex;
    justify-content: space-between;
}

.promotion__form--meeting img {
    width: 460px;
    min-width: 460px;
}

.promotion__form--meeting-inner {
    width: calc(100% - 460px);
    padding: 50px 50px 50px 65px;
}

.promotion__form--meeting .promotion__form--title {
    display: block;
    margin-bottom: 15px;
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #2D2D2D;
    max-width: 82%;
}

.promotion__form--meeting p {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 27px;
    color: #2D2D2D;
    margin-bottom: 30px;
}

.promotion__form--meeting .form__row input::-webkit-input-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__form--meeting.form__row input::-moz-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__form--meeting .form__row input:-ms-input-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__form--meeting .form__row input:-moz-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__form--meeting .form__row {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
}

.promotion__form--meeting .search-picker__list-container {
    position: absolute;
    top: 50px;
    left: 0;
    height: 0;
    overflow: hidden;
    transition: all .3s ease-out;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    width: 190px;
    z-index: 999;
    padding: 0 10px;
}

.promotion__form--meeting .search-picker__list-container-wrap {
    overflow-y: scroll;
    height: 180px;
    overflow-x: hidden;
    position: static;
}

.promotion__form--meeting .salon__search--picker .search-picker__list-container-wrap{
    height: 270px;
}

.promotion__form--meeting .search-picker__list-container-wrap::-webkit-scrollbar {
    width: 4px;
}

.promotion__form--meeting .search-picker__list-container-wrap::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.promotion__form--meeting .search-picker__list-container-wrap::-webkit-scrollbar-thumb {
    opacity:1;
    -webkit-border-radius: 2px;
    background: #E5E5E5;
    border-radius: 2px;
    -webkit-box-shadow:  none;
}

.promotion__form--meeting .salon__search--picker .search-picker__list-container {
    width: 390px;
}

.promotion__form--meeting .salon__search--picker.active .search-picker__list-container {
    height: 290px;
    padding: 9px 10px;
}

.promotion__form--meeting .time_search--picker.active .search-picker__list-container {
    height: 200px;
    padding: 9px 10px;
}

.promotion__form--meeting .form__row--input {
    margin-bottom: 10px;
    display: flex;
    margin-right: 10px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
}

.promotion__form--meeting .form__row--input input[name="SALON"] {
    width: 390px;
    cursor: pointer;
    padding-right: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.promotion__form--meeting .form__row--input input[name="TIME"] {
    cursor: pointer;
}

.promotion__form--meeting .search--picker {
    position: relative;
}

.promotion__form--meeting .search--picker:after {
    content: url('/local/templates/zcc/images/arrow_d_meeting.svg');
    position: absolute;
    top: 14px;
    right: 25px;
    display: block;
    z-index: 0;
}

.promotion__form--meeting .form__policy {
    margin-top: 21px;
}

.promotion__form--meeting .form__row input {
    margin-right: 0;
    width: 189px;
    border: 0;
    z-index: 99;
    background: transparent;
}

.promotion__form--meeting .time_search--picker li.search-picker__status {
    font-size: 14px;
    line-height: 16px;
    color: #2D2D2D;
    padding: 11px 10px;
    cursor: pointer;
    transition: all .3s ease-out;
    border-bottom: 1px solid #E5E5E5;
    margin-right: 6px;
}

.promotion__form--meeting .time_search--picker li.search-picker__status:last-child {
    border-bottom: 0;
}

.promotion__form--meeting .time_search--picker li.search-picker__status:hover {
    background: #F4F4F4;
    border-radius: 7px;
    border-bottom: 1px solid transparent;
}

.promotion__form--meeting .salon__search--picker .salon__name {
    display: block;
    font-family: 'Gilroy';
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #2D2D2D;
    margin-bottom: 5px;
}

.promotion__form--meeting .salon__search--picker .salon__metro {
    display: flex;
    margin-bottom: 1px;
    margin-top: 0;
    letter-spacing: 0;
}

.promotion__form--meeting .salon__search--picker .salon__metro img {
    margin-right: 5px;
    min-width: auto;
    width: auto;
    position: relative;
    top: -5px;
}

.promotion__form--meeting .salon__search--picker .salon__metro span {
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #2D2D2D;
}

.promotion__form--meeting .salon__search--picker .salon__address {
    font-family: 'Gilroy';
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
}

.promotion__form--meeting .salon__search--picker .search-picker__status {
    margin-right: 6px;
    transition: all .3s ease-out;
    padding: 11px 10px;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
}

.promotion__form--meeting .salon__search--picker .search-picker__status:last-child {
    border-bottom: 0;
}

.promotion__form--meeting .salon__search--picker .search-picker__status:hover {
    background: #F4F4F4;
    border-radius: 7px;
    border-bottom: 1px solid transparent;
}

.promotion__form--meeting .search-picker__list-container-wrap:after {
    content: '';
    display: block;
    position: absolute;
    top: 241px;
    left: 0;
    width: 100%;
    height: 49px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    border-radius: 7px;
}

.promotion__form--meeting .time_search--picker .search-picker__list-container-wrap:after {
    top: 151px;
}

.promotion__form--meeting .search-picker__list-container-wrap.scroll-to-end:after {
    display: none;
}


.datepicker--buttons {
    display: flex;
    padding: 10px 14px;
}

.datepicker--buttons .apply {
    width: 82px;
    height: 28px;
    background: #CDA03B;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 2px;
    margin-right: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}

.datepicker--buttons .cancel {
    width: 64px;
    height: 28px;
    background: #F2F4F5;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    border-radius: 2px;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #747474;
}

.datepicker--buttons button {
    transition: opacity .3s ease-out;
    outline: 0;
    border: 0;
    cursor: pointer;
}

.datepicker--buttons button:hover {
    opacity: 80%;
}

.datepicker--buttons button:active {
    opacity: 100%;
}

.datepicker--cell:hover {
    background: rgb(205 160 59 / 50%);
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #FFFFFF;
}

.promotion__container .stickers__item--discount {
    font-weight: 700;
    padding: 5px 6px;
    color: #fff;
    border-radius: 15px;
    background: rgba(234,60,60,.8);
    margin: 0;
}

.promotion__container .catalog__stickers {
    padding-left: 10px;
}

.promotion__container .catalog__fav {
    top: 0;
}

.promotion__form--send {
    position: fixed;
    top: 50%;
    transform: translate(-50%,-51%);
    left: -60%;
    background-color: #fff;
    background-image: url('/local/templates/zcc/images/promo_popup_bg.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 400px;
    padding: 30px 40px 40px 40px;
    height: auto;
    z-index: 10100;
    transition: all .7s cubic-bezier(.6,.2,.4,1);
    text-align: center;
    padding: 60px 92px 74px 92px;
}

.promotion__form--send.active {
    transform: translate(-50%,-51%);
    left: 50%;
}

.promotion__form--send h2 {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #2D2D2D;
    margin: 18px 0;
    text-align: center;
    white-space: nowrap;
}

.promotion__form--send button {
    background: #CDA03B;
    border-radius: 7px;
    width: 140px;
    height: 35px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #FFFFFF;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: opacity .3s ease-out;
}

.promotion__form--send button:hover {
    opacity: 80%;
}

.promotion__form--send button:active {
    opacity: 100%;
}

.popup__close {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    position: absolute;
    top: 17px;
    right: 17px;
    background-image: url('/local/templates/zcc/images/popup_close_promo.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    transition: opacity .3s ease-out;
}

.promotion__container .catalog--collections .catalog__item {
    height: 366px;
}

.promotion__banner--form {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(255 255 255 / 15%);
    width: 440px;
    padding: 19px 25px;
}

.promotion__banner--form .form__title {
    font-family: 'Philosopher';
    font-size: 24px;
    line-height: 27px;
    color: #FFFFFF;
    margin-bottom: 15px;
    max-width: 95%;
}

.promotion__banner--form .form__row {
    justify-content: space-between;
    display: flex;
    height: 45px;
    margin-bottom: 10px;
}

.promotion__banner--form .form__row--input {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    width: 100%;
}

.promotion__banner--form .form__row--input input {
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 7px;
    padding: 0 10px 0 41px;
}

.promotion__banner--form .form__row--input img {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.promotion__banner--form .form__policy input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    height: auto;
}

.promotion__banner--form .form__policy .custom-checkbox + span::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    margin-right: 9px;
    float: left;
    background: #FFFFFF;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    top: -2px;
}

.promotion__banner--form .form__policy .custom-checkbox:checked + span::before {
    background: #000000;
    border-radius: 2px;
    border: 0;
    display: block;
    background-image: url(/local/templates/zcc/images/check-mark-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
}

.promotion__banner--form .form__policy {
    margin-top: 15px;
    margin-bottom: 18px;
}

.promotion__banner--form .form__policy span {
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

.promotion__banner--form button {
    width: 230px;
    height: 45px;
    background: #EA3C3C;
    border-radius: 7px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    outline: 0;
    border: 0;
    transition: opacity .3s ease-out;
    padding: 0;
    font-family: 'Gilroy';
}

.promotion__banner--form button:hover {
    opacity: 80%;
}

.promotion__banner--form button:active {
    opacity: 100%;
}

.promotion__banner--form .form__row:nth-child(3) .form__row--input {
    width: calc(50% - 5px);
}

.promotion__banner--form .form__row--input input::-webkit-input-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__banner--form .form__row--input input::-moz-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__banner--form .form__row--input input:-ms-input-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

.promotion__banner--form .form__row--input input:-moz-placeholder {
    font-family: 'Gilroy';
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #979797;
}

@media only screen and  (max-width: 1199px) {
    .promotion__container {
        margin-bottom: 100px;
    }

    .promotion__banner {
        margin-top: 6px;
    }

    .promotion__banner--text h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 7px;
    }

    .promotion__banner--text > span {
        font-size: 24px;
        max-width: 75%;
        display: block;
    }

    .promotion__banner--text h1 span.sale {
        font-size: 40px;
        line-height: 45px;
    }

    .promotion__banner--text h1 span.sale:before {
        content: url(/local/templates/zcc/images/sale_bg_tablet.svg);
        position: absolute;
        top: -13px;
        left: -7px;
        display: block;
        z-index: -1;
    }

    .promotion__banner--text {
        left: 40px;
        top: 57px;
        transform: none;
        max-width: 38%;
    }

    .promotion__banner--caption {
        right: 28px;
    }

    .promotion__description--inner {
        flex-direction: column;
    }

    .promotion__description--text {
        width: 100%;
    }

    .promotion__description--conditions {
        width: 100%;
        min-width: auto;
        margin-left: 0;
        padding: 30px 28px 22px 30px;
        margin-top: 20px;
    }

    .promotion__description {
        margin-bottom: 67px;
    }

    .promotion__form--catalog {
        margin-top: 4px;
    }

    .promotion__form--catalog-inner {
        padding: 55px 50px 112px 50px;
        background-image: url('/local/templates/zcc/images/form_ckg_bg_tablet.png');
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 580px;
    }

    .promotion__section--wrap {
        flex-wrap: wrap;
    }

    .promotion__section--wrap .plitka__detail--block,
    .promotion__section--wrap .plitka__detail--block:nth-child(2n+2),
    .promotion__section--wrap .plitka__detail--block:nth-child(n+3),
    .promotion__section--wrap .plitka__detail--block:last-child {
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
        height: 220px;
    }

    .promotion__section--wrap .plitka__detail--block:nth-child(2n+2) {
        margin-right: 0;
    }

    .promotion__catalog--section {
        margin-bottom: 48px;
    }

    .promotion__container .plitka--collections-interior {
        margin-top: -9px;
        margin-bottom: 59px;
    }

    .promotion__container .plitka--collections-interior h2 span {
        padding-left: 8px;
    }

    .promotion__container .plitka--collections-interior .inter__slider {
        width: calc(100% + 40px);
        margin: 22px 0 0 -20px;
        padding: 0 20px;
        overflow: hidden;
    }

    .promotion__container .plitka--collections-interior .inter__slider .interious__list--plitka,
    .promotion__container .plitka--collections-interior .inter__slider .interious__list--plitka .slick-list {
        overflow: visible;
    }

    .promotion__form--meeting-inner {
        width: 100%;
        padding: 51px 50px 50px 65px;
    }

    .promotion__form--meeting .promotion__form--title {
        max-width: 75%;
    }

    .promotion__form--meeting p {
        margin-bottom: 28px;
    }

    .promotion__form--meeting .form__row--input {
        margin-bottom: 8px;
    }

    .promotion__form--meeting form button {
        margin-top: 19px;
    }

    .promotion__container .catalog--collections .catalog__item {
        height: 296px;
    }

    .promotion__banner--form {
        width: calc(100vw - 80px - 25px - 297px);
        max-width: 400px;
    }

}

@media only screen and  (max-width: 767px) {
    .promotion__container {
        margin-bottom: 50px;
    }

    .promotion__banner {
        margin-top: 0;
        width: calc(100% + 40px);
        margin-left: -20px;
        height: auto;
        max-height: none;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .promotion__banner--wrap {
        position: relative;
        height: 101.334vw;
        max-height: 560px;
        overflow: hidden;
    }

    .promotion__banner picture {
        display: flex;
        align-items: center;
    }

    .promotion__banner--text {
        left: 30px;
        top: 89px;
        max-width: 100%;
    }

    .promotion__banner--text h1 {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 7px;
    }

    .promotion__banner--text > span {
        font-size: 20px;
        max-width: 100%;
    }

    .promotion__banner--text h1 span.sale {
        font-size: 30px;
        line-height: 34px;
    }

    .promotion__banner--text h1 span.sale:before {
        content: url(/local/templates/zcc/images/sale_bg_mobile.svg);
        position: absolute;
        top: -10px;
        left: -7px;
        display: block;
        z-index: -1;
    }

    .promotion__banner--caption {
        right: auto;
        left: 30px;
        bottom: 11px;
    }

    .promotion__banner--caption .promotion__banner--subtitle {
        font-size: 38px;
        line-height: 43px;
        margin-bottom: 3px;
        display: block;
    }

    .promotion__banner--caption .promotion__banner--subtitle span {
        font-size: 13px;
        line-height: 14px;
        top: -4px;
        left: -1px;
    }

    .promotion__banner--caption .promotion__banner--brand {
        font-size: 19px;
        line-height: 20px;
        display: block;
        position: relative;
        top: -8px;
        letter-spacing: 0.04em;
    }

    .promotion__banner--caption .promotion__banner--brand span {
        font-size: 15px;
        line-height: 16px;
        position: relative;
        left: -2px;
    }

    .promotion__description h2,
    .promotion__catalog--section h2 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 0;
    }

    .promotion__description {
        margin-top: 20px;
        margin-bottom: 37px;
    }

    .promotion__description--inner {
        margin-top: 10px;
    }

    .promotion__description--conditions {
        margin-top: 10px;
        padding: 20px 20px 11px 20px;
    }

    .promotion__description--conditions h3 {
        font-size: 16px;
        line-height: 19px;
    }

    .promotion__container .dashed h2 {
        font-size: 18px;
        line-height: 21px;
    }

    .promotion__form--catalog .promotion__form--title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .promotion__form--catalog-inner {
        padding: 32px 20px 174px 20px;
        background-image: url('/local/templates/zcc/images/form_ckg_bg_mobile.png');
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 335px;
    }

    .promotion__form--catalog p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 20px;
    }

    .promotion__form--catalog .promotion__form--title span.sale:before {
        content: url(/local/templates/zcc/images/sale_bg_small_mobile.svg);
        position: absolute;
        top: -11px;
        left: -12px;
        display: block;
        z-index: -1;
    }

    .promotion__form--catalog .promotion__form--title span.sale {
        margin-left: 12px;
    }

    .promotion__form--catalog .form__row {
        flex-direction: column;
    }

    .promotion__form--catalog .form__row input {
        width: 100%;
        height: 45px;
    }

    .promotion__form--catalog .form__row--input {
        margin-bottom: 10px;
    }

    .promotion__form--catalog .form__policy {
        margin-top: 12px;
    }

    .promotion__form--catalog form button, .promotion__form--meeting form button {
        width: 100%;
        margin-top: 20px;
    }

    .promotion__catalog--section {
        margin-top: 40px;
        margin-bottom: 27px;
    }

    .promotion__section--wrap {
        flex-direction: column;
        margin-top: 20px;
    }

    .promotion__section--wrap .plitka__detail--block,
    .promotion__section--wrap .plitka__detail--block:nth-child(2n+2),
    .promotion__section--wrap .plitka__detail--block:nth-child(n+3),
    .promotion__section--wrap .plitka__detail--block:last-child {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        height: 150px;
    }

    .promotion__section--wrap .plitka__detail--block .block__info {
        left: 29px;
    }

    .promotion__section--wrap .plitka__detail--block:nth-child(n+3) .block__info--title {
        font-size: 18px;
        line-height: 22px;
    }

    .promotion__container .plitka--collections-interior {
        margin-top: 35px;
        margin-bottom: 45px;
    }

    .promotion__form--meeting .promotion__form--title {
        font-size: 24px;
        line-height: 27px;
        max-width: 80%;
        margin-bottom: 9px;
    }

    .promotion__form--meeting p {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 19px;
    }

    .promotion__form--meeting-inner {
        padding: 31px 20px 30px 20px;
    }

    .promotion__form--meeting .form__row--input {
        margin-bottom: 8px;
        width: auto;
        margin-right: 5px;
    }

    .promotion__form--meeting .search--picker {
        width: auto;
    }

    .promotion__form--meeting .form__row--input input,
    .promotion__form--meeting .form__row--input input[name="SALON"] {
        width: calc(100vw - 80px);
    }

    .promotion__form--meeting .search--picker:after {
        top: 16px;
        right: 22px;
    }

    .promotion__form--meeting .form__row--input input.datepicker-here,
    .promotion__form--meeting .form__row--input input[name="TIME"] {
        width: calc(100vw/2 - 44.5px);
    }

    .promotion__form--meeting .time_search--picker .form__row--input {
        margin-right: 0;
    }

    .promotion__form--meeting .form__policy {
        margin-top: 13px;
    }

    .plitka--collections-interior .inter__slider {
        overflow-x: scroll;
    }

    .plitka--collections-interior .inter__slider .interious__list--plitka {
        overflow: hidden;
    }

    .promotion__form--send {
        left: -100%;
        height: 100vh;
        width: 100%;
        background-image: url('/local/templates/zcc/images/promo_popup_bg_mobile.png');
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    .popup__review--send-wrap {
        margin-top: 0;
        position: relative;
        top: 16%;
    }

    .promotion__form--send.active {
        transform: none;
        left: 0;
        top: 0;
        padding: 0 20px 20px;
    }

    .promotion__form--send .popup__review--send-wrap img {
        width: auto;
    }

    .promotion__form--send h2 {
        font-size: 18px !important;
        margin: 26px 0 29px 0;
    }

    .promotion__form--meeting .search-picker__list-container {
        width: calc(100vw/2 - 44.5px);
    }

    .promotion__form--meeting .salon__search--picker .search-picker__list-container {
        width: calc(100% - 5px);
    }

    .promotion__banner--form {
        width: calc(100% - 40px);
        max-width: calc(100% - 40px);
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        margin: 20px;
        background: linear-gradient(90deg, rgb(235 233 229 / 60%) 0%, rgb(232 230 225 / 60%) 100%);
        padding: 20px;
    }

    .promotion__banner--form .form__title {
        line-height: 30px;
        color: #2D2D2D;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .promotion__banner--form .form__row {
        flex-direction: column;
        height: auto;
    }

    .promotion__banner--form .form__row--input {
        height: 45px;
    }

    .promotion__banner--form .form__row:nth-child(3) .form__row--input {
        width: 100%;
        margin-bottom: 10px;
    }

    .promotion__banner--form .form__policy span {
        color: #000000;
    }

    .promotion__banner--form .form__policy {
        margin-top: 12px;
        margin-bottom: 20px;
    }

    .promotion__banner--form button {
        width: 100%;
    }


}
.bg{
    border: 2px solid red!important;
}

.wrapper__shadow--popup.active{
    display: block;
}
.dblock{

    display: none;
}
.marble{
    margin-right: 7px!important;
}
.header-search__icon1 {
    height: 35px;
    width: 35px;
    background-color: transparent;
    background-image: url("/local/templates/zcc/images/header/search.svg");
    background-position: 6px center;
    background-repeat: no-repeat;
    padding: 0;
    right: 0;
    top: 0;
    font-size: 0;
    color: transparent;
}
.header-search__icon1:hover{
    opacity: 0.5;
}

.main-page main {
    margin-top: 0;
}

.main-page .marble-header--main {
    position: absolute;
    top: -200px;
    padding-top: 200px;
}

.main-page.marble-fixed .marble-header--main {
    position: fixed;
    top: -91px;
    padding-top: 0;
    transition: top .7s linear, left .3s ease-in-out, opacity 50ms ease;
}

.main-page.marble-fixed .marble-header--main .header__background {
    background-image: url(/local/templates/zcc/images/header/header-background.jpg);
    background-position: bottom left;
    background-repeat: repeat-x;
    height: 156px;
}

.main-page.marble-fixed .marble-header--main .header__bottom {
    padding: 14px 25px 15px;
}

.main-page.marble-fixed .marble-header .header__bottom .header-button__count-phrase,
.main-page.marble-fixed .marble-header .header__search {
    display:  none;
}

.main-page.marble-fixed .marble-header--main .header-fixed__logo {
    height: 47px;
    position: absolute;
    left: 0;
    top: -5px;
    display:  block;
}

.main-page.marble-fixed .marble-header--main .header-nav__inner {
    padding-left: 184px;
    justify-content: flex-start;
}

.main-page.marble-fixed .marble-header--main .header__menu-button {
    margin-right: 50px;
}

.main-page.marble-fixed .header-search__icon1 {
    height: 35px;
    width: 35px;
    background-color: transparent;
    background-image: url(/local/templates/zcc/images/header/search.svg);
    background-position: 6px center;
    background-repeat: no-repeat;
    padding: 0;
    right: 0;
    top: 0;
    font-size: 0;
    color: transparent;
}

.main-page.marble-fixed .marble-header--main .header__bottom .header__phones {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.main-page.marble-fixed .marble-header .header-phone__callback {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #cda03b;
    border-bottom: 1px solid #cda03b;
}

.main-page.marble-fixed .marble-header--main .header__nav {
    width: calc(100% - 160px);
    max-width: calc(100% - 160px);
}

.main-page.marble-fixed .marble-header--main .header__nav-list {
    width: 600px;
    min-width: 600px;
}

.main-page .header-panel__inner .header__search {
    display:  none;
}

.main-page.marble-fixed .marble-header--main .header-panel__inner .header__search {
    display: block;
    width: fit-content;
}

@media only screen and (min-width: 0) and (max-width: 1280px) {
    .main-page.marble-fixed .marble-header--main .header-nav__inner {
        padding-left: 164px;
    }

    .main-page.marble-fixed .marble-header--main .header__menu-button {
        margin-right: 20px;
    }

    .main-page.marble-fixed .marble-header--main .header__nav {
        width: calc(100% - 140px);
        max-width: calc(100% - 140px);
    }
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .main-page.marble-fixed .marble-header--main .header__nav {
        display: none;
    }

    .main-page.marble-fixed .marble-header--main .header__panel {
        position: static;
        right: 0;
    }

    .main-page.marble-fixed .marble-header--main {
        top: -55px;
        transition: top .7s linear,left .3s ease-in-out,opacity 50ms ease;
    }

    .main-page.marble-fixed .marble-header--main .header__background {
        height: 145px;
        padding: 55px 0 10px;
    }

    .main-page.marble-fixed .marble-header--main .header__menu-button {
        margin-right: 20px;
        display: block;
        padding: 19px;
    }

    .main-page.marble-fixed .marble-header--main .header__top {
        border-bottom: 1px solid #ffffff1a;
        padding-left: 0;
        padding-right: 0;
        border: 0;
    }

    .marble-fixed .marble-header--main .header__content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 25px 0 15px;
    }

    .main-page main {
        margin-top: 145px;
    }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    .main-page.marble-fixed .marble-header--main .header__background {
        height: 75px;
        padding: 10px 20px 10px 10px;
    }

    .main-page main {
        margin-top: 75px;
    }

    .main-page.marble-fixed .marble-header--main,
    .main-page .marble-header--main {
        position: fixed;
        top: 0;
        padding-top: 0;
    }

    .main-page.marble-fixed .marble-header--main .header__content {
        height: 100%;
    }

    .main-page .header__favorites.header__button-container.dblock1.marble {
        display: block;
    }

    .main-page.marble-fixed .marble-header--main .header__menu-button {
        margin-right: 9px;
    }

    .main-page.marble-fixed .marble-header--main .header__bottom {
        padding: 0;
    }
    .interiors__callback.active{
        right: 0!important;
    }

}


@font-face {
    font-family: Brygada1918;
    font-weight: 300;
    font-style: normal;
    src: url(/local/templates/zcc/fonts/Brygada1918-Regular.eot);
    src: local('Brygada1918 Regular'), local('Brygada1918 Regular'), url(/local/templates/zcc/fonts/Brygada1918-Regular.eot?#iefix) format('embedded-opentype'), url(/local/templates/zcc/fonts/Brygada1918-Regular.woff) format('woff'), url(/local/templates/zcc/fonts/Brygada1918-Regular.ttf) format('truetype');
    font-display: swap;
}
@font-face {
    font-family: Brygada1918;
    font-weight: 600;
    font-style: normal;
    src: url(/local/templates/zcc/fonts/Brygada1918-SemiBold.eot);
    src: local('Brygada1918 SemiBold'), local('Brygada1918 SemiBold'), url(/local/templates/zcc/fonts/Brygada1918-SemiBold.eot?#iefix) format('embedded-opentype'), url(/local/templates/zcc/fonts/Brygada1918-SemiBold.woff) format('woff'), url(/local/templates/zcc/fonts/Brygada1918-SemiBold.ttf) format('truetype');
    font-display: swap;
}
@font-face {
    font-family: Brygada1918;
    font-weight: 800;
    font-style: normal;
    src: url(/local/templates/zcc/fonts/Brygada1918-Bold.eot);
    src: local('Brygada1918 Bold'), local('Brygada1918 Bold'), url(/local/templates/zcc/fonts/Brygada1918-Bold.eot?#iefix) format('embedded-opentype'), url(/local/templates/zcc/fonts/Brygada1918-Bold.woff) format('woff'), url(/local/templates/zcc/fonts/Brygada1918-Bold.ttf) format('truetype');
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    font-weight: 300;
    font-style: normal;
    src: url(/local/templates/zcc/fonts/Brygada1918-Regular.eot);
    src: local('Brygada1918 Regular'), local('Brygada1918 Regular'), url(/local/templates/zcc/fonts/Brygada1918-Regular.eot?#iefix) format('embedded-opentype'), url(/local/templates/zcc/fonts/Brygada1918-Regular.woff) format('woff'), url(/local/templates/zcc/fonts/Brygada1918-Regular.ttf) format('truetype');
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    font-weight: 600;
    font-style: normal;
    src: url(/local/templates/zcc/fonts/Brygada1918-SemiBold.eot);
    src: local('Brygada1918 SemiBold'), local('Brygada1918 SemiBold'), url(/local/templates/zcc/fonts/Brygada1918-SemiBold.eot?#iefix) format('embedded-opentype'), url(/local/templates/zcc/fonts/Brygada1918-SemiBold.woff) format('woff'), url(/local/templates/zcc/fonts/Brygada1918-SemiBold.ttf) format('truetype');
    font-display: swap;
}

/* Стили для всплывающего красного предупреждения в шапке --> */
.info--attention {
    height: auto;
    background: #FD6565 url('/upload/frontend/info_attention_bg.jpeg') no-repeat center center;
    background-size: cover;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    padding: 9px 20px 10px 30px;
    position: relative;
    order: 10;
}

.info--attention .container {
    display: flex;
    align-items: center;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    position: relative;
}

.info--attention .info--attention-icon {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    min-width: 35px;
    margin-right: 10px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

.info--attention .info--attention-close {
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    padding: 3px 2px;
    cursor: pointer;
    transition: opacity .3s ease-out;
    border: 0;
    background: transparent url(/upload/frontend/info_attention_close.svg) no-repeat center center;
    background-size: 12px 12px;
    width: 10px;
    height: 10px;
    box-sizing: content-box;
}

.info--attention .info--attention-close:hover {
    opacity: 0.7;
}

.info--attention .info--attention-close:active {
    opacity: 1;
}

.info--attention .info--attention-text {
    max-width: calc(100% - 90px);
}

.info--attention p {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin-bottom: 3px;
}

.info--attention p b {
    font-weight: 600;
}

.info--attention p.upper {
    font-family: 'Brygada1918';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.info--attention p.upper b {
    font-weight: 700;
}

.info--attention p:last-child {
    margin-bottom: 0;
}


@media only screen and (min-width: 1199px) {
    .main-page .marble-header--main {
        width: 100%;
        margin: 0 auto;
        max-width: 1920px;
        left: 50%;
        transform: translateX(-50%);
    }

    .main-page.marble-fixed .marble-header--main {
        height: auto;
        top: 0;
        display: flex;
        flex-direction: column;
    }

    .main-page.marble-fixed .marble-header--main .header__top {
        display: none;
    }

    .main-page.marble-fixed .marble-header--main .header__background {
        height: auto;
        position: relative;
        order: 1;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .main-page.marble-fixed .marble-header--main {
        top:  0;
    }

    .main-page.marble-fixed .marble-header--main .header__background {
        height: auto;
        padding: 0;
    }

    .main-page .marble-header--main {
        display: flex;
        flex-direction: column;
    }

    .info--attention {
        padding: 9px 0 10px 0;
    }

    .info--attention .container {
        position: static;
        padding: 0 0 0 25px;
    }

    .info--attention p {
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 2px;
    }

    .info--attention p.upper {
        font-size: 12px;
        line-height: 14px;
    }

    .info--attention .info--attention-close {
        right: 18px;
    }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    .main-page .marble-header--main {
        display: flex;
        flex-direction: column;
    }

    .quarantine--message {
        position: fixed;
        top: 0;
        z-index: 1300;
        height: auto;
        padding: 6px 0;
        width: 100%;
    }
    .quarantine--message .container {
        font-size: 12px;
        line-height: 14px;
        padding: 0 20px;
    }
    .quarantine--message .container a {
        padding-left: 2px;
    }
    .quarantine--message .container a span {
        font-size: 12px;
        font-weight: normal;
    }

    .info--attention {
        padding: 6px 20px 7px 20px;
    }

    .info--attention .info--attention-icon {
        display: none;
    }

    .info--attention .info--attention-text {
        max-width: calc(100% - 15px);
    }

    .info--attention p {
        margin-bottom: 2px;
        font-size: 10px;
        line-height: 12px;
    }

    .info--attention p.upper {
        font-size: 11px;
        line-height: 13px;
    }

    .info--attention .info--attention-close {
        right: -2px;
    }
}
/* Стили для всплывающего красного предупреждения в шапке <-- */

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

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

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

/* Стили для фиксированного блока об акции --> */

.promorion__banner {
    position: fixed;
    bottom:  0;
    left:  0;
    width: 100%;
    height: 90px;
    background: url('/upload/frontend/porse_promotion_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 103;
    transition: bottom .3s ease-out;
}

.promorion__banner.hidden {
    bottom:  -100px;
}

.promorion__banner a {
    display: flex;
    width: 100%;
    height: 100%;
    border:  0;
}

.promorion__banner .container {
    position: relative;
    width: 100%;
    max-width: 1760px;
    padding: 0 40px;
}

.promorion__banner  .promotion__banner--hint {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 11px;
    right: 70px;
    font-family: Gilroy;
}

.promorion__banner .promorion__banner--close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    background: url('/upload/frontend/porse_promotion_close.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top:  15px;
    right: 15px;
    z-index: 999;
}

.promorion__banner .promotion__banner--inner {
    display: flex;
    align-items: center;
    padding: 16px 0 0 0px;
    justify-content: space-between;
}

.promorion__banner .promotion__banner--text {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
}

.promorion__banner .promotion__banner--title {
    font-family: Brygada1918;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    color: #FFFFFF;
    letter-spacing: 0.01em;
    margin-bottom: 2px;
}

.promorion__banner .promotion__banner--title:last-child {
    margin-bottom: 0;
    z-index: 1;
    position: relative;
}

.promorion__banner .promotion__banner--button {
    width: 150px;
    height: 40px;
    background: #EA3C3C;
    background: #BE9B64;
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    font-family: Gilroy;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 104px;
    margin-top: 0px;
    z-index: 9;
    transition: opacity .3s ease-out;
}

.promorion__banner .promotion__banner--button:hover {
    opacity: 70%;
}

.promorion__banner .promotion__banner--button:active {
    opacity: 100%;
}

.promorion__banner .promotion__banner--subtitle {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.promorion__banner .promotion__banner--subtitle span {
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding-right: 6px;
    font-family: Gilroy;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.promorion__banner picture {
    position: relative;
    top: 2px;
    min-width: 200px;
}

.promorion__banner .highlighted {
    font-family: Brygada1918;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    position: relative;
    padding: 0 24px 0 13px;
}

.promorion__banner .highlighted:before {
    content: url('/upload/frontend/porse_promotion_label2.png');
    position: absolute;
    top:  -3px;
    left:  0;
    z-index: -1;
}

@media only screen and (max-width: 1199px) {
    .promorion__banner .container {
        max-width: 860px;
        padding: 0 20px;
    }

    .promorion__banner .promotion__banner--hint {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 5px;
    }

    .promorion__banner .promotion__banner--inner {
        padding: 11px 20px 0 20px;
        justify-content: space-between;
        align-items: flex-start;
    }

    .promorion__banner .promotion__banner--title {
        white-space: nowrap;
        margin-top: 2px;
        margin-bottom: 5px;
    }

    .promorion__banner .promotion__banner--action {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .promorion__banner .promotion__banner--subtitle .highlighted {
        padding:  0 26px 0 9px;
    }

    .promorion__banner .promotion__banner--button {
        margin:  15px 0 0 0;
    }
}

@media only screen and (max-width: 850px) {
    .promorion__banner .promotion__banner--inner {
        padding: 11px 40px 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .promorion__banner {
        z-index: 991;
        height: auto;
        bottom:  46px;
        transition: bottom .5s ease-out;
    }

    .promorion__banner .container {
        max-width: 100%;
        padding: 12px 15px 17px 20px;
    }

    .promorion__banner .promorion__banner--close {
        z-index: 1;
    }

    .promorion__banner .promotion__banner--inner {
        padding: 0;
        max-width: 270px;
        flex-direction: column;
    }

    .promorion__banner .promorion__banner--close {
        z-index: 1;
    }

    .promorion__banner .promotion__banner--title {
        margin-top: 0px;
        font-size: 18px;
        line-height: 22px;
        white-space: break-spaces;
    }

    .promorion__banner .highlighted {
        font-size: 18px;
        line-height: 22px;
        padding: 0 10px 0 10px;
    }

    .promorion__banner .promotion__banner--subtitle .highlighted {
        font-size: 18px;
        line-height: 22px;
        padding: 0 11px 0 12px;
        margin-bottom: 8px;
    }

    .promorion__banner .promotion__banner--action {
        display: none;
    }

    .promorion__banner .promotion__banner--subtitle {
        align-items: flex-start;
        flex-direction: column;
    }

    .promorion__banner .highlighted:before {
        content: url(/upload/frontend/porse_promotion_label_mob2.png);
        position: absolute;
        top: -4px;
        left: 0;
        z-index: -1;
    }

    .promorion__banner .promotion__banner--button {
        margin: 0;
        position: relative;
        right: auto;
        bottom: 0px;
        font-size: 12px;
        line-height: 30px;
        width: 115px;
        min-width: 115px;
        height: 30px;
        margin-top: 15px;
    }

    .promorion__banner .promotion__banner--subtitle span {
        font-size: 14px;
        line-height: 16px;
        padding-right: 3px;
    }

    .promorion__banner picture {
        position: relative;
        top:  2px;
        min-width: 164px;
        width: 164px;
    }

}

/* Стили для фиксированного блока об акции <-- */

@media only screen and (min-width: 0) and (max-width: 767px) {

    .main-page .header__notch {
        position: relative;
        width: 100%;
        height: 0;
        background-color: #fff;
    }

    .main-page .header__notch::after,
    .main-page .header__notch::before {
        position: absolute;
        bottom: -5px;
        width: calc(50vw - 50% + 30px);
        height: 1px;
        content: '';
        background: #1c1c1c;
        box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
    }

    .main-page .header__notch::before {
        left: calc(-50vw + 50%);
    }

    .main-page .header__notch::after {
        right: calc(-50vw + 50%);
    }
}

@font-face {
    font-family: 'Magehand';
    src: url('/local/templates/zcc/fonts/magehand-webfont.woff2') format('woff2'),
    url('/local/templates/zcc/fonts/magehand-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.main-page .main-page__banner-item .container {
    overflow: visible;
}

.main__banner--template[data-template="template1"] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    top: calc(50% - 32px);
    transform: translateY(-50%);
    z-index: 11;
    width: fit-content;
    width: -moz-fit-content;
    float: right;
}

.main__banner--template[data-template="template1"] .banner__text {
    background: rgba(45, 45, 45, 0.4);
    padding: 90px 55px 64px 55px;
    width: 650px;
    min-height: 305px;
    position: relative;
    z-index: 11;
    margin-right: 50px;
}

.main__banner--template[data-template="template1"] .banner__text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transform: rotate(5deg);
    background: transparent;
}

.main__banner--template[data-template="template1"] .banner__text .banner__title {
    font-family: 'Brygada1918';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    z-index: 13;
}

.main__banner--template[data-template="template1"] .banner__text .banner__title + .banner__button {
    margin-top: 20px;
}

.main__banner--template[data-template="template1"] .banner__text .banner__button {
    background: #EA3C3C;
    border-radius: 7px;
    min-width: 200px;
    padding: 13px 20px;
    width: fit-content;
    width: -moz-fit-content;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    transition: opacity .3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 13;
    text-decoration: none;
    border: 0;
}

.main__banner--template[data-template="template1"] .banner__text .banner__button:hover {
    opacity: 0.8;
}

.main__banner--template[data-template="template1"] .banner__text .banner__button:active {
    opacity: 1;
}

.main__banner--template[data-template="template1"] .banner__text .banner__label {
    position: absolute;
    top: -20px;
    left: 0;
    font-family: 'Magehand';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 76px;
    text-align: center;
    color: #FFFFFF;
    z-index: 13;
}

.main__banner--template[data-template="template1"] .banner__text .banner__label:before {
    content: url('/upload/frontend/banner_label_new.svg');
    position: absolute;
    top: -29px;
    left: -47px;
    z-index: 11;
}

.main__banner--template[data-template="template1"] .banner__text .banner__label span {
    position: relative;
    z-index: 12;
    transform: rotate(-8.26deg);
    display: block;
}

.main__banner--template[data-template="template1"] .banner__form {
    position: relative;
    top: 0;
    transform: none;
    margin-left: auto;
    width: 470px;
    padding: 40px;
    background: rgba(45, 45, 45, 0.7);
    z-index: 11;
}

.main__banner--template[data-template="template1"] .banner__form .form__title {
    font-family: 'Brygada1918';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.main__banner--template[data-template="template1"] .banner__form .form__policy .custom-checkbox:checked+label::before {
    background-size: 20px 20px;
}

.main-page__banner-item .form__block input {
    text-overflow: ellipsis;
}

.main-page__banner-item .form__block input.warning {
    border: 1px solid red;
}

.main-page__banner-item .custom-checkbox.warning+label::before {
    border: 1px solid red;
}

.main-page__banner-item .form__block input:-webkit-autofill,
.main-page__banner-item .form__block input:-webkit-autofill:hover,
.main-page__banner-item .form__block input:-webkit-autofill:focus {
    border: 1px solid #E5E5E5;
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.main__banner--template[data-template="template1"] .form__policy .custom-checkbox:checked+label::before {
    background: #FFFFFF;
    background-image: url(/upload/frontend/popups-checkbox_red.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media only screen and (max-width: 1440px) {
    .main__banner--template[data-template="template1"] .banner__form {
        left: 0;
    }
}

@media only screen and (max-width: 1240px) {
    .main__banner--template[data-template="template1"] {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .main__banner--template[data-template="template1"] {
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        top: auto;
        bottom: 112px;
        transform: none;
        position: absolute;
        right: 0;
    }

    .main__banner--template[data-template="template1"] .banner__text {
        margin-left: 20px;
    }

    .main__banner--template[data-template="template1"] .banner__form {
        left: 0;
        top: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .main__banner--template[data-template="template1"] {
        right: 20px;
        bottom: 50px;
        padding-right: 0;
    }

    .main__banner--template[data-template="template1"] .banner__text {
        padding: 85px 57px 47px 48px;
        width: 550px;
        min-height: 255px;
        margin-left: 35px;
        top: 50px;
    }

    .main__banner--template[data-template="template1"] .banner__text:before {
        top: -4px;
        left: 3px;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__title {
        font-size: 24px;
        line-height: 28px;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__button {
        min-width: 140px;
        padding: 9px 20px;
        font-size: 14px;
        line-height: 16px;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__label {
        top: 30px;
        left: 43px;
        font-size: 37px;
        line-height: 40px;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__label:before {
        content: url(/upload/frontend/banner_label_new_mobile.svg);
        top: -20px;
        left: -25px;
    }
}

@media only screen and (max-width: 767px) {
    .main-page__brand-item span {
        font-size: 26px;
    }
    .main__banner--template[data-template="template1"] {
        bottom: 40px;
        width: calc(100% - 40px);
        right: 20px;
    }

    .main__banner--template[data-template="template1"] .banner__text {
        background: transparent;
        padding: 0;
        width: 100%;
        min-height: auto;
        margin-left: 20px;
        margin-bottom: 23px;
        top: 0;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__label {
        top: -57px;
        left: -5px;
    }

    .main__banner--template[data-template="template1"] .banner__text:before {
        display: none;
    }

    .main__banner--template[data-template="template1"] .banner__form {
        margin-left: 0;
        padding: 20px;
        margin-top: 0;
        width: 100%;
    }

    .main__banner--template[data-template="template1"] .banner__form .form__title {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 15px;
    }

    .main__banner--template[data-template="template1"] .banner__form .form__policy label {
        top: 2px;
    }

    .main__banner--template[data-template="template1"] .banner__form .form__policy .custom-checkbox+label::before {
        margin-right: 10px;
        top: -2px;
    }
}

@media only screen and (max-width: 370px) {
    .main__banner--template[data-template="template1"] {
        bottom: 20px;
    }

    .main__banner--template[data-template="template1"] .banner__text {
        margin-top: 0;
        margin-bottom: 0px;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__button {
        display: none;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__title {
        font-size: 20px;
        line-height: 24px;
        z-index: 14;
    }

    .main__banner--template[data-template="template1"] .banner__form .form__title {
        font-size: 20px;
        line-height: 23px;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__label {
        top: -7px;
        left: auto;
        right: 25px;
        font-size: 26px;
        line-height: 28px;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__label:before {
        content: url(/upload/frontend/banner_label_new_mobile_mini.svg);
        top: -14px;
        left: -20px;
    }

    .banner-dots {
        bottom: 5px;
    }

    .main-page__banner-item .banner__form {
        bottom: 20px;
    }
}

@media only screen and (max-width: 360px) {

    .main__banner--template[data-template="template1"] .banner__form .form__title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .main__banner--template[data-template="template1"] .banner__text .banner__title {
        font-size: 16px;
        line-height: 20px;
        max-width: calc(100% - 105px);
    }
}
@media only screen and (max-width:374px){
    #manager-mail{position:relative;bottom:0;justify-content:flex-start;margin:0 0 10px 0}
    #manager-mail a{margin-top:0}
    th#menu-socials{min-height:44px;padding:10px 0}
}







.main-page .marble-header--main .header__menu-button {
    margin-right: 20px;
}

.main-page .marble-header--main .topmenu__row {
    font-size: 13px;
    line-height: 14px;
}

.marble-header .header__menu-button {
    line-height: 14px;
}

.main-page .marble-header--main .topmenu__row>li:not(:last-child) {
    padding-right: 10px;
}

@media only screen and (max-width:1390px){
    .marble-header .header__menu-button,
    .main-page .marble-header--main .topmenu__row,
    .main-page .marble-header--main .topmenu__row .gold {
        font-size: 12px;
    }
    .marble-header .header__menu-button{
        padding-top: 9px;
    }
    .marble-header .header__favorites {
        margin-right: 10px;
    }
    .main-page .marble-header--main .header__search {
        margin-right: 10px;
    }
    .main-page .marble-header--main .topmenu__row>li:not(:last-child) {
        padding-right: 8px;
    }
}

@media only screen and (max-width:1300px){
    .main-page .marble-header--main .header__nav-list {
        width: auto;
    }
}

@media only screen and (max-width: 1199px) {
    .main-page .marble-header--main .topmenu__row>li:not(:last-child) {
        padding-right: 7px;
    }

    .main-page .marble-header--main .header__menu-button {
        margin-right: 7px;
        padding: 9px 0 9px 23px;
        font-size: 11px;
    }

    .main-page .marble-header--main .header__menu-button,
    .main-page .marble-header--main .topmenu__row,
    .main-page .marble-header--main .topmenu__row .gold {
        font-size: 11px;
    }
}
.main-page .marble-header--main .topmenu__row {
    align-items: center;
}
.marble-header .topmenu__row>li:last-child>a>span {
    border: 1px solid #EA3C3C;
    border-radius: 5px;
    padding: 5px;
    position: relative;
    background: #EA3C3C;
}
/*.marble-header .topmenu__row>li:first-child>a>span {*/
/*    color:#EA3C3C;*/
/*    font-weight: 700;*/
/*}*/
@media only screen and (max-width: 1199px) {
    .marble-header .topmenu__row>li:last-child>a>span {
        padding: 5px 3px;
        margin: 0 -1px;
    }
}
.footer__copy .dev__link{display:inline;}
@media only screen and (max-width: 1199px){.separate--dev{display:none;}.footer__copy .dev__link{display:block;margin-top:5px;}.footer__bottom{height:auto;padding:10px 0;}}
@media only screen and (min-width: 0) and (max-width: 767px){.footer__bottom{padding-bottom:56px;}}
@media only screen and (min-width: 0) and (max-width: 767px){
    .main-page.marble-fixed .marble-header--main .header__menu-button{margin-right:7px;display:block}
    .main-page .header__favorites.header__button-container.dblock1.marble{display:none}
    .main-page.marble-fixed .marble-header .header__favorites{margin-right:10px !important}
}
.topmenu__item-list {
    position: relative;
    padding-bottom: 10px;
    top: 5px;
}
.marble-header .topmenu__row .topmenu__item-list:hover,
.marble-header .topmenu__row .topmenu__item-list a:hover {
    opacity: 1;
}
.topmenu__item-inner {
    padding: 10px;
    border-radius: 3px;
    background: rgba(190,155,100,.7);
    backdrop-filter: blur(10px);
    box-shadow: 1px 4px 18px rgba(0,0,0,.25);
    position: absolute;
    width: 238px;
    height: auto;
    left: 50%;
    top: calc(100% - 2px);
    transform: translateX(-50%);
    color: #ffffff;
    text-align: center;
    display: none;
}
.topmenu__item-list:hover .topmenu__item-inner {
    display: block;
}
.topmenu__item-inner li {
    margin-bottom: 10px;
    transition: all .3s ease-out;
}
.topmenu__item-inner li:last-child {
    margin-bottom: 0;
}
.marble-header .topmenu__row .topmenu__item-list .topmenu__item-title {
    transition: opacity .3s ease-out;
    background: url('/local/templates/zcc/images/arrow_bottom_white.svg') center right no-repeat;
    padding-right: 12px;
    background-size: 9px;
}
.marble-header .topmenu__row .topmenu__item-list:hover .topmenu__item-title{
    opacity: 0.6;
}

.marble-header .topmenu__item-inner li:hover {
    opacity: 0.6;
}
/*Стили для сториз -> */
.stories__wrap {
    display: none;
}
@media only screen and (max-width: 767px) {
    .stories__wrap {
        margin: 25px 0 20px 0;
        display: block;
    }

    .main-page main .stories__wrap .container {
        padding: 0 15px;
    }

    .storiesWrapper {
        padding: 12px;
        max-width: 500px;
        margin: 0 auto;
    }

    .stories.carousel {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        display: flex;
        align-items: center;
        overflow: scroll;
        max-width: none;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
        position: relative;
    }

    .stories.carousel:after {
        content: '';
        position: relative;
        display: block;
        width: 15px;
        min-width: 15px;
        height: 1px;
        background: transparent;
    }

    .stories.carousel::-webkit-scrollbar {
        display: none;
    }

    .stories.carousel::-webkit-scrollbar-track {
        display: none;
    }

    .stories.carousel::-webkit-scrollbar-thumb {
        display: none;
    }

    .stories.snapssenger.carousel .story {
        border: 2px solid rgba(150, 163, 174, 0.3);
        box-sizing: border-box;
        border-radius: 50%;
        width: 90px;
        min-width: 90px;
        height: 90px;
        max-height: 90px;
        margin: 0 5px 0 0;
        padding: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .stories.snapssenger.carousel .story.seen {
        border: 2px solid rgba(150, 163, 174, 0.15);
        opacity: 1;
    }

    .stories.snapssenger.carousel .story > .item-link {
        width: 100%;
        height: 100%;
        max-height: none;
        background: #C4C4C4;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .stories.snapssenger.carousel .story > .item-link > .info {
        display: none;
    }

    .stories.snapssenger.carousel .story > .item-link > .item-preview {
        height: 100%;
        max-height: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .stories.carousel .story > .item-link:active > .item-preview {
        transform: scale(1);
    }

    .stories.snapssenger.carousel .story > .item-link > .item-preview img {
        border-radius: 50%;
    }

    #zuck-modal-content .story-viewer .tip {
        background: #BE9B64;
        border-radius: 7px;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        width: calc(100% - 42px);
        height: 44px;
        padding: 14px 0;
        text-transform: none;
        box-sizing: border-box;
    }

    #zuck-modal-content .story-viewer .tip.muted {
        position: absolute;
        top: 33px;
        right: 58px;
        left: auto;
        bottom: auto;
        transform: none;
        width: auto;
        height: auto;
        border-radius: 0;
        padding: 0;
        background: none;
        text-align: right;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        z-index: 100011;
        color: rgba(255, 255, 255, 0.6);
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        display: none;
    }

    #zuck-modal-content .story-viewer .slides-pointers {
        left: 0;
        right: 0;
        display: block;
        width: calc(100% - 44px);
        margin: 13px auto 0 auto;
        height: 3px;
        position: relative;
        z-index: 9999;
    }

    #zuck-modal-content .story-viewer .slides .item > .media {
        min-height: 100%;
        min-width: 100%;
        max-width: none;
    }

    #zuck-modal-content .story-viewer .slides-pointers > * {
        display: flex;
        align-items: center;
    }

    #zuck-modal-content .story-viewer .slides-pointers > * > * {
        background: rgba(255, 255, 255, 0.2);
        display: block;
        width: 100%;
        margin-right: 5px;
    }

    #zuck-modal-content .story-viewer .slides-pointers > * > *:last-child {
        margin-right: 0;
    }

    #zuck-modal-content .story-viewer .slides-pointers > * > * > b {
        height: 3px;
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left > .back,
    #zuck-modal-content .story-viewer .head .right .time,
    #zuck-modal-content .story-viewer .head .loading {
        display: none;
    }

    #zuck-modal-content .story-viewer .head {
        top: 0;
        padding: 30px 21px 0 21px;
    }

    #zuck-modal-content .story-viewer .head .right .close {
        display: block;
        font-size: 0;
        width: 37px;
        height: 37px;
        padding: 10px;
        line-height: 0;
        background: url('/upload/frontend/stories/stories_close.svg') no-repeat center;
        background-size: 17px 17px;
    }

    #zuck-modal.with-effects {
        animation-fill-mode: both;
        animation-duration: .3s;
        transition: all .3s cubic-bezier(0, 0, 0.2, 1);
        bottom: auto;
        opacity: 0;
    }

    #zuck-modal.with-effects #zuck-modal-content,
    #zuck-modal.with-effects #zuck-modal-slider-stories {
        transition: all .3s cubic-bezier(0, 0, 0.2, 1);
    }

    #zuck-modal.with-effects.animated {
        opacity: 1;
    }

    #zuck-modal-content .story-viewer .slides .item .stories-main-title-wrap {
        font-family: Brygada1918;
        font-style: normal;
        color: #FFFFFF;
        position: absolute;
        top: 78px;
        left: 35px;
        z-index: 100012;
        max-width: calc(100% - 70px);
    }

    #zuck-modal-content .story-viewer .slides .item .stories-main-title {
        font-weight: bold;
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    #zuck-modal-content .story-viewer .slides .item .stories-main-title.black,
    #zuck-modal-content .story-viewer .slides .item .stories-main-subtitle.black {
        color: #000000;
    }

    #zuck-modal-content .story-viewer .slides .item .stories-main-subtitle {
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
    }
}
/*Стили для сториз <- */
.captcha_wrap {
    line-height: 0;
    flex-direction: column;
}
.popups-form__form .captcha_wrap {
    margin-top: 10px;
}
.popups-form__form form:has(.captcha_wrap) {
    height: auto;
}
.captcha_message {
    color: #ea3c3c;
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
}
.captcha_message:empty {
    margin-top: 0;
}
.banner__form .captcha_message {
    font-weight: 500;
}
/*Куки*/
.cookie-notification {
    background-color: #ffffff;
    color: #000000;
    margin: 0 auto;
    padding: 2em;
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);;
}
.cookie-text {
    margin: 0;
    width: 70%;
}
.hidden_cookies {
    display: none;
}

.cookie-text a {
    color: #CAAF83;
    text-decoration: underline;
}
#accept-cookie {
    width: 8em;
    height: 3em;
    line-height: 16px;
    border-radius: 4px;
    background-color: #CAAF83;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    border: 2px solid;
    padding: 9px 20px 10px;
}
#accept-cookie:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .8) 30%, #000 50%, rgba(0, 0, 0, .8) 70%);
    -webkit-mask-size: 200%;
    animation: wave 2s infinite;
}
@keyframes wave  {
    0% {
        -webkit-mask-position: 100%;
    }
    100% {
        -webkit-mask-position: -50%;
    }
}

/* /local/templates/.default/components/arturgolubev1/search.title/head/style.css */
.search-title-button{
	background-image: url('/local/templates/.default/components/arturgolubev1/search.title/head/images/icon-search.svg');
	background-repeat: no-repeat;
	background-position: center;
	min-width:45px;
}

.title-search-result{
	border: 1px solid #c6c6c6;
	display: none;
	overflow: hidden;
	z-index: 205;
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
}

.bx_item_block{
	font-size: 14px;
	padding-bottom:5px;
	margin-bottom: 5px;
	border-bottom:1px solid #ddd;
}

.all_result,
.others_result { border: none; }

.all_result { margin-bottom: 0;}