/* /bitrix/js/ui/design-tokens/dist/ui.design-tokens.css */ /** * Do not edit directly * Generated on Wed, 18 Oct 2023 09:52:35 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-xl2: 26px; --ui-space-inset-xl: 24px; --ui-space-inset-lg2: 22px; --ui-space-inset-lg: 20px; --ui-space-inset-md2: 18px; --ui-space-inset-md: 16px; --ui-space-inset-sm2: 14px; --ui-space-inset-sm: 12px; --ui-space-inset-xs2: 10px; --ui-space-inset-xs: 8px; --ui-space-inset-2xs2: 6px; --ui-space-inset-2xs: 4px; --ui-space-inset-3xs: 2px; --ui-space-inset-none: 0; --ui-space-inline-8xl-neg: -72px; --ui-space-inline-7xl-neg: -64px; --ui-space-inline-6xl-neg: -48px; --ui-space-inline-5xl-neg: -40px; --ui-space-inline-4xl-neg: -36px; --ui-space-inline-3xl-neg: -32px; --ui-space-inline-2xl-neg: -28px; --ui-space-inline-xl2-neg: -26px; --ui-space-inline-xl-neg: -24px; --ui-space-inline-lg2-neg: -22px; --ui-space-inline-lg-neg: -20px; --ui-space-inline-md2-neg: -18px; --ui-space-inline-md-neg: -16px; --ui-space-inline-sm2-neg: -14px; --ui-space-inline-sm-neg: -12px; --ui-space-inline-xs2-neg: -10px; --ui-space-inline-xs-neg: -8px; --ui-space-inline-2xs2-neg: -6px; --ui-space-inline-2xs-neg: -4px; --ui-space-inline-3xs-neg: -2px; --ui-space-inline-8xl: 72px; --ui-space-inline-7xl: 64px; --ui-space-inline-6xl: 48px; --ui-space-inline-5xl: 40px; --ui-space-inline-4xl: 36px; --ui-space-inline-3xl: 32px; --ui-space-inline-2xl: 28px; --ui-space-inline-xl2: 26px; --ui-space-inline-xl: 24px; --ui-space-inline-lg2: 22px; --ui-space-inline-lg: 20px; --ui-space-inline-md2: 18px; --ui-space-inline-md: 16px; --ui-space-inline-sm2: 14px; --ui-space-inline-sm: 12px; --ui-space-inline-xs2: 10px; --ui-space-inline-xs: 8px; --ui-space-inline-2xs2: 6px; --ui-space-inline-2xs: 4px; --ui-space-inline-3xs: 2px; --ui-space-inline-none: 0; --ui-space-stack-8xl-neg: -72px; --ui-space-stack-7xl-neg: -64px; --ui-space-stack-6xl-neg: -48px; --ui-space-stack-5xl-neg: -40px; --ui-space-stack-4xl-neg: -36px; --ui-space-stack-3xl-neg: -32px; --ui-space-stack-2xl-neg: -28px; --ui-space-stack-xl2-neg: -26px; --ui-space-stack-xl-neg: -24px; --ui-space-stack-lg2-neg: -22px; --ui-space-stack-lg-neg: -20px; --ui-space-stack-md2-neg: -18px; --ui-space-stack-md-neg: -16px; --ui-space-stack-sm2-neg: -14px; --ui-space-stack-sm-neg: -12px; --ui-space-stack-xs2-neg: -10px; --ui-space-stack-xs-neg: -8px; --ui-space-stack-2xs2-neg: -6px; --ui-space-stack-2xs-neg: -4px; --ui-space-stack-3xs-neg: -2px; --ui-space-stack-8xl: 72px; --ui-space-stack-7xl: 64px; --ui-space-stack-6xl: 48px; --ui-space-stack-5xl: 40px; --ui-space-stack-4xl: 36px; --ui-space-stack-3xl: 32px; --ui-space-stack-2xl: 28px; --ui-space-stack-xl2: 26px; --ui-space-stack-xl: 24px; --ui-space-stack-lg2: 22px; --ui-space-stack-lg: 20px; --ui-space-stack-md2: 18px; --ui-space-stack-md: 16px; --ui-space-stack-sm2: 14px; --ui-space-stack-sm: 12px; --ui-space-stack-xs2: 10px; --ui-space-stack-xs: 8px; --ui-space-stack-2xs2: 6px; --ui-space-stack-2xs: 4px; --ui-space-stack-3xs: 2px; --ui-space-stack-none: 0; --ui-size-8xl: 72px; --ui-size-7xl: 64px; --ui-size-6xl: 48px; --ui-size-5xl: 40px; --ui-size-4xl: 36px; --ui-size-3xl: 32px; --ui-size-2xl: 28px; --ui-size-xl2: 26px; --ui-size-xl: 24px; --ui-size-lg2: 22px; --ui-size-lg: 20px; --ui-size-md2: 18px; --ui-size-md: 16px; --ui-size-sm2: 14px; --ui-size-sm: 12px; --ui-size-xs2: 10px; --ui-size-xs: 8px; --ui-size-2xs2: 6px; --ui-size-2xs: 4px; --ui-size-3xs: 2px; --ui-size-none: 0; --ui-shadow-left-4xl: -16px 0px 24px 0px rgba(0, 0, 0, 0.11); --ui-shadow-left-3xl: -12px 0px 17px 0px rgba(0, 0, 0, 0.1); --ui-shadow-left-2xl: -8px 0px 10px 0px rgba(0, 0, 0, 0.1); --ui-shadow-left-xl: -6px 0px 10px 0px rgba(0, 0, 0, 0.1); --ui-shadow-left-l: -4px 0px 5px 0px rgba(0, 0, 0, 0.08); --ui-shadow-left-m: -3px 0px 4px 0px rgba(0, 0, 0, 0.08); --ui-shadow-left-s: -2px 0px 4px 0px rgba(0, 0, 0, 0.08); --ui-shadow-left-xs: -2px 0px 2px 0px rgba(0, 0, 0, 0.07); --ui-shadow-left-2xs: -1px 0px 2px 0px rgba(0, 0, 0, 0.06); --ui-shadow-bottom-4xl: 0px 16px 24px 0px rgba(0, 0, 0, 0.11); --ui-shadow-bottom-3xl: 0px 12px 17px 0px rgba(0, 0, 0, 0.1); --ui-shadow-bottom-2xl: 0px 8px 10px 0px rgba(0, 0, 0, 0.1); --ui-shadow-bottom-xl: 0px 6px 10px 0px rgba(0, 0, 0, 0.1); --ui-shadow-bottom-l: 0px 4px 5px 0px rgba(0, 0, 0, 0.08); --ui-shadow-bottom-m: 0px 3px 4px 0px rgba(0, 0, 0, 0.08); --ui-shadow-bottom-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); --ui-shadow-bottom-xs: 0px 2px 2px 0px rgba(0, 0, 0, 0.07); --ui-shadow-bottom-2xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.06); --ui-shadow-right-4xl: 16px 0px 24px 0px rgba(0, 0, 0, 0.11); --ui-shadow-right-3xl: 12px 0px 17px 0px rgba(0, 0, 0, 0.1); --ui-shadow-right-2xl: 8px 0px 10px 0px rgba(0, 0, 0, 0.1); --ui-shadow-right-xl: 6px 0px 10px 0px rgba(0, 0, 0, 0.1); --ui-shadow-right-l: 4px 0px 5px 0px rgba(0, 0, 0, 0.08); --ui-shadow-right-m: 3px 0px 4px 0px rgba(0, 0, 0, 0.08); --ui-shadow-right-s: 2px 0px 4px 0px rgba(0, 0, 0, 0.08); --ui-shadow-right-xs: 2px 0px 2px 0px rgba(0, 0, 0, 0.07); --ui-shadow-right-2xs: 1px 0px 2px 0px rgba(0, 0, 0, 0.06); --ui-shadow-top-4xl: 0px -16px 24px 0px rgba(0, 0, 0, 0.11); --ui-shadow-top-3xl: 0px -12px 17px 0px rgba(0, 0, 0, 0.1); --ui-shadow-top-2xl: 0px -8px 10px 0px rgba(0, 0, 0, 0.1); --ui-shadow-top-xl: 0px -6px 10px 0px rgba(0, 0, 0, 0.1); --ui-shadow-top-l: 0px -4px 5px 0px rgba(0, 0, 0, 0.08); --ui-shadow-top-m: 0px -3px 4px 0px rgba(0, 0, 0, 0.08); --ui-shadow-top-s: 0px -2px 4px 0px rgba(0, 0, 0, 0.08); --ui-shadow-top-xs: 0px -2px 2px 0px rgba(0, 0, 0, 0.07); --ui-shadow-top-2xs: 0px -1px 2px 0px rgba(0, 0, 0, 0.06); --ui-opacity-none: 0; --ui-opacity-full: 1; --ui-opacity-90: 0.9; --ui-opacity-80: 0.8; --ui-opacity-70: 0.7; --ui-opacity-60: 0.6; --ui-opacity-50: 0.5; --ui-opacity-40: 0.4; --ui-opacity-30: 0.3; --ui-opacity-20: 0.2; --ui-opacity-10: 0.1; --ui-opacity-5: 0.05; --ui-font-line-height-3xl: 2; --ui-font-line-height-2xl: 1.75; --ui-font-line-height-xl: 1.62; --ui-font-line-height-lg: 1.5; --ui-font-line-height-md: 1.4; --ui-font-line-height-sm: 1.35; --ui-font-line-height-2xs: 1.3; --ui-font-line-height-3xs: 1.2; --ui-font-line-height-reset: 1; --ui-font-size-5xl: 28px; --ui-font-size-4xl: 24px; --ui-font-size-3xl: 22px; --ui-font-size-2xl: 18px; --ui-font-size-xl: 16px; --ui-font-size-lg: 15px; --ui-font-size-md: 14px; --ui-font-size-sm: 13px; --ui-font-size-xs: 12px; --ui-font-size-3xs: 11px; --ui-font-size-4xs: 10px; --ui-font-size-5xs: 9px; --ui-font-size-6xs: 8px; --ui-font-size-7xs: 7px; --ui-font-weight-extra-black: 950; --ui-font-weight-black: 900; --ui-font-weight-extra-bold: 800; --ui-font-weight-bold: 700; --ui-font-weight-semi-bold: 600; --ui-font-weight-medium: 500; --ui-font-weight-normal: 400; --ui-font-weight-regular: 400; --ui-font-weight-light: 300; --ui-font-weight-extra-light: 200; --ui-font-weight-thin: 100; --ui-font-family-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif; --ui-font-family-system-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace; --ui-font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --ui-color-palette-beige-base: #fdfae1; --ui-color-palette-beige-base-rgb: 253, 250, 225; --ui-color-palette-gray-02: #f8fafb; --ui-color-palette-gray-02-rgb: 248, 250, 251; --ui-color-palette-gray-03: #f5f7f8; --ui-color-palette-gray-03-rgb: 245, 247, 248; --ui-color-palette-gray-04: #f1f4f6; --ui-color-palette-gray-04-rgb: 241, 244, 246; --ui-color-palette-gray-05: #eef2f4; --ui-color-palette-gray-05-rgb: 238, 242, 244; --ui-color-palette-gray-90: #525c69; --ui-color-palette-gray-90-rgb: 82, 92, 105; --ui-color-palette-gray-80: #6a737f; --ui-color-palette-gray-80-rgb: 106, 115, 127; --ui-color-palette-gray-70: #828b95; --ui-color-palette-gray-70-rgb: 130, 139, 149; --ui-color-palette-gray-60: #959ca4; --ui-color-palette-gray-60-rgb: 149, 156, 164; --ui-color-palette-gray-50: #a8adb4; --ui-color-palette-gray-50-rgb: 168, 173, 180; --ui-color-palette-gray-40: #bdc1c6; --ui-color-palette-gray-40-rgb: 189, 193, 198; --ui-color-palette-gray-35: #c9ccd0; --ui-color-palette-gray-35-rgb: 201, 204, 208; --ui-color-palette-gray-30: #d5d7db; --ui-color-palette-gray-30-rgb: 213, 215, 219; --ui-color-palette-gray-20: #dfe0e3; --ui-color-palette-gray-20-rgb: 223, 224, 227; --ui-color-palette-gray-15: #e6e7e9; --ui-color-palette-gray-15-rgb: 230, 231, 233; --ui-color-palette-gray-10: #edeef0; --ui-color-palette-gray-10-rgb: 237, 238, 240; --ui-color-palette-red-solid: #f0371b; --ui-color-palette-red-solid-rgb: 240, 55, 27; --ui-color-palette-red-95: #800602; --ui-color-palette-red-95-rgb: 128, 6, 2; --ui-color-palette-red-90: #9a0703; --ui-color-palette-red-90-rgb: 154, 7, 3; --ui-color-palette-red-80: #c21b16; --ui-color-palette-red-80-rgb: 194, 27, 22; --ui-color-palette-red-70: #e92f2a; --ui-color-palette-red-70-rgb: 233, 47, 42; --ui-color-palette-red-60: #f4433e; --ui-color-palette-red-60-rgb: 244, 67, 62; --ui-color-palette-red-50: #ff5752; --ui-color-palette-red-50-rgb: 255, 87, 82; --ui-color-palette-red-45: #ff7c78; --ui-color-palette-red-45-rgb: 255, 124, 120; --ui-color-palette-red-40: #ff9a97; --ui-color-palette-red-40-rgb: 255, 154, 151; --ui-color-palette-red-30: #ffcdcc; --ui-color-palette-red-30-rgb: 255, 205, 204; --ui-color-palette-red-25: #ffdcdb; --ui-color-palette-red-25-rgb: 255, 220, 219; --ui-color-palette-red-20: #ffe8e8; --ui-color-palette-red-20-rgb: 255, 232, 232; --ui-color-palette-red-15: #fff0f0; --ui-color-palette-red-15-rgb: 255, 240, 240; --ui-color-palette-red-10: #fff8f8; --ui-color-palette-red-10-rgb: 255, 248, 248; --ui-color-palette-orange-95: #614000; --ui-color-palette-orange-95-rgb: 97, 64, 0; --ui-color-palette-orange-90: #7a5100; --ui-color-palette-orange-90-rgb: 122, 81, 0; --ui-color-palette-orange-80: #9f6a00; --ui-color-palette-orange-80-rgb: 159, 106, 0; --ui-color-palette-orange-70: #c48300; --ui-color-palette-orange-70-rgb: 196, 131, 0; --ui-color-palette-orange-60: #e89b06; --ui-color-palette-orange-60-rgb: 232, 155, 6; --ui-color-palette-orange-50: #ffa900; --ui-color-palette-orange-50-rgb: 255, 169, 0; --ui-color-palette-orange-40: #ffc34d; --ui-color-palette-orange-40-rgb: 255, 195, 77; --ui-color-palette-orange-30: #ffe1a6; --ui-color-palette-orange-30-rgb: 255, 225, 166; --ui-color-palette-orange-25: #ffe9be; --ui-color-palette-orange-25-rgb: 255, 233, 190; --ui-color-palette-orange-20: #fff1d6; --ui-color-palette-orange-20-rgb: 255, 241, 214; --ui-color-palette-orange-15: #fff5e3; --ui-color-palette-orange-15-rgb: 255, 245, 227; --ui-color-palette-orange-10: #fffaf0; --ui-color-palette-orange-10-rgb: 255, 250, 240; --ui-color-palette-green-95: #3d4f00; --ui-color-palette-green-95-rgb: 61, 79, 0; --ui-color-palette-green-90: #506900; --ui-color-palette-green-90-rgb: 80, 105, 0; --ui-color-palette-green-80: #688800; --ui-color-palette-green-80-rgb: 104, 136, 0; --ui-color-palette-green-70: #7fa800; --ui-color-palette-green-70-rgb: 127, 168, 0; --ui-color-palette-green-60: #8dbb00; --ui-color-palette-green-60-rgb: 141, 187, 0; --ui-color-palette-green-55: #95c500; --ui-color-palette-green-55-rgb: 149, 197, 0; --ui-color-palette-green-50: #9dcf00; --ui-color-palette-green-50-rgb: 157, 207, 0; --ui-color-palette-green-40: #bbde4d; --ui-color-palette-green-40-rgb: 187, 222, 77; --ui-color-palette-green-35: #cfe780; --ui-color-palette-green-35-rgb: 207, 231, 128; --ui-color-palette-green-30: #e2f1b3; --ui-color-palette-green-30-rgb: 226, 241, 179; --ui-color-palette-green-25: #faf6c3; --ui-color-palette-green-25-rgb: 250, 246, 195; --ui-color-palette-green-20: #f1fbd0; --ui-color-palette-green-20-rgb: 241, 251, 208; --ui-color-palette-green-15: #f5fcde; --ui-color-palette-green-15-rgb: 245, 252, 222; --ui-color-palette-green-10: #fafded; --ui-color-palette-green-10-rgb: 250, 253, 237; --ui-color-palette-blue-95: #004f69; --ui-color-palette-blue-95-rgb: 0, 79, 105; --ui-color-palette-blue-90: #006484; --ui-color-palette-blue-90-rgb: 0, 100, 132; --ui-color-palette-blue-80: #00789e; --ui-color-palette-blue-80-rgb: 0, 120, 158; --ui-color-palette-blue-70: #008dba; --ui-color-palette-blue-70-rgb: 0, 141, 186; --ui-color-palette-blue-60: #11a9d9; --ui-color-palette-blue-60-rgb: 17, 169, 217; --ui-color-palette-blue-50: #2fc6f6; --ui-color-palette-blue-50-rgb: 47, 198, 246; --ui-color-palette-blue-40: #7fdefc; --ui-color-palette-blue-40-rgb: 127, 222, 252; --ui-color-palette-blue-30: #c3f0ff; --ui-color-palette-blue-30-rgb: 195, 240, 255; --ui-color-palette-blue-25: #d3f4ff; --ui-color-palette-blue-25-rgb: 211, 244, 255; --ui-color-palette-blue-20: #e5f9ff; --ui-color-palette-blue-20-rgb: 229, 249, 255; --ui-color-palette-blue-15: #ecfafe; --ui-color-palette-blue-15-rgb: 236, 250, 254; --ui-color-palette-blue-10: #f4fcfe; --ui-color-palette-blue-10-rgb: 244, 252, 254; --ui-color-palette-white-base: #ffffff; --ui-color-palette-white-base-rgb: 255, 255, 255; --ui-color-palette-black-base: #333333; --ui-color-palette-black-base-rgb: 51, 51, 51; --ui-color-palette-black-solid: #000000; --ui-color-palette-black-solid-rgb: 0, 0, 0; --ui-color-overlay-base: rgba(255, 255, 255, 0.5); --ui-color-accent-yellow: #fef3b8; --ui-color-accent-yellow-rgb: 254, 243, 184; --ui-color-accent-purple: #a77bde; --ui-color-accent-purple-rgb: 167, 123, 222; --ui-color-accent-turquoise: #05b5ab; --ui-color-accent-turquoise-rgb: 5, 181, 171; --ui-color-accent-green: #29ad49; --ui-color-accent-green-rgb: 41, 173, 73; --ui-color-accent-brown: #ae914b; --ui-color-accent-brown-rgb: 174, 145, 75; --ui-color-accent-pink: #fb6dba; --ui-color-accent-pink-rgb: 251, 109, 186; --ui-color-accent-aqua: #55d0e0; --ui-color-accent-aqua-rgb: 85, 208, 224; --ui-color-accent-light-blue: #559be6; --ui-color-accent-light-blue-rgb: 85, 155, 230; --ui-color-tag-9: #e2e3e5; --ui-color-tag-9-rgb: 226, 227, 229; --ui-color-tag-8: #ccd3dd; --ui-color-tag-8-rgb: 204, 211, 221; --ui-color-tag-7: #dfc684; --ui-color-tag-7-rgb: 223, 198, 132; --ui-color-tag-6: #ace5ec; --ui-color-tag-6-rgb: 172, 229, 236; --ui-color-tag-5: #c2d1f0; --ui-color-tag-5-rgb: 194, 209, 240; --ui-color-tag-4: #87eda0; --ui-color-tag-4-rgb: 135, 237, 160; --ui-color-tag-3: #dbf087; --ui-color-tag-3-rgb: 219, 240, 135; --ui-color-tag-2: #00baf2; --ui-color-tag-2-rgb: 0, 186, 242; --ui-color-tag-1: #bcedfc; --ui-color-tag-1-rgb: 188, 237, 252; --ui-color-link-primary-base: #2066b0; --ui-color-link-primary-base-rgb: 32, 102, 176; --ui-color-background-none: none; --ui-color-background-transparent: transparent; --ui-border-width-thick: 2px; --ui-border-width-thin: 1px; --ui-border-radius-pill: 99rem; --ui-border-radius-circle: 50%; --ui-border-radius-3xl: 20px; --ui-border-radius-2xl: 16px; --ui-border-radius-xl: 14px; --ui-border-radius-lg: 12px; --ui-border-radius-md: 10px; --ui-border-radius-sm: 8px; --ui-border-radius-xs: 6px; --ui-border-radius-2xs: 4px; --ui-border-radius-3xs: 2px; --ui-border-radius-none: 0; --ui-typography-text-lg-font-weight: 400; --ui-typography-text-lg-line-height: 1.4; --ui-typography-text-lg-font-size: var(--ui-font-size-lg); --ui-typography-text-md-font-weight: 400; --ui-typography-text-md-line-height: 1.4; --ui-typography-text-md-font-size: var(--ui-font-size-md); --ui-typography-text-sm-font-weight: 400; --ui-typography-text-sm-line-height: 1.4; --ui-typography-text-sm-font-size: var(--ui-font-size-sm); --ui-typography-text-xs-font-weight: 400; --ui-typography-text-xs-line-height: 1.35; --ui-typography-text-xs-font-size: var(--ui-font-size-xs); --ui-typography-heading-h6-color: var(--ui-color-palette-black-base); --ui-typography-heading-h6-font-weight: 600; --ui-typography-heading-h6-line-height: 1.4; --ui-typography-heading-h6-font-size: var(--ui-font-size-md); --ui-typography-heading-h5-color: var(--ui-color-palette-black-base); --ui-typography-heading-h5-font-weight: 400; --ui-typography-heading-h5-line-height: 1.35; --ui-typography-heading-h5-font-size: var(--ui-font-size-xl); --ui-typography-heading-h4-color: var(--ui-color-palette-black-base); --ui-typography-heading-h4-font-weight: 400; --ui-typography-heading-h4-line-height: 1.35; --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl); --ui-typography-heading-h3-color: var(--ui-color-palette-black-base); --ui-typography-heading-h3-font-weight: 300; --ui-typography-heading-h3-line-height: 1.3; --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl); --ui-typography-heading-h2-color: var(--ui-color-palette-black-base); --ui-typography-heading-h2-font-weight: 300; --ui-typography-heading-h2-line-height: 1.3; --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl); --ui-typography-heading-h1-color: var(--ui-color-palette-black-base); --ui-typography-heading-h1-font-weight: 300; --ui-typography-heading-h1-line-height: 1.2; --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl); --ui-color-base-default: var(--ui-color-palette-black-base); --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb); --ui-color-base-solid: var(--ui-color-palette-black-solid); --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb); --ui-color-base-05: var(--ui-color-palette-gray-05); --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb); --ui-color-base-04: var(--ui-color-palette-gray-04); --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb); --ui-color-base-03: var(--ui-color-palette-gray-03); --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb); --ui-color-base-02: var(--ui-color-palette-gray-02); --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb); --ui-color-base-90: var(--ui-color-palette-gray-90); --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb); --ui-color-base-80: var(--ui-color-palette-gray-80); --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb); --ui-color-base-70: var(--ui-color-palette-gray-70); --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb); --ui-color-base-60: var(--ui-color-palette-gray-60); --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb); --ui-color-base-50: var(--ui-color-palette-gray-50); --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb); --ui-color-base-40: var(--ui-color-palette-gray-40); --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb); --ui-color-base-35: var(--ui-color-palette-gray-35); --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb); --ui-color-base-30: var(--ui-color-palette-gray-30); --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb); --ui-color-base-20: var(--ui-color-palette-gray-20); --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb); --ui-color-base-15: var(--ui-color-palette-gray-15); --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb); --ui-color-base-10: var(--ui-color-palette-gray-10); --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb); --ui-color-background-note: var(--ui-color-palette-beige-base); --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb); --ui-color-background-on-alert: var(--ui-color-palette-red-70); --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb); --ui-color-background-alert: var(--ui-color-palette-red-20); --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb); --ui-color-background-on-warning: var(--ui-color-palette-orange-70); --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb); --ui-color-background-warning: var(--ui-color-palette-orange-20); --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb); --ui-color-background-on-success: var(--ui-color-palette-green-70); --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb); --ui-color-background-success: var(--ui-color-palette-green-20); --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb); --ui-color-background-on-info: var(--ui-color-palette-blue-70); --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb); --ui-color-background-info: var(--ui-color-palette-blue-20); --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb); --ui-color-background-tertiary: var(--ui-color-palette-gray-05); --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb); --ui-color-background-secondary: var(--ui-color-palette-gray-10); --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb); --ui-color-background-primary: var(--ui-color-palette-white-base); --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb); --ui-color-text-warning: var(--ui-color-palette-orange-50); --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb); --ui-color-text-alert: var(--ui-color-palette-red-50); --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb); --ui-color-text-subtle: var(--ui-color-palette-gray-70); --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb); --ui-color-text-secondary: var(--ui-color-palette-gray-90); --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb); --ui-color-text-primary: var(--ui-color-palette-black-base); --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb); --ui-color-extranet: var(--ui-color-palette-orange-60); --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb); --ui-color-on-primary-alt: var(--ui-color-palette-white-base); --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb); --ui-color-primary-alt: var(--ui-color-palette-green-50); --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb); --ui-color-on-primary: var(--ui-color-palette-white-base); --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb); --ui-color-primary: var(--ui-color-palette-blue-50); --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb); } .ui-typography-heading-h1 { font-size: var(--ui-typography-heading-h1-font-size); line-height: var(--ui-typography-heading-h1-line-height); font-weight: var(--ui-typography-heading-h1-font-weight); color: var(--ui-typography-heading-h1-color); } .ui-typography-heading-h2 { font-size: var(--ui-typography-heading-h2-font-size); line-height: var(--ui-typography-heading-h2-line-height); font-weight: var(--ui-typography-heading-h2-font-weight); color: var(--ui-typography-heading-h2-color); } .ui-typography-heading-h3 { font-size: var(--ui-typography-heading-h3-font-size); line-height: var(--ui-typography-heading-h3-line-height); font-weight: var(--ui-typography-heading-h3-font-weight); color: var(--ui-typography-heading-h3-color); } .ui-typography-heading-h4 { font-size: var(--ui-typography-heading-h4-font-size); line-height: var(--ui-typography-heading-h4-line-height); font-weight: var(--ui-typography-heading-h4-font-weight); color: var(--ui-typography-heading-h4-color); } .ui-typography-heading-h5 { font-size: var(--ui-typography-heading-h5-font-size); line-height: var(--ui-typography-heading-h5-line-height); font-weight: var(--ui-typography-heading-h5-font-weight); color: var(--ui-typography-heading-h5-color); } .ui-typography-heading-h6 { font-size: var(--ui-typography-heading-h6-font-size); line-height: var(--ui-typography-heading-h6-line-height); font-weight: var(--ui-typography-heading-h6-font-weight); color: var(--ui-typography-heading-h6-color); } .ui-typography-text-xs { font-size: var(--ui-typography-text-xs-font-size); line-height: var(--ui-typography-text-xs-line-height); font-weight: var(--ui-typography-text-xs-font-weight); } .ui-typography-text-sm { font-size: var(--ui-typography-text-sm-font-size); line-height: var(--ui-typography-text-sm-line-height); font-weight: var(--ui-typography-text-sm-font-weight); } .ui-typography-text-md { font-size: var(--ui-typography-text-md-font-size); line-height: var(--ui-typography-text-md-line-height); font-weight: var(--ui-typography-text-md-font-weight); } .ui-typography-text-lg { font-size: var(--ui-typography-text-lg-font-size); line-height: var(--ui-typography-text-lg-line-height); font-weight: var(--ui-typography-text-lg-font-weight); } /* /bitrix/js/ui/fonts/opensans/ui.font.opensans.css */ :root { --ui-font-family-open-sans: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } @font-face { font-family: 'Open Sans'; src: local('Open Sans'), url('/bitrix/js/ui/fonts/opensans/opensans-regular.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Light'), url('/bitrix/js/ui/fonts/opensans/opensans-light.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Semibold'), url('/bitrix/js/ui/fonts/opensans/opensans-semibold.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold'), url('/bitrix/js/ui/fonts/opensans/opensans-bold.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'OpenSans'; src: local('Open Sans'), url('/bitrix/js/ui/fonts/opensans/opensans-regular.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Regular'; src: local('Open Sans'), url('/bitrix/js/ui/fonts/opensans/opensans-regular.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Light'; src: local('Open Sans Light'), url('/bitrix/js/ui/fonts/opensans/opensans-light.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Semibold'; src: local('Open Sans Semibold'), url('/bitrix/js/ui/fonts/opensans/opensans-semibold.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Bold'; src: local('Open Sans Bold'), url('/bitrix/js/ui/fonts/opensans/opensans-bold.woff') format('woff'), url('/bitrix/js/ui/fonts/opensans/opensans-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* /bitrix/js/main/popup/dist/main.popup.bundle.css */ .popup-window { background-color: #fff; -webkit-box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06); box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06); padding: 10px; font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; border-radius: var(--popup-window-border-radius); will-change: opacity; } .popup-window-disable-scroll { overflow: hidden; } .popup-window.--fixed { position: fixed !important; } /* A super hack for legacy code which directly reads and writes popupContainer.style.display */ .popup-window[style*="block"] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .popup-window.popup-window-with-titlebar { padding: 0 10px 10px; } .popup-window-delimiter { background-color: #f0f1f2; display: block; height: 1px; line-height: 1px; } .popup-window-delimiter-section { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5px 0 8px 0; text-align: center; } .popup-window-delimiter-section:before, .popup-window-delimiter-section:after { display: block; content: ""; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 15px; position: relative; top: 8px; height: 1px; background-color: #f0f1f2; } .popup-window-delimiter-text { position: relative; top: 2px; padding: 0 12px; background: #fff; color: #b1b6bc; font-size: 10px; font-weight: var(--ui-font-weight-bold); text-transform: uppercase; white-space: nowrap; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .popup-window-buttons { text-align: center; padding: 20px 0 10px; position: relative; } .popup-window-button { display: inline-block; height: 39px; line-height: 39px; margin: 0 12px 0 0; background: #ecedef; border-radius: var(--popup-window-button-border-radius, 2px); cursor: pointer; color: #7a818a; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-bold, 700); font-size: 12px; outline: none; padding: 0 18px; vertical-align: middle; text-decoration: none; text-transform: uppercase; text-shadow: none; white-space: nowrap; -webkit-box-shadow: 0 0 0 1px #c6cdd3 inset; box-shadow: 0 0 0 1px #c6cdd3 inset; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s linear, color 0.2s linear; -o-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; } .popup-window-button:before, .popup-window-button:after { display: none; } .popup-window-button:hover { background: #cfd4d8; color: #535c69; } .popup-window-button:last-child { margin-right: 0; } .popup-window-button-accept, .popup-window-button-create { background: #bbed21; -webkit-box-shadow: none; box-shadow: none; color: #535c69; } .popup-window-button-accept:hover, .popup-window-button-create:hover { background: #d2f95f; color: #535c69; } .popup-window-button-wait { color: transparent !important; position: relative; } .popup-window-button-wait .popup-window-button-text { opacity: 0; } .popup-window-button-wait:before { background: none !important; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; border-radius: 50%; color: #fff; display: block !important; content: '_' !important; font-size: 10px; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); line-height: 10px; height: 21px; top: 10px; left: 50%; margin: 0 0 0 -11px; padding-right: 6px; position: absolute; text-align: right; width: 15px; } .popup-window-button-wait:after { background: #fff !important; content: ' ' !important; display: block !important; height: 7px; position: absolute; top: 13px; left: 50%; padding: 0; width: 1px; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-animation: popup-window-button-animation 1s infinite linear; animation: popup-window-button-animation 1s infinite linear; } .popup-window-button-create.popup-window-button-wait:before, .popup-window-button-accept.popup-window-button-wait:before { color: #535c69; -webkit-box-shadow: inset 0 0 0 1px #535c69; box-shadow: inset 0 0 0 1px #535c69; } .popup-window-button-create.popup-window-button-wait:after, .popup-window-button-accept.popup-window-button-wait:after { background: #535c69 !important; } @-webkit-keyframes popup-window-button-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes popup-window-button-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .popup-window-button-decline { background: #f1361b; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .popup-window-button-decline:hover { background: #cc1a00; color: #fff; } .popup-window-button-cancel { font-weight: normal; } .popup-window-button-blue { background-color: #3bc8f5; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .popup-window-button-blue:hover { background-color: #3fddff; color: #fff; } .popup-window-button-blue:active { background-color: #13b1e3; color: #fff; } .popup-window-button-link, .popup-window-button-link-cancel, .popup-window-button-link:hover, .popup-window-button-link:active { background: none; -webkit-box-shadow: none; box-shadow: none; } .popup-window-button-link { border-bottom: 1px solid #c0c2c5; border-radius: 0; color: #535c69; cursor: pointer; height: 17px; line-height: 17px; -webkit-transition: border-bottom-color 0.15s linear; -o-transition: border-bottom-color 0.15s linear; transition: border-bottom-color 0.15s linear; padding: 0; } .popup-window-button-link:hover, .popup-window-button-link:active { border-bottom-color: #535c69; color: #535c69; line-height: 17px; height: 17px; } .popup-window-button-link-cancel { color: #f1361b; border-bottom-color: #ffb4a9; } .popup-window-button.popup-window-button-link-cancel:hover, .popup-window-button.popup-window-button-link-cancel:active { border-bottom-color: #f1361b; color: #f1361b; } .popup-window-button-disable { cursor: default; opacity: 0.3; } .popup-window-titlebar { height: 49px; } .popup-window-titlebar-text, .popup-window-titlebar-text-version { -webkit-box-sizing: border-box; box-sizing: border-box; color: #80868e; display: inline-block; font-size: 14px; font-weight: var(--ui-font-weight-bold); max-width: 100%; line-height: 49px; overflow: hidden; padding: 0 30px 0 4px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .popup-window-titlebar-text-version { font-weight: normal; font-size: 13px; padding-left: 0; } .popup-window-content { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: var(--popup-window-content-border-radius); scrollbar-width: thin; scrollbar-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2)); } .popup-window-content::-webkit-scrollbar { width: 12px; } .popup-window-content::-webkit-scrollbar-track { background-color: var(--popup-window-scrollbar-track-background, rgba(82, 92, 105, 0.05)); margin: 8px 0; border-right: 4px solid transparent; border-left: 4px solid transparent; background-clip: content-box; } .popup-window-content::-webkit-scrollbar-thumb { background-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2)); margin: 8px 0; border-right: 4px solid transparent; border-left: 4px solid transparent; background-clip: content-box; } .popup-window-content::-webkit-scrollbar-thumb:hover { background-color: var(--popup-window-scrollbar-thumb-hover-background, rgba(82, 92, 105, 0.5)); } .popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content { background-color: #eef2f4; } .popup-window-content-white .popup-window-content { background-color: #fff; } .popup-window-with-titlebar .popup-window-content { padding: 20px; } .popup-window-close-icon { cursor: pointer; height: 27px; outline: none; opacity: 0.5; position: absolute; right: 3px; top: 5px; width: 27px; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .popup-window-close-icon:after { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 10px; height: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23828b95'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; content: ""; } .popup-window-close-icon.--large:after { width: 12px; height: 12px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23828b95'/%3E%3C/svg%3E"); } .popup-window-close-icon.--large { top: 10px; right: 10px; } .popup-window-close-icon.popup-window-titlebar-close-icon.--large, .popup-window-titlebar-close-icon { top: 10px; right: 7px; } .popup-window-close-icon:hover { opacity: 1; } .popup-window-angly { display: none; height: 22px; position: absolute; overflow: hidden; width: 33px; pointer-events: none; } .popup-window-angly--arrow { background-color: #fff; -webkit-box-shadow: 0 0 21px rgba(83, 92, 105, .13); box-shadow: 0 0 21px rgba(83, 92, 105, .13); content: ''; height: 15px; position: absolute; left: 9px; top: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 15px; } .popup-window-angly-top { display: block; left: 10px; margin: 0; top: -22px; } .popup-window-angly-top .popup-window-angly--arrow { } .popup-window-angly-right { display: block; right: -17px; top: 10px; height: 30px; width: 17px; } .popup-window-angly-right .popup-window-angly--arrow { left: -9px; top: 8px; } .popup-window-angly-bottom { bottom: -20px; display: block; height: 20px; margin-left: 10px; } .popup-window-angly-bottom .popup-window-angly--arrow { top: -9px; } .popup-window-angly-left { display: block; left: -14px; top: 10px; height: 30px; width: 14px; } .popup-window-angly-left .popup-window-angly--arrow { left: 8px; top: 8px; } .popup-window-overlay { position: absolute; top: 0; left: 0; display: none; background: #333; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .popup-window-resize { opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; position: absolute; right: 2px; bottom: 2px; width: 12px; height: 12px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADBJREFUGBljYMADLl269B+PNESKNopwmoosgcxGcSeyBDKbKEUoGpA5uNgoplKNAwBv1DPc646T+wAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center; cursor: nwse-resize; } .popup-window:hover .popup-window-resize { opacity: 1; } /* Menu Popup */ .menu-popup { padding: 8px 0; } .menu-popup-title { margin: 0 0 7px 0; padding: 0 0 0 4px; color: #4c4c4c; white-space: nowrap; font: normal normal normal 12px/normal var(--ui-font-family-primary, var(--ui-font-family-helvetica)); } .menu-popup .menu-popup-item { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; height: 36px; position: relative; text-decoration: none; outline: none; white-space: nowrap; } /* A super hack for legacy code which directly reads and writes menu-popup-item.style.display */ .menu-popup .menu-popup-item[style*="block"] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .menu-popup .menu-popup-item-disabled { pointer-events: none; opacity: 0.4; cursor: default; } .menu-popup .menu-popup-item-disabled .main-ui-loader-svg-circle { stroke: #4a4e53; stroke-width: 3; } .menu-popup-item-icon { display: inline-block; height: 16px; margin-left: 15px; vertical-align: middle; width: 19px; } .menu-popup-item-text { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #525c68; line-height: 36px; padding: 0 15px 0 9px; text-decoration: none; vertical-align: middle; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } /* A temporary hack for the custom menu separators */ .menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label .menu-popup-item-text span { top: -10px !important; } .menu-popup-item-text .tariff-lock { margin: 0 5px 2px 5px; vertical-align: middle; } .popup-window-fixed-width .menu-popup-item-text { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu-popup-no-icon .menu-popup-item-text { padding: 0 15px; } .menu-popup-item-submenu .menu-popup-item-text { padding-right: 28px; } .menu-popup-item:hover, .menu-popup-item.menu-popup-item-open { background-color: #f5f5f6; } .menu-popup-item:hover .menu-popup-item-text { color: #3b434f; } .menu-popup-item.menu-popup-item-disabled:hover { background: initial; } .menu-popup-item-submenu:after { position: absolute; right: 11px; top: 50%; margin-top: -4px; width: 6px; height: 9px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tLjAxIDEuMTg3bDIuOTIyIDIuOTItMi45MiAyLjkyMyAxLjE3MyAxLjE3MyAyLjkyLTIuOTJMNS4yNiA0LjEwNyAxLjE2NC4wMTMiIGZpbGw9IiNBOEFCQjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==); background-size: cover; content: ""; } .bx-admin-submenu-opened { background: #f0f0f0 !important; border-radius: 3px; } .menu-popup-no-icon .menu-popup-item-icon { display: none; } .menu-popup-item-view .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.37 0a6.37 6.37 0 015.326 9.861l3.309 3.307c.392.392.39 1.03.005 1.415l-.427.427c-.39.389-1.025.384-1.415-.005l-3.307-3.309A6.37 6.37 0 118.369 0zm0 1.82a4.55 4.55 0 100 9.098 4.55 4.55 0 000-9.098z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-edit .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M14.42 1l2.55 2.577-9.978 9.951-2.55-2.577L14.418 1zM3.008 14.638a.267.267 0 00.067.255c.067.067.164.093.255.067l2.851-.768-2.405-2.405-.768 2.85z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-create .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.978 0v6h6.064v2.948l-6.064-.001v6.043H6l-.001-6.043H0V6h5.999L6 0h2.978z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-create-quick .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.39 8.032v3l3.01.002v2l-3.01-.001v3.003h-2v-3.003h-3.005v-2h3.006V8.032h2zM12.23 0L6.77 6.044h5.46l-8.865 9.409L6.77 8.744H2L5.009 0h7.22z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-take .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-begin .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.632 1a7.632 7.632 0 110 15.265A7.632 7.632 0 019.632 1zm0 1.752a5.88 5.88 0 100 11.761 5.88 5.88 0 000-11.761zM8.296 5.119a.7.7 0 01.375.11l4.418 2.806a.7.7 0 010 1.182L8.67 12.024a.7.7 0 01-1.075-.59V5.818a.7.7 0 01.7-.7z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-decline .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M6.161 2l.017 2.83h2.138a4.433 4.433 0 014.433 4.434v.129a4.433 4.433 0 01-4.433 4.433H4.91c-.24 0-.474-.019-.702-.055v-1.949h3.908l.163-.005a2.48 2.48 0 002.317-2.475l-.005-.163A2.48 2.48 0 008.116 6.86H6.19l.017 3.048L2 5.932 6.161 2zm10.043 1.887v9.662h-2.008V3.887h2.008z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-reopen .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.514 2a6.508 6.508 0 015.42 2.899l1.794-1.796v5.681h-5.68l2.238-2.238a4.254 4.254 0 10-3.772 6.222l.146-.005-.173 2.264-.207-.004A6.514 6.514 0 019.514 2z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-complete .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4 2h11.648L13.1 6.015l2.548 4.016-9.661-.001v4.963H4V2z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-hold .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8 2v12H5V2h3zm5.986 0v12h-3V2h3z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-accept .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-remake .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.246 8.07l1.398 2.234a2 2 0 01-1.695 3.06l-3.038-.001v2.439L8.56 12.45l3.352-3.352-.001 2.065 2.676.001-1.247-1.993 1.906-1.101zM5.58 5.71l1.227 4.578L4.849 9.16l-1.253 2.005h3.056v2.2H3.236a2 2 0 01-1.695-3.06L2.944 8.06 1 6.936 5.579 5.71zM10.153.304a2 2 0 01.635.635l1.746 2.791L14.5 2.597l-1.227 4.578L8.694 5.95l1.933-1.117-1.535-2.455L7.6 4.761l-1.906-1.1L7.397.94a2 2 0 012.756-.635z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-delete .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.406 3.889l-3.8 3.8 3.841 3.841-1.867 1.867-3.841-3.842-3.826 3.828-1.887-1.886L7.853 7.67l-3.8-3.8L5.92 2.003l3.8 3.8 3.8-3.8z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-copy .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4.898 9.472V3.094c0-.108.088-.196.196-.196h6.378c.107 0 .195.088.195.196V3.4h1.899v-1.76a.642.642 0 00-.64-.641H3.64a.642.642 0 00-.64.64v9.285c0 .353.288.64.64.64h1.655V9.668h-.201a.196.196 0 01-.196-.195zm10.223 3.442a.208.208 0 01-.207.207H8.161a.208.208 0 01-.207-.207V6.161c0-.113.094-.207.207-.207h6.753c.114 0 .207.094.207.207v6.753zm1.148-8.86H6.713a.66.66 0 00-.659.66v9.555a.66.66 0 00.66.659h9.555a.661.661 0 00.659-.66V4.714a.66.66 0 00-.66-.659z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-delegate .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M10.283 2.73c-.485-.8 3.605-1.466 3.877.984a7.774 7.774 0 010 2.227s.611-.073.203 1.137c0 0-.225.87-.57.675 0 0 .056 1.1-.487 1.287 0 0 .04.586.04.625l.453.07s-.014.49.077.542c.414.279.868.49 1.345.626 1.41.372 2.126 1.012 2.126 1.571l.388 2.55H5.908s.079-1.256.293-2.127c.215-.87 1.42-1.516 2.53-2.013.575-.258.7-.412 1.278-.676a2.04 2.04 0 00.039-.487l.491-.06s.065.122-.039-.597c0 0-.552-.15-.578-1.294 0 0-.415.143-.44-.55-.018-.47-.372-.878.137-1.216l-.26-.72s-.272-2.78.924-2.555zm-7.307.929l4.167 4.168-4.167 4.167-.001-3.001H0v-2h2.975V3.659z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-add-to-tm .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M12.293 1.542a7.494 7.494 0 014.696 6.952 7.348 7.348 0 01-7.196 7.49 7.494 7.494 0 112.5-14.442zM5.428 4.587a5.64 5.64 0 004.291 9.543 5.53 5.53 0 005.416-5.636 5.64 5.64 0 00-9.707-3.907zM8.13 9.989V5.417h2v2.572h2.508v2H8.13z'/%3E%3C/svg%3E") no-repeat; } .menu-popup-item-accept-sm .menu-popup-item-icon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='-4 -4 19 16'%3E%3Cpath fill='%232066B0' d='M1.36 3.446L4.013 6.1 10.316 0l1.36 1.36-6.299 6.1-1.364 1.36-1.36-1.36L0 4.806z'/%3E%3C/svg%3E") no-repeat; } .popup-window-button-left, .popup-window-button-right { display: none; } /* ========Popup Window Darken==========*/ .popup-window-dark { background-color: rgba(0, 0, 0, 0.8); border-radius: var(--popup-window-border-radius, 4px); -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17); box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17); } .popup-window-dark .popup-window-content { background-color: transparent; color: #fff; margin: 0; } .popup-window-dark .popup-window-angly--arrow { background-color: rgba(0, 0, 0, 0.8); } .popup-window-dark .popup-window-titlebar-text { color: #fff; } .popup-window-dark .popup-window-close-icon:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23FFF'/%3E%3C/svg%3E"); } .popup-window-dark .popup-window-close-icon.--large:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23FFF'/%3E%3C/svg%3E"); } /*===========TABS==========*/ .popup-window-tabs-box { padding: 10px 0 4px; } .popup-window-tabs { position: relative; padding: 0 20px 0 0; margin: 0; height: 42px; font-size: 0; z-index: 1; } .popup-window-tab { display: inline-block; height: 42px; margin: 0 7px 0 0; padding: 0 12px; border: none; vertical-align: top; font-size: 14px; font-weight: var(--ui-font-weight-bold); font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); line-height: 41px; color: #535c69; background-color: #ecf2f3; text-shadow: none; cursor: pointer; -webkit-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; transition: background-color 0.15s linear; } .popup-window-tab:hover { background-color: #f7f9f9; } .popup-window-tab-selected { position: relative; z-index: 2; padding: 0 11px; background-color: #fff !important; line-height: 40px; border-radius: 2px 2px 0 0; border: 1px solid #c6cdd3; border-bottom: none; cursor: default; } .popup-window-tabs-content { margin: 0; padding: 10px; border: 1px solid #c6cdd3; border-radius: 0 3px 3px; } .popup-window-tab-content { display: none; padding: 20px; background: #eef2f4; } .popup-window-tabs-content-white .popup-window-tab-content { padding: 10px; background: #fff; } .popup-window-tab-content-selected { display: block; } .popup-window-show-animation-opacity { -webkit-animation: popupWindowShowAnimationOpacity 100ms; animation: popupWindowShowAnimationOpacity 100ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes popupWindowShowAnimationOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes popupWindowShowAnimationOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } .popup-window-show-animation-opacity-transform { -webkit-animation: popupWindowShowAnimationOpacityTransform 100ms; animation: popupWindowShowAnimationOpacityTransform 100ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes popupWindowShowAnimationOpacityTransform { 0% { opacity: 0; -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } } @keyframes popupWindowShowAnimationOpacityTransform { 0% { opacity: 0; -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } } .popup-window-close-animation-opacity { -webkit-animation: popupWindowCloseAnimationOpacity 150ms; animation: popupWindowCloseAnimationOpacity 150ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes popupWindowCloseAnimationOpacity { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes popupWindowCloseAnimationOpacity { 0% { opacity: 1; } 100% { opacity: 0; } } .popup-window-close-animation-opacity-transform { -webkit-animation: popupWindowCloseAnimationOpacity 150ms; animation: popupWindowCloseAnimationOpacity 150ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes popupWindowCloseAnimationOpacityTransform { 0% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } } @keyframes popupWindowCloseAnimationOpacityTransform { 0% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } } .popup-window-show-animation-scale { -webkit-animation: popup-window-show-animation-scale 400ms; animation: popup-window-show-animation-scale 400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes popup-window-show-animation-scale { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes popup-window-show-animation-scale { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /* /bitrix/js/main/core/css/core_date.css */ .bx-calendar * { box-sizing: content-box; } span.date-interval-hellip { width:20px; display:inline-block; text-align:center;} img.calendar-icon { vertical-align: top; cursor: pointer; width: 17px; height: 18px; margin: 0 0 0 1px; box-sizing: content-box; border: 1px solid transparent; position: relative; } img.calendar-icon-hover { margin: 0; margin-left: 1px; border: 1px solid #aeb6c2; background-color: #dbe3f2 } .bx-calendar {font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color:#000; width:200px;} .bx-calendar-header {margin-top:-2px; padding-bottom:5px;} .bx-calendar-left-arrow, .bx-calendar-right-arrow {background:url("/bitrix/js/main/core/images/calendar-sprite.png") no-repeat; border-radius:4px; display:inline-block; font-size:1px; height:28px; vertical-align:top; width:19px;cursor:pointer;} .bx-calendar-left-arrow:hover, .bx-calendar-right-arrow:hover {background-color:#ededed;} .bx-calendar-left-arrow {background-position:7px -183px; margin-left:-3px; vertical-align:top;} .bx-calendar-right-arrow {background-position:8px -205px;} .bx-calendar-header-content{display:inline-block; text-align:center; width:165px;} .bx-calendar-top-month, .bx-calendar-top-year{background:url("/bitrix/js/main/core/images/calendar-sprite.png") no-repeat right -223px; color:#000!important; border-radius:3px; cursor:pointer; display:inline-block; font-size:16px; line-height:20px; text-decoration:none!important; margin:0 1px; padding:5px 15px 3px 7px;} .bx-calendar-top-month:hover, .bx-calendar-top-year:hover {background-color:#ededed; text-decoration:none;} .bx-calendar-cell-block { overflow: hidden; position: relative; padding-bottom: 5px; } .bx-calendar-cell {display:inline-block; font-size:12px; line-height:15px; height:19px; margin:0 3px 0 2px; padding-top:4px; text-align:center; text-decoration:none; vertical-align:top; width:23px; cursor: pointer;} .bx-calendar-cell {line-height:16px\9} .bx-calendar-cell, .bx-calendar-cell:link, .bx-calendar-cell:active, .bx-calendar-cell:visited {color:#000; } .bx-calendar-cell:hover {background-color:#eee; color:#000; text-decoration:none;} .bx-calendar-name-day {display:inline-block; color:#a9a9a9; font-size:10px; height:13px; margin:0 3px 0 2px; padding-top:0; text-align:center; vertical-align:top; width:23px;} .bx-calendar-range {border-bottom:1px solid #f3f2ed; margin:0 -5px 0 -7px; padding:1px 7px 1px 8px; position:relative; z-index:5;} .bx-calendar-weekend, .bx-calendar-weekend:link, .bx-calendar-weekend:active, .bx-calendar-weekend:visited {color:#d25050; } .bx-calendar-weekend:hover {color:#d25050;} .bx-calendar-date-hidden, .bx-calendar-date-hidden:link, .bx-calendar-date-hidden:active, .bx-calendar-date-hidden:visited {color:#ccc;} .bx-calendar-active {background-color:#dce3ea;} .bx-calendar-active:hover {background-color:#dce3ea;} .bx-calendar-name-day-wrap {background-color:#eee; height:12px; line-height:12px; padding:1px 7px 0 8px; position:relative; margin:0 -5px 3px -7px; z-index:5;} .bx-calendar-range-noline {border:none;} .bx-calendar-set-time-wrap {border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; margin:-5px 3px 0 0; position:relative; text-decoration:none;} .bx-calendar-set-time {cursor:pointer; font-size:11px; color:#b2b2b2!important; display:block; height:14px; margin-right:3px; text-align:center; padding:1px 0 0; text-decoration:none;} .bx-calendar-set-time:hover {color:#8c8c8c!important; text-decoration:none!important;} .bx-calendar-set-time-opened .bx-calendar-set-time {display: none;} .bx-calendar-set-time-opened .bx-calendar-form-block {display: block;} .bx-calendar-buttons-disabled {display: none;} .bx-calendar-set-time-wrap-simple {border-bottom: none;} .bx-calendar-set-time {cursor:pointer; font-size:11px; color:#b2b2b2; height:14px; margin-right:3px; text-align:center; padding:1px 0 0;} .bx-calendar-set-time i {background:url("/bitrix/js/main/core/images/calendar-sprite.png") no-repeat 0 0; height:9px; display:inline-block; margin:2px 3px 0 0; vertical-align:top; width:9px;} .bx-calendar-button-block {padding:9px 0 8px; text-align: center;} .bx-calendar-button {cursor:pointer; text-decoration:none; display:inline-block; vertical-align:top;} .bx-calendar-button-select {margin-right:8px; text-align:right;} .bx-calendar-button-left, .bx-calendar-button-right {background:url("/bitrix/js/main/core/images/calendar-sprite.png") no-repeat; display:inline-block; vertical-align:top; height:23px; width:4px;} .bx-calendar-button-text {background:url("/bitrix/js/main/core/images/calendar-sprite.png") repeat-x 0 -99px; color:#000; display:inline-block; height:19px; font-size:12px; line-height:16px; vertical-align:top; padding:4px 10px 0; } .bx-calendar-button-left {background-position:0 -45px;} .bx-calendar-button-right {background-position:-5px -45px;} .bx-calendar-button:hover .bx-calendar-button-left {background-position:0 -15px;} .bx-calendar-button:hover .bx-calendar-button-right {background-position:-5px -15px;} .bx-calendar-button:hover .bx-calendar-button-text {background-position:0 -74px;} .bx-calendar-button:active .bx-calendar-button-text {background-position:0 -74px;} .bx-calendar-form-block {display:none;} .bx-calendar-form-text {display:inline-block; color:#a6a6a6; font-size:11px; margin-top:10px; padding:0 0 0 5px; vertical-align:top; width:38px;} .bx-calendar-form {display:inline-block; vertical-align:top;} .bx-calendar-form-arrow-l, .bx-calendar-form-arrow-r {display:inline-block; vertical-align:top;} .bx-calendar-form-arrow-l {margin-left:2px;} .bx-calendar-form-arrow-top, .bx-calendar-form-arrow-bottom {display:block; height:17px; width:15px;} .bx-calendar-form-arrow-top {padding-top:4px; height:14px;} .bx-calendar-form-arrow-l .bx-calendar-form-arrow-top, .bx-calendar-form-arrow-l .bx-calendar-form-arrow-bottom {padding-left:5px;} .bx-calendar-form-arrow-r .bx-calendar-form-arrow-top, .bx-calendar-form-arrow-r .bx-calendar-form-arrow-bottom {padding-left:1px; padding-right:5px;} .bx-calendar-form-arrow-top i, .bx-calendar-form-arrow-bottom i {background:url("/bitrix/js/main/core/images/calendar-sprite.png") no-repeat; display:block; height:13px; width:14px;} .bx-calendar-form-arrow-top i {background-position:4px -125px;} .bx-calendar-form-arrow-bottom i {background-position:4px -137px;} .bx-calendar-form-arrow-top:hover i {background-position:4px -275px; background-color:#f2f2f2;} .bx-calendar-form-arrow-bottom:hover i {background-position:4px -286px; background-color:#f2f2f2;} .bx-calendar-form-input { background:#fff; border:1px solid #d1d1d1; box-shadow:inset 1px 1px 0 #f7f7f7; display:inline-block; height:21px; margin-top:6px; font-size:15px; text-align:center; padding:0; vertical-align:top; width:28px; } .bx-calendar-form-separator {background:url("/bitrix/js/main/core/images/calendar-sprite.png") no-repeat 0 -246px; color:#aaa; display:inline-block; height:23px; font-size:14px; font-weight:var(--ui-font-weight-bold); text-align:center; padding-top:7px; vertical-align:top; width:8px;} .bx-calendar-form-close {display:block; font-size:1px; right:-8px; top:0; height:35px; position:absolute; width:20px;} .bx-calendar-form-close i {background:url("/bitrix/js/main/core/images/calendar-sprite.png") no-repeat 4px -151px; display:block; height:15px; margin:10px 0 0; width:15px;} .bx-calendar-form-close:hover i {background-position:4px -169px; background-color:#e8e8e8;} .bx-calendar-AM-PM-block {cursor:pointer; display:inline-block; margin-left:-4px; vertical-align:top;} .bx-calendar-AM-PM-text {display:inline-block; color:#333; margin-top:11px; vertical-align:top; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); font-size:13px; line-height:15px; text-transform:uppercase;} .bx-calendar-AM-PM-block .bx-calendar-form-arrow-r {width:19px;} .bx-calendar-year-popup { font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); margin-top:-2px; padding-bottom:7px; width:45px;} .bx-calendar-month-popup{ font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); margin-top:-2px; padding-bottom:7px; width:85px;} .bx-calendar-year-title, .bx-calendar-month-title {color:#000; font-size:16px; line-height:20px; padding-bottom:5px;} .bx-calendar-year-content, .bx-calendar-month-content {color:#000; border-top:1px solid #e5e5e5; font-size:13px; padding:5px 0 0 2px;} .bx-calendar-year-number, .bx-calendar-month {display:block; border-radius:3px; cursor:pointer; margin:0 0 2px -5px; text-decoration:none!important; padding:2px 0 2px 4px;} .bx-calendar-month, .bx-calendar-month:link, .bx-calendar-month:active, .bx-calendar-month:visited, .bx-calendar-year-number, .bx-calendar-year-number:link, .bx-calendar-year-number:active, .bx-calendar-year-number:visited {color: #000} .bx-calendar-month:hover, .bx-calendar-year-number:hover {background-color:#ededed; text-decoration:none;} .bx-calendar-month-active, .bx-calendar-month-active:link, .bx-calendar-month-active:active, .bx-calendar-month-active:visited, .bx-calendar-year-active, .bx-calendar-year-active:link, .bx-calendar-year-active:active, .bx-calendar-year-active:visited { color: #ca0707; } .bx-calendar-year-input, .bx-calendar-month-input { background:#fff; border:1px solid #b5b5b5; border-radius:2px; box-shadow:inset 2px 2px 1px #ededed; height:19px; margin-top:10px; font-size:16px; text-align:center; width:41px; } .bx-calendar-time-disabled .bx-calendar-button-block, .bx-calendar-time-disabled .bx-calendar-set-time-wrap {display: none;} * html .bx-calendar-month-title, * html .bx-calendar-year-title {margin-top:-2px;} * html .bx-calendar-month-popup, * html .bx-calendar-year-popup {margin-left:-2px;} * + html .bx-calendar-month-title, * + html .bx-calendar-year-title {margin-top:-2px;} * + html .bx-calendar-month-popup, * + html .bx-calendar-year-popup {margin-left:-2px;} * + html .bx-calendar-form-input {padding-top:4px; height:17px;} * html .bx-calendar-button-text {height:23px;} * html .bx-calendar-name-day {padding-top:3px;} * html .bx-calendar-cell {height:23px;} * html .bx-calendar-form-arrow-top, * html .bx-calendar-form-arrow-bottom {font-size:0;} * html .bx-calendar-form-arrow-top, * html .bx-calendar-form-arrow-bottom {width:20px;} * html .bx-calendar-button-text {padding-top:3px;} * html .bx-calendar-left-arrow, * html .bx-calendar-right-arrow {width:17px; margin-left:0;} * html .bx-calendar-form-text {width:46px;} /* /bitrix/js/ui/hint/ui.hint.css */ .ui-hint { display: inline-block; width: 26px; height: 26px; transition: opacity .3s; opacity: .45; text-align: center; cursor: pointer; line-height: 26px; } .ui-hint:hover { opacity: 1; } .ui-hint-icon { display: inline-block; margin: 7px 0 0 0; width: 13px; height: 13px; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cg%20fill%3D%22none%22%20opacity%3D%22.7%22%3E%3Cpath%20fill%3D%22%23525C69%22%20d%3D%22M12.48%206.49C12.48%203.183%209.8.5%206.49.5%203.183.5.5%203.182.5%206.49c0%203.31%202.682%205.99%205.99%205.99%203.31%200%205.99-2.68%205.99-5.99z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.06%204.842c0-.308.098-.62.296-.936.197-.316.486-.578.865-.785.38-.207.823-.31%201.33-.31.47%200%20.884.086%201.244.26.36.173.638.41.834.707.196.298.294.623.294.973%200%20.275-.056.517-.168.724-.11.208-.244.387-.398.538-.154.15-.43.404-.83.76-.11.1-.198.19-.265.266-.065.076-.114.146-.147.21-.032.062-.057.125-.075.19-.018.062-.045.173-.08.332-.062.337-.255.505-.58.505-.168%200-.31-.055-.425-.165-.115-.11-.172-.274-.172-.49%200-.273.043-.51.127-.71.084-.198.196-.373.336-.524.14-.15.327-.33.564-.537.207-.183.357-.32.45-.412.092-.093.17-.195.233-.31.063-.112.095-.236.095-.37%200-.258-.097-.477-.29-.655-.192-.178-.44-.268-.746-.268-.358%200-.62.09-.79.27-.167.18-.31.445-.427.795-.11.367-.32.55-.627.55-.182%200-.335-.064-.46-.192s-.187-.267-.187-.416zm2.372%205.33c-.197%200-.37-.064-.518-.192-.147-.128-.22-.307-.22-.537%200-.205.07-.376.213-.516s.318-.21.525-.21c.205%200%20.376.07.516.21.14.14.21.31.21.516%200%20.227-.074.405-.22.535-.146.13-.314.194-.506.194z%22/%3E%3C/g%3E%3C/svg%3E'); background-repeat: no-repeat; } .ui-hint-content { display: block; margin: 7px; max-width: 400px; } .ui-hint-popup { pointer-events: none; } .ui-hint-popup-interactivity { pointer-events: auto; } .ui-hint-popup.popup-window-dark .popup-window-content a { color: #fff; text-decoration: underline; transition: text-decoration 0.15s linear; } .ui-hint-popup.popup-window-dark .popup-window-content a:hover { text-decoration: none; } /* /bitrix/js/arturgolubev.cssinliner/video/style.min.css */ .ag-yt-ll{max-width:100%;width:100%;position:relative!important;overflow:hidden;cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none}.ag-yt-ll-img{position:absolute;top:0;left:0;height:100%!important;width:100%!important;display:block;z-index:2;background-repeat:no-repeat;background-position:center center;background-size:cover}.ag-yt-ll-playbtn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 110'%3E%3Cpath fill='rgba(0,0,0,.65)' d='m154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8-12.3-3.2-61.5-3.2-61.5-3.2s-48.3-0.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14-3.3 12.2-3 37.5-3 37.5s-0.3 25.3 3 37.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3 0.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='63.9 79.2 103.2 55 63.9 30.8'/%3E%3C/svg%3E");background-position:50%;background-size:calc(35px + 10%) auto;background-repeat:no-repeat}.ag-yt-ll-playbtn:hover{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 110'%3E%3Cpath fill='red' d='m154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8-12.3-3.2-61.5-3.2-61.5-3.2s-48.3-0.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14-3.3 12.2-3 37.5-3 37.5s-0.3 25.3 3 37.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3 0.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='63.9 79.2 103.2 55 63.9 30.8'/%3E%3C/svg%3E")}.ag-yt-ll iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0;z-index:4;border:0} /* /bitrix/js/webdebug.seo/extensions/wdseopopup/wdseopopup.min.css */ .wdseopopup_no_select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wdseopopup_html_noscroll{overflow:hidden!important}.wdseopopup_blur_animate{filter:blur(0)}.wdseopopup_blur{filter:blur(2px)}.wdseopopup_base_container{position:fixed;top:0;right:0;bottom:0;left:0}.wdseopopup_base_container:empty{display:none}.wdseopopup_base_container *{box-sizing:border-box;touch-action:manipulation}.wdseopopup_instance{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.wdseopopup_overlay{background:rgba(0,0,0,0.75);height:100%;overflow:auto;text-align:center;width:100%;white-space:nowrap}.wdseopopup_overlay.wdseopopup_in{overflow:hidden}.wdseopopup_overlay:after{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle}.wdseopopup_window{display:inline-block;max-width:100%;text-align:left;vertical-align:middle;white-space:normal}.wdseopopup_maximized{max-height:100%;max-width:100%;min-height:100%;min-width:100%;height:100%;width:100%;padding:0!important}.wdseopopup_window_font{font:normal 100% Arial,Helvetica,sans-serif}.wdseopopup_inner{background:#fff;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,0.4);height:100%;padding:15px;width:100%}.wdseopopup_layout{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.wdseopopup_layout > div:empty{display:none}.wdseopopup_header{display:flex;margin-bottom:15px}.wdseopopup_header_hidden{height:0;margin-bottom:0}.wdseopopup_title{border-bottom:1px solid silver;flex:1;font-size:110%;line-height:22px;min-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wdseopopup_header_empty .wdseopopup_title{visibility:hidden}.wdseopopup_subtitle{border-bottom:1px solid #ddd;padding-bottom:7px;margin-bottom:10px}.wdseopopup_controls{margin-left:15px;user-select:none}.wdseopopup_hide_controls .wdseopopup_controls{opacity:0;transition:opacity 400ms;z-index:-1}.wdseopopup_header_hidden .wdseopopup_controls{position:relative;top:-23px;right:-20px}.wdseopopup_touch_y .wdseopopup_hide_controls .wdseopopup_controls{opacity:1;transition:none;z-index:100}.wdseopopup_hide_controls:hover .wdseopopup_controls{opacity:1;z-index:100}.wdseopopup_controls > button{background-color:#fff;border:none;cursor:pointer;font-size:20px;height:28px;margin:0 0 0 4px;outline:0;padding:0;position:relative;transition:border-color 150ms,box-shadow 150ms;vertical-align:middle;width:28px}.wdseopopup_controls > button:first-child{margin-left:0}.wdseopopup_touch_n .wdseopopup_controls > button:hover{border-color:#bbb;box-shadow:0 0 5px 0 rgba(0,0,0,0.3)}.wdseopopup_control_fullscreen{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAR0lEQVR42mNgGAzgP4UYQlBgOdEG1KPbTI4L6ik1ANkQBkrCoB6bAQ2UBuJ/MgzBMIBUQ7AaQIoh1EtIFCVlYvIJVTMXCgAA8OxNs2xYzHUAAAAASUVORK5CYII=) center center no-repeat}.wdseopopup_control_maximize{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVR42mNgOMLwHwoPM8DAUWSx/3B4CK7gMJIohMABqKTgMJLd6ACfHF3BUaQQRAdHYCFJ44D6jzc2/yPHHLbYPAwAPPNLBTaLz3sAAAAASUVORK5CYII=) center center no-repeat}.wdseopopup_control_close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAoElEQVR42s1SWwqDMBDMdexJqjFqpeeP2kv4+rAb2cCwbGP658JAcB7qbIy50xQET3AJTcOaQiNHwkFYCa3Cd8wFzWAuBBuhB67nZ6kXnBM+f4GQNyOaA1dfdWEhZGeE80yocgst2XCA+fnPRhz0Ef+7yTXXYF7F2eWYF9F2CyHJEq3YQAecDLFagAfz68c9iev0WsCD8BEXSAuZWHuT+QKmakRxuUuIngAAAABJRU5ErkJggg==) center center no-repeat}.wdseopopup_content{display:block!important;flex:1;min-width:100px;min-height:10px;overflow:auto;position:relative}.wdseopopup_touch_y .wdseopopup_gallery .wdseopopup_content{margin-left:-10px;margin-right:-10px}.wdseopopup_content.wdseopopup_center{text-align:center}.wdseopopup_buttons{margin-top:10px;text-align:center;user-select:none}.wdseopopup_button{cursor:pointer;height:26px;margin:0 4px}.wdseopopup_nav{user-select:none}.wdseopopup_thumbs{text-align:center}.wdseopopup_footer{border-top:1px solid silver;font-size:90%;margin-top:10px;padding-top:8px}[data-wdseopopup-hidden]{display:none}.wdseopopup_loading{overflow:hidden}.wdseopopup_loading:before{background:rgba(255,2552,255,0.75);content:'';height:100%;filter:blur(2px);left:0;position:absolute;top:0;width:100%;z-index:1000}.wdseopopup_loading:after{background:url(data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==) center center no-repeat;content:'';height:100%;filter:none;left:0;position:absolute;top:0;width:100%;z-index:1000}.wdseopopup_loading_error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAGNElEQVR42u3d3W5bRRiG0ddyUgenRBCOyP1fW89qiEvSGMUyBx6LAKoU6r33bM+sJVVUUCE6nu/x+KfMVYBuXVkCEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAICaAbhOsk6ySrJMsrDM8N0OSfZJdkmekrzONQCLJHdJbj1mMOhcXZUftyUC2xKG2QRgkeS+POsD47ktc7sZIgJDBeDO8MNkVmXmHucQgGvHfqhyEjj7PYEhArD2WEAV6/J+QNUAOPpDHTdzCMDS4wBVnD17QwTA5/xQx2IOAQAulACAAAACAAgAIACAAAACMJ5PHgY69uAEAAgAIACAAAACAAgAIACAAAACAAgAIACAAAACAAgAIABAJwG4zvHKpFWOFye4t4BzHJLsk+wywF18AjCeRY43prqolKH31VX5cbqQc5sBruYWgGEfpPu4p5Dx3Za52bQQgVYCcGf4mdCq7LlHAZjHa37HfmqcBC7+PYEWArC2F6m497YCUP84BjXcCEB9S/sQe6/fAPicH3uv4wAAAgAIACAAgAAAAgAIACAA//LJEnTtQQAAAQAEABAAQAAAAQAEABAAQAAAAQAEABAAQAAAAQAEABAAOrDM8cqsVf6+OGOfZJfkufwcAaBBPyb5mP9emLFM8qH8s6dc+HVaAgD/tEjyU5If3vHrPuZ4o/MmycHSCQCXP/w/53hR5nutkvyS5LMICMAcNrBNON3wn3xIcu8kIAC1eSaafvidBARgNj7YhFWG3/oLgAh0PvzWXwBEoPPht/4CIAKdD7/1FwAR6Hz4rb8AiEDnw2/9BUAEOh9+6y8AItD58Ft/ARCBzodfBARABDoffhEQAJuw8+EXAQGwCTsffhEQAJuw8+EXAQGY1SZs5Y+yjjn8u/LXlfUXgNa08EdZxxz+P8uApgzryvoLgJcD/Qz/2zXZjBQBLwcEQARmPvwpPxcBARCBDodfBARABDoffhEQABHofPhFQABEoMHh3+X/fxwnAgIwG7u0/Tn1YqRB+97hnyoCvicgAO8y1iacw+fUp2f+uQ3/FBHwPQEB6Po4Ordjv5cDAiAChl8EBEAEDL8ICIAIGH4REAARMPwiIAAiYPhFQABEoPfhn3r9BYBqm/DcL6vM9Us+l7T+AkC1TXjOl1VaH/6p1l8AuLiXA70M/xTrLwBcVAR6G34REAAR6Hz4RUAAuo9A78MvAgLQbQQMvwgIQKcRiOEXAQHoMwKnz6nH2OAvSX7LZX8bTgQEoOlNONam3jUw/CIgADZhZ8d+ERAAm9Dwi4AA2ISGXwQEwCY0/CIgADah4RcBAbAJDb8ICIBN2Pvwi4AAdL0JDb8ICECnm7CFb/iJgADYhIZfBATAJjT8IiAANqHhFwEBsAkNvwgIgE1o+Adb/18FgEuMgOEfZv29BODiIvA1ye82MALQTgQ+J7lLcpvj/wPwW7/uS5I/LBkC0J5tkqck63IaWJa//5rjt/u+JtlbJgSgXfvyLP/FUiAAgAAAAgAIACAAgAAAAgAIACAAgAAAAgAIACAAgACAAAAC0LEHS4AAAAIACAAgAIAAAAIACAAgALNxyLdv0oGx954AVLZ3kqHi3hOAynYCQCUvAlDfU44XasLUngWgvlcRoNITz6sAzMO2/F5W9iUTvezctvAbaSUAhySbJHdOAkzwzL9NA58AtBSAUwQeywO0TnKTZBkfEXL+vtrn+IbfcwvH/lYD8PY9gW0rRzQQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAQAAAAajkwcMATgCAAAACAAgAIACAAAACAMwmAIe4fANqOMwhAHsnCahiP4cA7AQAqniZQwBczQ11PM8hAK8iAJN7ygAXlQ51dN+Wf9fK4wKj22Wgy2+HCsAhySbJnZMAjP7Mv80AnwAMGYBTBB7Lf+A6yU2SZXxECOfO1T7HN/yehzj2jxWAt+8JbIc6ogDj8fEdCAAgAIAAAAIACAAgAIAAAAIACAAgAIAAAAIACAAgAIAAAAIACAAgAIAAAAIACAAgAIAAAAIACAAgAIAAAAIACAAgAMC7/QXq4BowGBxNuQAAAABJRU5ErkJggg==) center center no-repeat}.wdseopopup_image_wrapper{height:100%;text-align:center;width:100%}.wdseopopup_image_wrapper > img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}.wdseopopup_image_wrapper:after{content:'';display:inline-block;height:100%;vertical-align:middle}.wdseopopup_iframe_wrapper{height:100%;overflow:hidden;width:100%}.wdseopopup_touch_y .wdseopopup_iframe_wrapper{padding:40px 0}.wdseopopup_content iframe{border:0;height:100%;font-size:0;vertical-align:middle;width:100%}[data-wdseopopup-hidden] iframe{display:block}.wdseopopup_more_space .wdseopopup_inner{padding:20px}.wdseopopup_more_space .wdseopopup_content{margin-bottom:20px}.wdseopopup_more_space .wdseopopup_footer{margin-top:15px;padding-top:15px}.wdseopopup_more_space .wdseopopup_header_hidden .wdseopopup_controls{top:-20px;right:-20px}.wdseopopup_more_space .wdseopopup_header_hidden .wdseopopup_controls:hover{z-index:1}.wdseopopup_gallery .wdseopopup_title{border-bottom:0}.wdseopopup_gallery .wdseopopup_arrows{margin-top:0;text-align:center}.wdseopopup_gallery .wdseopopup_nav{overflow:auto;text-align:center}.wdseopopup_gallery .wdseopopup_thumbs{display:inline-block;padding-bottom:8px;position:relative;white-space:nowrap}.wdseopopup_gallery .wdseopopup_thumbs > button{background:#fff;border:0;height:14px;margin:8px 2px 0;outline:0;padding:0;vertical-align:middle;width:14px}.wdseopopup_touch_y .wdseopopup_gallery .wdseopopup_thumbs > button{height:22px;width:22px}.wdseopopup_gallery .wdseopopup_thumbs > button > span{background-color:#999;border:1px solid #999;cursor:pointer;display:block;height:100%;font-size:0;overflow:hidden;text-indent:-1000px;transition:150ms;width:100%}.wdseopopup_touch_y .wdseopopup_gallery .wdseopopup_thumbs > button > span{border-width:2px}.wdseopopup_gallery .wdseopopup_thumbs > button.active span,.wdseopopup_touch_n .wdseopopup_gallery .wdseopopup_thumbs > button > span:hover,.wdseopopup_touch_y .wdseopopup_gallery .wdseopopup_thumbs > button > span:active{background-color:#fff}.wdseopopup_gallery_container{height:100%;position:relative;width:100%}.wdseopopup_carousel{height:100%;-webkit-tap-highlight-color:transparent}.wdseopopup_carousel_outer{height:100%;overflow:hidden}.wdseopopup_carousel_stage{height:100%;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;backface-visibility:hidden}.wdseopopup_carousel_dots{display:none}.wdseopopup_carousel_nav{display:none}.wdseopopup_carousel_prev,.wdseopopup_carousel_next{background-color:#666;border:0;color:#fff;cursor:pointer;font-size:20px;height:70px;margin-top:-35px;opacity:.75;outline:0;position:absolute;top:50%;transition:250ms;width:40px;z-index:100}.wdseopopup_touch_n .wdseopopup_carousel_prev:hover,.wdseopopup_touch_n .wdseopopup_carousel_next:hover,.wdseopopup_touch_y .wdseopopup_carousel_prev:active,.wdseopopup_touch_y .wdseopopup_carousel_next:active{background-color:#333}.wdseopopup_carousel_prev{left:-10px}.wdseopopup_carousel_next{right:-10px}.wdseopopup_touch_y .wdseopopup_carousel_prev,.wdseopopup_touch_y .wdseopopup_carousel_next{display:none}.wdseopopup_touch_y .arrows_touch_visible .wdseopopup_carousel_prev,.wdseopopup_touch_y .arrows_touch_visible .wdseopopup_carousel_next{display:block}.wdseopopup_carousel_prev:before,.wdseopopup_carousel_next:before{content:'';position:absolute;top:-25px;bottom:-25px}.wdseopopup_carousel_prev:before{left:0;right:-25px}.wdseopopup_carousel_next:before{left:-25px;right:0}.wdseopopup_carousel_prev.disabled,.wdseopopup_carousel_next.disabled{opacity:0;z-index:-1}.wdseopopup_carousel_prev.disabled:before,.wdseopopup_carousel_next.disabled:before{content:none}.wdseopopup_carousel_grab{cursor:move;cursor:grab}.wdseopopup_carousel_item{float:left;font-size:0;height:100%;text-align:center;white-space:nowrap}.wdseopopup_arrows_outer > button{position:fixed}.wdseopopup_arrows_outer .wdseopopup_carousel_prev{left:0}.wdseopopup_arrows_outer .wdseopopup_carousel_next{right:0}.wdseopopup_arrows_outer .wdseopopup_carousel_prev.disabled,.wdseopopup_arrows_outer .wdseopopup_carousel_next.disabled{cursor:default;z-index:1}.wdseopopup_no_cursor{cursor:none}.wdseopopup_hover.wdseopopup_hover_off .wdseopopup_carousel_prev,.wdseopopup_hover.wdseopopup_hover_off .wdseopopup_carousel_next,.wdseopopup_hover.wdseopopup_hover_off .wdseopopup_controls{opacity:0}.wdseopopup_rounded .wdseopopup_inner{border-radius:10px}.wdseopopup_rounded .wdseopopup_controls > button{border-radius:10px}.wdseopopup_rounded .wdseopopup_carousel_prev{border-top-right-radius:10px;border-bottom-right-radius:10px}.wdseopopup_rounded .wdseopopup_carousel_next{border-top-left-radius:10px;border-bottom-left-radius:10px}.wdseopopup_rounded.wdseopopup_maximized .wdseopopup_inner{border-radius:0}.wdseopopup_rounded.wdseopopup_gallery .wdseopopup_thumbs > button > span{border-radius:50px}@keyframes wdseopopup_default_in{0%{opacity:.25;transform:scale(0.75)}100%{opacity:1;transform:scale(1)}}@keyframes wdseopopup_default_out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@keyframes wdseopopup_opacity_in{0%{opacity:.25}100%{opacity:1}}@keyframes wdseopopup_opacity_out{0%{opacity:1}100%{opacity:0}}@keyframes wdseopopup_custom_newspaper_in{0%{transform:scale(0.25) rotate(0)}100%{transform:scale(1) rotate(360deg)}}@keyframes wdseopopup_custom_newspaper_out{0%{transform:scale(1) rotate(360deg)}100%{transform:scale(0.25) rotate(0)}}@keyframes wdseopopup_custom_lunge_in{0%{transform:scale(0.25) translateY(-100%)}100%{transform:scale(1) translateY(0)}}@keyframes wdseopopup_custom_lunge_out{0%{transform:scale(1) translateY(0)}100%{transform:scale(0.25) translateY(-100%)}}@keyframes wdseopopup_custom_horizontal_in{0%{transform:translateX(-20%)}100%{transform:translateX(0)}}@keyframes wdseopopup_custom_horizontal_out{0%{transform:translateX()}100%{transform:translateX(20%)}}@keyframes wdseopopup_custom_vertical_in{0%{transform:translateY(-20%)}100%{transform:translateY(0)}}@keyframes wdseopopup_custom_vertical_out{0%{transform:translateY()}100%{transform:translateY(20%)}}@keyframes wdseopopup_custom_zoomout_in{0%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes wdseopopup_custom_zoomout_out{0%{transform:scale(1)}100%{transform:scale(1.25)}}@keyframes wdseopopup_custom_skew_in{0%{transform:skew(10deg,10deg)}33%{transform:skew(-10deg,-10deg)}66%{transform:skew(5deg,5deg)}100%{transform:skew(0deg,0deg)}}@keyframes wdseopopup_custom_skew_out{0%{transform:scale(1)}100%{transform:scale(1.25)}} /* /bitrix/js/webdebug.seo/extensions/jquery.scrollbar/jquery.scrollbar.min.css */ .scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scroll-wrapper > .scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scroll-wrapper > .scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-element .scroll-bar,.scroll-element .scroll-arrow{cursor:default}.scroll-textarea{border:1px solid #ccc;border-top-color:#999}.scroll-textarea > .scroll-content{overflow:hidden!important}.scroll-textarea > .scroll-content > textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;outline:none;padding:2px;position:relative!important;top:0;width:100%!important}.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{height:0;width:0}.scrollbar-inner > .scroll-element,.scrollbar-inner > .scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-inner > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-inner > .scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}.scrollbar-inner > .scroll-element.scroll-y{height:100%;right:2px;top:0;width:8px}.scrollbar-inner > .scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-inner > .scroll-element .scroll-element_outer,.scrollbar-inner > .scroll-element .scroll-element_track,.scrollbar-inner > .scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.scrollbar-inner > .scroll-element .scroll-element_track,.scrollbar-inner > .scroll-element .scroll-bar{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);opacity:.4}.scrollbar-inner > .scroll-element .scroll-element_track{background-color:#e0e0e0}.scrollbar-inner > .scroll-element .scroll-bar{background-color:#c2c2c2}.scrollbar-inner > .scroll-element:hover .scroll-bar{background-color:#919191}.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}.scrollbar-outer > .scroll-element,.scrollbar-outer > .scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-outer > .scroll-element{background-color:#fff}.scrollbar-outer > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-outer > .scroll-element.scroll-x{bottom:0;height:12px;left:0;width:100%}.scrollbar-outer > .scroll-element.scroll-y{height:100%;right:0;top:0;width:12px}.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer{height:8px;top:2px}.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer{left:2px;width:8px}.scrollbar-outer > .scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-outer > .scroll-element .scroll-element_track{background-color:#eee}.scrollbar-outer > .scroll-element .scroll-element_outer,.scrollbar-outer > .scroll-element .scroll-element_track,.scrollbar-outer > .scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.scrollbar-outer > .scroll-element .scroll-bar{background-color:#d9d9d9}.scrollbar-outer > .scroll-element .scroll-bar:hover{background-color:#c2c2c2}.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-outer > .scroll-content.scroll-scrolly_visible{left:-12px;margin-left:12px}.scrollbar-outer > .scroll-content.scroll-scrollx_visible{top:-12px;margin-top:12px}.scrollbar-outer > .scroll-element.scroll-x .scroll-bar{min-width:10px}.scrollbar-outer > .scroll-element.scroll-y .scroll-bar{min-height:10px}.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-14px}.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-14px}.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-14px}.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-14px}.scrollbar-macosx > .scroll-element,.scrollbar-macosx > .scroll-element div{background:none;border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-macosx > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-macosx > .scroll-element .scroll-element_track{display:none}.scrollbar-macosx > .scroll-element .scroll-bar{background-color:#6C6E71;display:block;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear}.scrollbar-macosx:hover > .scroll-element .scroll-bar,.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);opacity:.7}.scrollbar-macosx > .scroll-element.scroll-x{bottom:0;height:0;left:0;min-width:100%;overflow:visible;width:100%}.scrollbar-macosx > .scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:0}.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar{height:7px;min-width:10px;top:-9px}.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar{left:-9px;min-height:10px;width:7px}.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer{left:2px}.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer{top:2px}.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-light > .scroll-element,.scrollbar-light > .scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-light > .scroll-element{background-color:#fff}.scrollbar-light > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-light > .scroll-element .scroll-element_outer{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light > .scroll-element .scroll-element_size{background:#dbdbdb;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#dbdbdb),color-stop(100%,#e8e8e8));background:-webkit-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);background:-o-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);background:-ms-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);background:linear-gradient(to right,#dbdbdb 0%,#e8e8e8 100%);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light > .scroll-element.scroll-x{bottom:0;height:17px;left:0;min-width:100%;width:100%}.scrollbar-light > .scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:17px}.scrollbar-light > .scroll-element .scroll-bar{background:#fefefe;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#fefefe),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);background:-o-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);background:-ms-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);background:linear-gradient(to right,#fefefe 0%,#f5f5f5 100%);border:1px solid #dbdbdb;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light > .scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.scrollbar-light > .scroll-content.scroll-scrollx_visible{top:-17px;margin-top:17px}.scrollbar-light > .scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:0}.scrollbar-light > .scroll-element.scroll-y .scroll-bar{left:0;min-height:10px;width:10px}.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer{height:12px;left:2px;top:2px}.scrollbar-light > .scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer{left:2px;top:2px;width:12px}.scrollbar-light > .scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-19px}.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-19px}.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-19px}.scrollbar-rail > .scroll-element,.scrollbar-rail > .scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-rail > .scroll-element{background-color:#fff}.scrollbar-rail > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-rail > .scroll-element .scroll-element_size{background-color:#999;background-color:rgba(0,0,0,0.3)}.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:#666;background-color:rgba(0,0,0,0.5)}.scrollbar-rail > .scroll-element.scroll-x{bottom:0;height:12px;left:0;min-width:100%;padding:3px 0 2px;width:100%}.scrollbar-rail > .scroll-element.scroll-y{height:100%;min-height:100%;padding:0 2px 0 3px;right:0;top:0;width:12px}.scrollbar-rail > .scroll-element .scroll-bar{background-color:#d0b9a0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,0.5)}.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar{box-shadow:1px 1px 3px rgba(0,0,0,0.6)}.scrollbar-rail > .scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.scrollbar-rail > .scroll-content.scroll-scrollx_visible{margin-top:17px;top:-17px}.scrollbar-rail > .scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:1px}.scrollbar-rail > .scroll-element.scroll-y .scroll-bar{left:1px;min-height:10px;width:10px}.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer{height:15px;left:5px}.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size{height:2px;left:-10px;top:5px}.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer{top:5px;width:15px}.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size{left:5px;top:-10px;width:2px}.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-25px}.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-25px}.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-25px}.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-25px}.scrollbar-dynamic > .scroll-element,.scrollbar-dynamic > .scroll-element div{background:none;border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-dynamic > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-dynamic > .scroll-element.scroll-x{bottom:2px;height:7px;left:0;min-width:100%;width:100%}.scrollbar-dynamic > .scroll-element.scroll-y{height:100%;min-height:100%;right:2px;top:0;width:7px}.scrollbar-dynamic > .scroll-element .scroll-element_outer{opacity:.3;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.scrollbar-dynamic > .scroll-element .scroll-element_size{background-color:#ccc;opacity:0;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s}.scrollbar-dynamic > .scroll-element .scroll-bar{background-color:#6c6e71;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar{bottom:0;height:7px;min-width:24px;top:auto}.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar{left:auto;min-height:24px;right:0;width:7px}.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer{bottom:0;top:auto;left:2px;-webkit-transition:height .2s;-moz-transition:height .2s;-o-transition:height .2s;-ms-transition:height .2s;transition:height .2s}.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer{left:auto;right:0;top:2px;-webkit-transition:width .2s;-moz-transition:width .2s;-o-transition:width .2s;-ms-transition:width .2s;transition:width .2s}.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer{overflow:hidden;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);opacity:.7}.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size{opacity:1}.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar{height:100%;width:100%;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer{height:20px;min-height:7px}.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer{min-width:7px;width:20px}.scrollbar-chrome > .scroll-element,.scrollbar-chrome > .scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-chrome > .scroll-element{background-color:#fff}.scrollbar-chrome > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-chrome > .scroll-element .scroll-element_track{background:#f1f1f1;border:1px solid #dbdbdb}.scrollbar-chrome > .scroll-element.scroll-x{bottom:0;height:16px;left:0;min-width:100%;width:100%}.scrollbar-chrome > .scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:16px}.scrollbar-chrome > .scroll-element .scroll-bar{background-color:#d9d9d9;border:1px solid #bdbdbd;cursor:default;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.scrollbar-chrome > .scroll-element .scroll-bar:hover{background-color:#c2c2c2;border-color:#a9a9a9}.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar{background-color:#919191;border-color:#7e7e7e}.scrollbar-chrome > .scroll-content.scroll-scrolly_visible{left:-16px;margin-left:16px}.scrollbar-chrome > .scroll-content.scroll-scrollx_visible{top:-16px;margin-top:16px}.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar{height:8px;min-width:10px;top:3px}.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar{left:3px;min-height:10px;width:8px}.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer{border-left:1px solid #dbdbdb}.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track{height:14px;left:-3px}.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size{height:14px;left:-4px}.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer{border-top:1px solid #dbdbdb}.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track{top:-3px;width:14px}.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size{top:-4px;width:14px}.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-19px}.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-19px}.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-19px} /* /local/templates/pck-format/components/bitrix/catalog/pkc/bitrix/catalog.element/.default/style.css */ a.collapsed._btn:after, a._btn:after { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3e%3cpath fill='%23f2b139' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3e%3c/svg%3e"); display: block; position: absolute; height: 16px; width: 16px; right: 0; top: 50%; transform: translate(0,-50%); background-repeat: no-repeat; transition: ease 0.3s; } a._btn:after{ transform: translate(0,-50%) rotate(180deg); } a.collapsed._btn, a._btn{ position: relative; display: block; } /* /local/templates/pck-format/components/bitrix/catalog.item/slidercatalog/style.css */ .hvr__images { position: relative; } .hvr__sectors { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; } .hvr__sector { flex-grow: 1; } .images { display: flex; overflow: hidden; } .image { display: block; } .hvr__dots { display: none; display: flex; align-items: center; justify-content: center; } .hvr__dot { width: 5px; height: 5px; margin: 10px 2px 0; border-radius: 50%; background: #d6dbe0; } .hvr__dot--active { background: #000; } /* /local/templates/pck-format/components/zweb/zweb.modalform/FAQ/style.css */ .zwfAlertMessage{ font-size: 0.6rem; color: red; position: relative; bottom: 0 ; } /* /local/templates/pck-format/components/zweb/zweb.modalform/CardOneClickTinkoff/style.css */ .button_tinkoff { display: flex; justify-content: center; align-items: center; max-width: 300px; } .field .select2-container .select2-selection.select2-selection--single { height: 100%; border: unset; display: flex; align-items: center; justify-content: space-between; } .field .select2-container--default .select2-selection--single .select2-selection__arrow { position: relative; top: unset; right: unset; transform: translate(-0%, -0%); } .select2-container { z-index: 10000; border: 1px solid var(--gray); height: 40px; border-radius: 4px; font-size: 0.7rem; display: block !important; box-sizing: content-box !important; } .select2-container .select2-results__option { margin: 0; font-size: 0.7rem; } .tcb_button button { position: relative; display: flex; align-items: center; border: 0; border-radius: 8px; outline: 0; text-align: left; max-width: 100%; color: #333; background-color: #ffdd2d; transition-property: background-color; transition-duration: 0.25s; height: 56px; padding: 6px 55px 6px 10px; cursor: pointer; } .tcb_button button:hover{ background-color: #fcc521; } .tcb_button button .button__logo { width: 48px; height: 48px; margin-right: 8px; } .tcb_button button .button__content .button__text { font-family: haas, sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; white-space: nowrap; } .tcb_button button .button__content .button__subtext { font-family: haas, sans-serif; font-size: 11px; line-height: 16px; letter-spacing: 0.4px; } /* /local/templates/pck-format/components/bitrix/catalog.section/viewedProducts/style.css */ .bottomViewedProducts .sliderWrap .sliderBtns{ transform: translateY(-50%); top: 50% !important; } @media screen and (min-width: 1680px){ .bottomViewedProducts .sliderWrap .sliderBtns{ left: 0px; width: 100%; } } @media screen and (max-width: 1030px){ .bottomViewedProducts .sliderWrap .sliderBtns{ left: -20px; width: calc(100% + 40px); } } @media screen and (min-width:750px) { .bottomViewedProducts .sliderWrap .list{ width: calc(100% - 100px); margin: auto; } } @media screen and (max-width: 750px){ .bottomViewedProducts .sliderWrap .list{ width: calc(100% - 64px); margin: auto; } } @media screen and (max-width:500px) { .bottomViewedProducts .sliderWrap .sliderBtns{ left: 0px; width: calc(100% + 0px); } .bottomViewedProducts .sliderWrap .list{ width: calc(100% - 100px); } } /* /local/templates/pck-format/assets/fonts/fonts.css */ @font-face { font-family: 'dinPro'; src: url('/local/templates/pck-format/assets/fonts/../fonts/din-pro-light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'dinPro'; src: url('/local/templates/pck-format/assets/fonts/../fonts/din-pro.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'dinPro'; src: url('/local/templates/pck-format/assets/fonts/../fonts/din-pro-medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'dinPro'; src: url('/local/templates/pck-format/assets/fonts/../fonts/din-pro-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'dinPro'; src: url('/local/templates/pck-format/assets/fonts/../fonts/din-pro-black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } /* /local/templates/pck-format/assets/js/libs/select2/style.css */ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* /local/templates/pck-format/assets/css/app.css */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{ margin:0; padding:0; font-size:100%; vertical-align:baseline } .category .list .item .catItemFront .frontList{ font-weight: 600!important; } a{ text-decoration:none; color:var(--text) } a.nice-select.open,a:active,a:hover{ outline:0 } li,ul{ /* list-style-type:none; */ margin:0; padding:0 } h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:400 } html{ -webkit-box-sizing:border-box; box-sizing:border-box } :focus{ outline:0 } audio,img,video{ max-width:100%; height:auto } audio,canvas,iframe,img,svg,video{ vertical-align:middle } iframe{ border:0 } textarea{ resize:none; overflow:auto; vertical-align:top; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none } button,input,select,textarea{ outline:none; border:none; font-size:100%; margin:0 } button,input{ line-height:normal } input,select,textarea{ width:100% } .bx-core-editor-dialog-buttons input{ width: unset; } table{ border-collapse:collapse; border-spacing:0 } td,th{ padding:0; text-align:left } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none } input[type=number]{ -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield } button{ cursor:pointer; background-color:initial; -webkit-box-shadow:none; box-shadow:none } hr{ width:100% } .nice-select{ -webkit-tap-highlight-color:rgba(0,0,0,0); background-color:#fff; border-radius:5px; border:1px solid #e8e8e8; -webkit-box-sizing:border-box; box-sizing:border-box; clear:both; cursor:pointer; display:block; float:left; font-family:inherit; font-size:14px; font-weight:400; height:42px; line-height:40px; outline:none; padding-left:18px; padding-right:30px; position:relative; text-align:left!important; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; width:auto } .nice-select:hover{ border-color:#dbdbdb } .nice-select.open,.nice-select:active,.nice-select:focus{ border-color:#999 } .nice-select:after{ border-bottom:2px solid #999; border-right:2px solid #999; content:""; display:block; height:5px; margin-top:-4px; pointer-events:none; position:absolute; right:12px; top:50%; -webkit-transform-origin:66% 66%; -ms-transform-origin:66% 66%; transform-origin:66% 66%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out; width:5px } .nice-select.open:after{ -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg) } .nice-select.open .list{ opacity:1; pointer-events:auto; -webkit-transform:scale(1) translateY(0); -ms-transform:scale(1) translateY(0); transform:scale(1) translateY(0) } .nice-select.disabled{ border-color:#ededed; color:#999; pointer-events:none } .nice-select.disabled:after{ border-color:#ccc } .nice-select.wide{ width:100% } .nice-select.wide .list{ left:0!important; right:0!important } .nice-select.right{ float:right } .nice-select.right .list{ left:auto; right:0 } .nice-select.small{ font-size:12px; height:36px; line-height:34px } .nice-select.small:after{ height:4px; width:4px } .nice-select.small .option{ line-height:34px; min-height:34px } .nice-select .list{ background-color:#fff; border-radius:5px; -webkit-box-shadow:0 0 0 1px rgba(68,68,68,.11); box-shadow:0 0 0 1px rgba(68,68,68,.11); -webkit-box-sizing:border-box; box-sizing:border-box; margin-top:4px; opacity:0; overflow:hidden; padding:0; pointer-events:none; position:absolute; top:100%; left:0; -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; -webkit-transform:scale(.75) translateY(-21px); -ms-transform:scale(.75) translateY(-21px); transform:scale(.75) translateY(-21px); -webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out; -o-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out; transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out; z-index:9 } .nice-select .list:hover .option:not(:hover){ background-color:rgba(0,0,0,0)!important } .nice-select .option{ cursor:pointer; font-weight:400; line-height:40px; list-style:none; min-height:40px; outline:none; padding-left:18px; padding-right:29px; text-align:left; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s } .nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{ background-color:#f6f6f6 } .nice-select .option.selected{ font-weight:700 } .nice-select .option.disabled{ background-color:rgba(0,0,0,0); color:#999; cursor:default } .no-csspointerevents .nice-select .list{ display:none } .no-csspointerevents .nice-select.open .list{ display:block } :root{ --primary:#f76500; --secondary:#ccc; --textColor:#4d4d4d; --titleColor:#4d4d4d; --cross:#fc5c65; --link:#545454; --border:#b6b9c1; --gray: #77808a; --gradient:linear-gradient(99.38deg,#f4f4f4 0.8%,rgba(214,217,219,0.292634) 25.08%,rgba(201,205,208,0.13) 60.98%,rgba(201,205,208,0.56)); --indent8:8px; --indent12:12px; --indent16:16px; --indent24:24px; --indent32:32px; --indent40:46px; --indent48:48px; --indent60:60px; --gap:40px; --btnHeight:42px; --halfContainer:810px; --column:calc((2*var(--halfContainer) - 12*var(--gap))/12); --columnGap:calc(var(--column) + var(--gap)); --addPadd:var(--columnGap) } @media screen and (max-width:1680px){ :root{ --halfContainer:calc(50vw - 30px); } } @media screen and (max-width:1030px){ :root{ --gap:24px; --halfContainer:calc(50vw - 20px); --indent12:10px; --indent16:12px; --indent24:16px; --indent32:24px; --indent40:30px; --indent48:40px; --indent60:48px; } } @media screen and (max-width:750px){ :root{ --gap:12px; --halfContainer:calc(50vw - 15px); --indent12:8px; --indent16:10px; --indent24:16px; --indent32:16px; --indent40:20px; --indent48:24px; --indent60:32px } } @media screen and (max-width:500px){ :root{ --gap:8px; --halfContainer:calc(50vw - 10px) } } .container,.mainScreen .sliderWrap .list .item .content,.sliderWrap .sliderBtns,article,footer.footer .footerBottom,footer.footer .footertop,header.header .bottom,header.header .bottom .dropDownMenu .list .item .subMenu,header.header .top,section{ padding:0 calc(50% - var(--halfContainer)) } @media screen and (max-width:1680px){ .container,.mainScreen .sliderWrap .list .item .content,.sliderWrap .sliderBtns,article,footer.footer .footerBottom,footer.footer .footertop,header.header .bottom,header.header .bottom .dropDownMenu .list .item .subMenu,header.header .top,section{ padding:0 30px } } @media screen and (max-width:1030px){ .container,.mainScreen .sliderWrap .list .item .content,.sliderWrap .sliderBtns,article,footer.footer .footerBottom,footer.footer .footertop,header.header .bottom,header.header .bottom .dropDownMenu .list .item .subMenu,header.header .top,section{ padding:0 20px; } .grid12 .x2, .grid .x2{ grid-column-start: span 1; } .grid, .grid12{ grid-template-columns: repeat(2,1fr); } } @media screen and (max-width:750px){ .container,.mainScreen .sliderWrap .list .item .content,.sliderWrap .sliderBtns,article,footer.footer .footerBottom,footer.footer .footertop,header.header .bottom,header.header .bottom .dropDownMenu .list .item .subMenu,header.header .top,section{ padding:0 15px; } } @media screen and (max-width:500px){ .container,.mainScreen .sliderWrap .list .item .content,.sliderWrap .sliderBtns,article,footer.footer .footerBottom,footer.footer .footertop,header.header .bottom,header.header .bottom .dropDownMenu .list .item .subMenu,header.header .top,section{ padding:0 10px } .grid12 .x2, .grid .x2{ /* grid-column-start: span 1!important; */ } .lkTable .block{ font-size: 10px!important; } } .grid,.grid12{ width:100%; display:grid; grid-template-columns:repeat(12,1fr); grid-template-rows:repeat(1,auto); grid-gap:var(--gap) } .grid12 .x1,.grid .x1{ grid-column-start:span 1 } .grid12 .x2,.grid .x2{ grid-column-start:span 2 } .grid12 .x3,.grid .x3{ grid-column-start:span 3 } .grid12 .x4,.grid .x4{ grid-column-start:span 4 } .grid12 .x5,.grid .x5{ grid-column-start:span 5 } .grid12 .x6,.grid .x6{ grid-column-start:span 6 } .grid12 .x7,.grid .x7{ grid-column-start:span 7 } .grid12 .x8,.grid .x8{ grid-column-start:span 8 } .grid12 .x9,.grid .x9{ grid-column-start:span 9 } .grid12 .x10,.grid .x10{ grid-column-start:span 10 } .grid12 .x11,.grid .x11{ grid-column-start:span 11 } .grid12 .x12,.grid .x12{ grid-column-start:span 12 } @media screen and (max-width:1680px){ .grid12 .xlg1,.grid .xlg1{ grid-column-start:span 1 } .grid12 .xlg2,.grid .xlg2{ grid-column-start:span 2 } .grid12 .xlg3,.grid .xlg3{ grid-column-start:span 3 } .grid12 .xlg4,.grid .xlg4{ grid-column-start:span 4 } .grid12 .xlg5,.grid .xlg5{ grid-column-start:span 5 } .grid12 .xlg6,.grid .xlg6{ grid-column-start:span 6 } .grid12 .xlg7,.grid .xlg7{ grid-column-start:span 7 } .grid12 .xlg8,.grid .xlg8{ grid-column-start:span 8 } .grid12 .xlg9,.grid .xlg9{ grid-column-start:span 9 } .grid12 .xlg10,.grid .xlg10{ grid-column-start:span 10 } .grid12 .xlg11,.grid .xlg11{ grid-column-start:span 11 } .grid12 .xlg12,.grid .xlg12{ grid-column-start:span 12 } } @media screen and (max-width:1420px){ .grid12 .lg1,.grid .lg1{ grid-column-start:span 1 } .grid12 .lg2,.grid .lg2{ grid-column-start:span 2 } .grid12 .lg3,.grid .lg3{ grid-column-start:span 3 } .grid12 .lg4,.grid .lg4{ grid-column-start:span 4 } .grid12 .lg5,.grid .lg5{ grid-column-start:span 5 } .grid12 .lg6,.grid .lg6{ grid-column-start:span 6 } .grid12 .lg7,.grid .lg7{ grid-column-start:span 7 } .grid12 .lg8,.grid .lg8{ grid-column-start:span 8 } .grid12 .lg9,.grid .lg9{ grid-column-start:span 9 } .grid12 .lg10,.grid .lg10{ grid-column-start:span 10 } .grid12 .lg11,.grid .lg11{ grid-column-start:span 11 } .grid12 .lg12,.grid .lg12{ grid-column-start:span 12 } } @media screen and (max-width:1030px){ .grid12 .md1,.grid .md1{ grid-column-start:span 1 } .grid12 .md2,.grid .md2{ grid-column-start:span 2 } .grid12 .md3,.grid .md3{ grid-column-start:span 3 } .grid12 .md4,.grid .md4{ grid-column-start:span 4 } .grid12 .md5,.grid .md5{ grid-column-start:span 5 } .grid12 .md6,.grid .md6{ grid-column-start:span 6 } .grid12 .md7,.grid .md7{ grid-column-start:span 7 } .grid12 .md8,.grid .md8{ grid-column-start:span 8 } .grid12 .md9,.grid .md9{ grid-column-start:span 9 } .grid12 .md10,.grid .md10{ grid-column-start:span 10 } .grid12 .md11,.grid .md11{ grid-column-start:span 11 } .grid12 .md12,.grid .md12{ grid-column-start:span 12 } .grid12 .mdRemove,.grid .mdRemove{ display:none } footer.footer .footerBottom { flex-direction: column; } .confed{ position: inherit!important; } } @media screen and (max-width:750px){ .grid12 .sm1,.grid .sm1{ grid-column-start:span 1 } .grid12 .sm2,.grid .sm2{ grid-column-start:span 2 } .grid12 .sm3,.grid .sm3{ grid-column-start:span 3 } .grid12 .sm4,.grid .sm4{ grid-column-start:span 4 } .grid12 .sm5,.grid .sm5{ grid-column-start:span 5 } .grid12 .sm6,.grid .sm6{ grid-column-start:span 6 } .grid12 .sm7,.grid .sm7{ grid-column-start:span 7 } .grid12 .sm8,.grid .sm8{ grid-column-start:span 8 } .grid12 .sm9,.grid .sm9{ grid-column-start:span 9 } .grid12 .sm10,.grid .sm10{ grid-column-start:span 10 } .grid12 .sm11,.grid .sm11{ grid-column-start:span 11 } .grid12 .sm12,.grid .sm12{ grid-column-start:span 12 } .grid12 .smRemove,.grid .smRemove{ display:none } } @media screen and (max-width:500px){ .grid12 .xs1,.grid .xs1{ grid-column-start:span 1 } .grid12 .xs2,.grid .xs2{ grid-column-start:span 2 } .grid12 .xs3,.grid .xs3{ grid-column-start:span 3 } .grid12 .xs4,.grid .xs4{ grid-column-start:span 4 } .grid12 .xs5,.grid .xs5{ grid-column-start:span 5 } .grid12 .xs6,.grid .xs6{ grid-column-start:span 6 } .grid12 .xs7,.grid .xs7{ grid-column-start:span 7 } .grid12 .xs8,.grid .xs8{ grid-column-start:span 8 } .grid12 .xs9,.grid .xs9{ grid-column-start:span 9 } .grid12 .xs10,.grid .xs10{ grid-column-start:span 10 } .grid12 .xs11,.grid .xs11{ grid-column-start:span 11 } .grid12 .xs12,.grid .xs12{ grid-column-start:span 12 } .grid12 .xsRemove,.grid .xsRemove{ display:none } } .flex{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:calc(-1*var(--gap)/2); margin-right:calc(-1*var(--gap)/2) } .flex.center{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .flex .x1{ width:var(--column) } .flex .x1,.flex .x2{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .x2{ width:calc(2*var(--column) + 1*var(--gap)) } .flex .x3{ width:calc(3*var(--column) + 2*var(--gap)) } .flex .x3,.flex .x4{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .x4{ width:calc(4*var(--column) + 3*var(--gap)) } .flex .x5{ width:calc(5*var(--column) + 4*var(--gap)) } .flex .x5,.flex .x6{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .x6{ width:calc(6*var(--column) + 5*var(--gap)) } .flex .x7{ width:calc(7*var(--column) + 6*var(--gap)) } .flex .x7,.flex .x8{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .x8{ width:calc(8*var(--column) + 7*var(--gap)) } .flex .x9{ width:calc(9*var(--column) + 8*var(--gap)) } .flex .x9,.flex .x10{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .x10{ width:calc(10*var(--column) + 9*var(--gap)) } .flex .x11{ width:calc(11*var(--column) + 10*var(--gap)) } .flex .x11,.flex .x12{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .x12{ width:calc(12*var(--column) + 11*var(--gap)) } @media screen and (max-width:1680px){ .flex .xlg1{ width:calc(2*var(--column)) } .flex .xlg1,.flex .xlg2{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xlg2{ width:calc(2*var(--column) + 1*var(--gap)) } .flex .xlg3{ width:calc(3*var(--column) + 2*var(--gap)) } .flex .xlg3,.flex .xlg4{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xlg4{ width:calc(4*var(--column) + 3*var(--gap)) } .flex .xlg5{ width:calc(5*var(--column) + 4*var(--gap)) } .flex .xlg5,.flex .xlg6{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xlg6{ width:calc(6*var(--column) + 5*var(--gap)) } .flex .xlg7{ width:calc(7*var(--column) + 6*var(--gap)) } .flex .xlg7,.flex .xlg8{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xlg8{ width:calc(8*var(--column) + 7*var(--gap)) } .flex .xlg9{ width:calc(9*var(--column) + 8*var(--gap)) } .flex .xlg9,.flex .xlg10{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xlg10{ width:calc(10*var(--column) + 9*var(--gap)) } .flex .xlg11{ width:calc(11*var(--column) + 10*var(--gap)) } .flex .xlg11,.flex .xlg12{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xlg12{ width:calc(12*var(--column) + 11*var(--gap)) } } @media screen and (max-width:1420px){ .flex .lg1{ width:calc(2*var(--column)) } .flex .lg1,.flex .lg2{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .lg2{ width:calc(2*var(--column) + 1*var(--gap)) } .flex .lg3{ width:calc(3*var(--column) + 2*var(--gap)) } .flex .lg3,.flex .lg4{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .lg4{ width:calc(4*var(--column) + 3*var(--gap)) } .flex .lg5{ width:calc(5*var(--column) + 4*var(--gap)) } .flex .lg5,.flex .lg6{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .lg6{ width:calc(6*var(--column) + 5*var(--gap)) } .flex .lg7{ width:calc(7*var(--column) + 6*var(--gap)) } .flex .lg7,.flex .lg8{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .lg8{ width:calc(8*var(--column) + 7*var(--gap)) } .flex .lg9{ width:calc(9*var(--column) + 8*var(--gap)) } .flex .lg9,.flex .lg10{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .lg10{ width:calc(10*var(--column) + 9*var(--gap)) } .flex .lg11{ width:calc(11*var(--column) + 10*var(--gap)) } .flex .lg11,.flex .lg12{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .lg12{ width:calc(12*var(--column) + 11*var(--gap)) } } @media screen and (max-width:1030px){ .flex .md1{ width:calc(2*var(--column)) } .flex .md1,.flex .md2{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .md2{ width:calc(2*var(--column) + 1*var(--gap)) } .flex .md3{ width:calc(3*var(--column) + 2*var(--gap)) } .flex .md3,.flex .md4{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .md4{ width:calc(4*var(--column) + 3*var(--gap)) } .flex .md5{ width:calc(5*var(--column) + 4*var(--gap)) } .flex .md5,.flex .md6{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .md6{ width:calc(6*var(--column) + 5*var(--gap)) } .flex .md7{ width:calc(7*var(--column) + 6*var(--gap)) } .flex .md7,.flex .md8{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .md8{ width:calc(8*var(--column) + 7*var(--gap)) } .flex .md9{ width:calc(9*var(--column) + 8*var(--gap)) } .flex .md9,.flex .md10{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .md10{ width:calc(10*var(--column) + 9*var(--gap)) } .flex .md11{ width:calc(11*var(--column) + 10*var(--gap)) } .flex .md11,.flex .md12{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .md12{ width:calc(12*var(--column) + 11*var(--gap)) } } @media screen and (max-width:750px){ .flex .sm1{ width:calc(2*var(--column)) } .flex .sm1,.flex .sm2{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .sm2{ width:calc(2*var(--column) + 1*var(--gap)) } .flex .sm3{ width:calc(3*var(--column) + 2*var(--gap)) } .flex .sm3,.flex .sm4{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .sm4{ width:calc(4*var(--column) + 3*var(--gap)) } .flex .sm5{ width:calc(5*var(--column) + 4*var(--gap)) } .flex .sm5,.flex .sm6{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .sm6{ width:calc(6*var(--column) + 5*var(--gap)) } .flex .sm7{ width:calc(7*var(--column) + 6*var(--gap)) } .flex .sm7,.flex .sm8{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .sm8{ width:calc(8*var(--column) + 7*var(--gap)) } .flex .sm9{ width:calc(9*var(--column) + 8*var(--gap)) } .flex .sm9,.flex .sm10{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .sm10{ width:calc(10*var(--column) + 9*var(--gap)) } .flex .sm11{ width:calc(11*var(--column) + 10*var(--gap)) } .flex .sm11,.flex .sm12{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .sm12{ width:calc(12*var(--column) + 11*var(--gap)) } } @media screen and (max-width:500px){ .flex .xs1{ width:calc(2*var(--column)) } .flex .xs1,.flex .xs2{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xs2{ width:calc(2*var(--column) + 1*var(--gap)) } .flex .xs3{ width:calc(3*var(--column) + 2*var(--gap)) } .flex .xs3,.flex .xs4{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xs4{ width:calc(4*var(--column) + 3*var(--gap)) } .flex .xs5{ width:calc(5*var(--column) + 4*var(--gap)) } .flex .xs5,.flex .xs6{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xs6{ width:calc(6*var(--column) + 5*var(--gap)) } .flex .xs7{ width:calc(7*var(--column) + 6*var(--gap)) } .flex .xs7,.flex .xs8{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xs8{ width:calc(8*var(--column) + 7*var(--gap)) } .flex .xs9{ width:calc(9*var(--column) + 8*var(--gap)) } .flex .xs9,.flex .xs10{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xs10{ width:calc(10*var(--column) + 9*var(--gap)) } .flex .xs11{ width:calc(11*var(--column) + 10*var(--gap)) } .flex .xs11,.flex .xs12{ margin-left:calc(var(--gap)/2); margin-right:calc(var(--gap)/2) } .flex .xs12{ width:calc(12*var(--column) + 11*var(--gap)) } } .fwl-1{ width:calc(var(--column) + var(--gap) + 50% - var(--halfContainer)) } .fwl-1,.fwl-2{ padding-left:calc(50% - var(--halfContainer)) } .fwl-2{ width:calc(2*var(--column) + var(--gap) + 50% - var(--halfContainer)) } .fwl-3{ width:calc(3*var(--column) + 2*var(--gap) + 50% - var(--halfContainer)) } .fwl-3,.fwl-4{ padding-left:calc(50% - var(--halfContainer)) } .fwl-4{ width:calc(4*var(--column) + 3*var(--gap) + 50% - var(--halfContainer)) } .fwl-5{ width:calc(5*var(--column) + 4*var(--gap) + 50% - var(--halfContainer)) } .fwl-5,.fwl-6{ padding-left:calc(50% - var(--halfContainer)) } .fwl-6{ width:calc(6*var(--column) + 5*var(--gap) + 50% - var(--halfContainer)) } .fwl-7{ width:calc(7*var(--column) + 6*var(--gap) + 50% - var(--halfContainer)) } .fwl-7,.fwl-8{ padding-left:calc(50% - var(--halfContainer)) } .fwl-8{ width:calc(8*var(--column) + 7*var(--gap) + 50% - var(--halfContainer)) } .fwl-9{ width:calc(9*var(--column) + 8*var(--gap) + 50% - var(--halfContainer)) } .fwl-9,.fwl-10{ padding-left:calc(50% - var(--halfContainer)) } .fwl-10{ width:calc(10*var(--column) + 9*var(--gap) + 50% - var(--halfContainer)) } .fwl-11{ width:calc(11*var(--column) + 10*var(--gap) + 50% - var(--halfContainer)) } .fwl-11,.fwl-12{ padding-left:calc(50% - var(--halfContainer)) } .fwl-12{ width:calc(12*var(--column) + 11*var(--gap) + 50% - var(--halfContainer)) } .fwr-1{ width:calc(1*var(--column) + 1*var(--gap) + 50% - var(--halfContainer)) } .fwr-1,.fwr-2{ padding-right:calc(50% - var(--halfContainer)); padding-left:var(--gap) } .fwr-2{ width:calc(2*var(--column) + 2*var(--gap) + 50% - var(--halfContainer)) } .fwr-3{ width:calc(3*var(--column) + 3*var(--gap) + 50% - var(--halfContainer)) } .fwr-3,.fwr-4{ padding-right:calc(50% - var(--halfContainer)); padding-left:var(--gap) } .fwr-4{ width:calc(4*var(--column) + 4*var(--gap) + 50% - var(--halfContainer)) } .fwr-5{ width:calc(5*var(--column) + 5*var(--gap) + 50% - var(--halfContainer)) } .fwr-5,.fwr-6{ padding-right:calc(50% - var(--halfContainer)); padding-left:var(--gap) } .fwr-6{ width:calc(6*var(--column) + 6*var(--gap) + 50% - var(--halfContainer)) } .fwr-7{ width:calc(7*var(--column) + 7*var(--gap) + 50% - var(--halfContainer)) } .fwr-7,.fwr-8{ padding-right:calc(50% - var(--halfContainer)); padding-left:var(--gap) } .fwr-8{ width:calc(8*var(--column) + 8*var(--gap) + 50% - var(--halfContainer)) } .fwr-9{ width:calc(9*var(--column) + 9*var(--gap) + 50% - var(--halfContainer)) } .fwr-9,.fwr-10{ padding-right:calc(50% - var(--halfContainer)); padding-left:var(--gap) } .fwr-10{ width:calc(10*var(--column) + 10*var(--gap) + 50% - var(--halfContainer)) } .fwr-11{ width:calc(11*var(--column) + 11*var(--gap) + 50% - var(--halfContainer)) } .fwr-11,.fwr-12{ padding-right:calc(50% - var(--halfContainer)); padding-left:var(--gap) } .fwr-12{ width:calc(12*var(--column) + 12*var(--gap) + 50% - var(--halfContainer)) } .btn.primary,.reviews .reviewsBtn .arrow,header.header .top .searchForm .searchButton{ position:relative; overflow:hidden; background-color: var(--primary); height:var(--btnHeight) } .btn.primary p,.btn.primary span,.reviews .reviewsBtn .arrow p,.reviews .reviewsBtn .arrow span,header.header .top .searchForm .searchButton p,header.header .top .searchForm .searchButton span{ -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s; position:relative; z-index:5 } /*4 .btn.primary:before,.reviews .reviewsBtn .arrow:before,header.header .top .searchForm .searchButton:before{ -webkit-transform:translateX(calc(-50% + 1px)); -ms-transform:translateX(calc(-50% + 1px)); transform:translateX(calc(-50% + 1px)) } */ .btn.primary:before,.reviews .reviewsBtn .arrow:before,header.header .top .searchForm .searchButton:before{ z-index:1; content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; -webkit-transform:translateX(calc(-100% - 1px)); -ms-transform:translateX(calc(-100% - 1px)); transform:translateX(calc(-100% - 1px)); background-color: var(--primary); -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } .btn.primary:after,.reviews .reviewsBtn .arrow:after,header.header .top .searchForm .searchButton:after{ z-index:1; content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; -webkit-transform:translateX(calc(100% + 1px)); -ms-transform:translateX(calc(100% + 1px)); transform:translateX(calc(100% + 1px)); background-color: var(--primary); -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } /*3 .btn.primary:after,.reviews .reviewsBtn .arrow:after,header.header .top .searchForm .searchButton:after{ -webkit-transform:translateX(calc(50% - 1px)); -ms-transform:translateX(calc(50% - 1px)); transform:translateX(calc(50% - 1px)) } */ .btn.primary:hover p,.btn.primary:hover span,.reviews .reviewsBtn .arrow:hover p,.reviews .reviewsBtn .arrow:hover span,header.header .top .searchForm .searchButton:hover p,header.header .top .searchForm .searchButton:hover span{ color:var(--primary); } /*1 .btn.primary:hover:before,.reviews .reviewsBtn .arrow:hover:before,header.header .top .searchForm .searchButton:hover:before{ -webkit-transform:translateX(calc(-100% - 1px)); -ms-transform:translateX(calc(-100% - 1px)); transform:translateX(calc(-100% - 1px)) } */ header.header .top .searchForm .searchButton:hover:before{ -webkit-transform:translateX(calc(0% + 0px)); -ms-transform:translateX(calc(0% + 0px)); transform:translateX(calc(0% + 0px)); background-color: #FFF; color:#FFF; } .btn.primary:hover:before,.reviews .reviewsBtn .arrow:hover:before{ -webkit-transform:translateX(calc(0% + 0px)); -ms-transform:translateX(calc(0% + 0px)); transform:translateX(calc(0% + 0px)); background-color: #FFF; } .btn.primary:hover,.reviews .reviewsBtn .arrow:hover,header.header .top .searchForm .searchButton:hover{ color:#FFF; } .btn.primary:hover:before,.reviews .reviewsBtn .arrow:hover:before,header.header .top .searchForm .searchButton:hover:before{ background-color: #FFF; } .btn.primary:hover:after,.reviews .reviewsBtn .arrow:hover:after,header.header .top .searchForm .searchButton:hover:after{ background-color: #FFF; } /*2 .btn.primary:hover:after,.reviews .reviewsBtn .arrow:hover:after,header.header .top .searchForm .searchButton:hover:after{ -webkit-transform:translateX(calc(100% + 1px)); -ms-transform:translateX(calc(100% + 1px)); transform:translateX(calc(100% + 1px)) } */ .btn.border,.btn.secondary,.paggination .arrow,.paggination .paggList .paggItem,.sliderWrap .sliderBtns .sliderBtn,.tabs.option2 .tabNavs .tabPill,.whereBuy .cityesList .cityesItem,header.header .top .topMenu .list .item .link{ position:relative; overflow:hidden } .btn.border p,.btn.border span,.btn.secondary p,.btn.secondary span,.paggination .arrow p,.paggination .arrow span,.paggination .paggList .paggItem p,.paggination .paggList .paggItem span,.sliderWrap .sliderBtns .sliderBtn p,.sliderWrap .sliderBtns .sliderBtn span,.tabs.option2 .tabNavs .tabPill p,.tabs.option2 .tabNavs .tabPill span,.whereBuy .cityesList .cityesItem p,.whereBuy .cityesList .cityesItem span,header.header .top .topMenu .list .item .link p,header.header .top .topMenu .list .item .link span{ -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s; position:relative; z-index:5 } .btn.border:before,.btn.secondary:before,.paggination .arrow:before,.paggination .paggList .paggItem:before,.sliderWrap .sliderBtns .sliderBtn:before,.tabs.option2 .tabNavs .tabPill:before,.whereBuy .cityesList .cityesItem:before ,header.header .top .topMenu .list .item .link:before{ z-index:1; content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; -webkit-transform:translateX(calc(-100% - 1px)); -ms-transform:translateX(calc(-100% - 1px)); transform:translateX(calc(-100% - 1px)); background-color:var(--primary); -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } .btn.border:after,.btn.secondary:after,.paggination .arrow:after,.paggination .paggList .paggItem:after,.sliderWrap .sliderBtns .sliderBtn:after,.tabs.option2 .tabNavs .tabPill:after,.tabs.option2 .tabNavs .tabPill1:after,.whereBuy .cityesList .cityesItem:after,header.header .top .topMenu .list .item .link:after{ z-index:1; content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; -webkit-transform:translateX(calc(100% + 1px)); -ms-transform:translateX(calc(100% + 1px)); transform:translateX(calc(100% + 1px)); background-color:var(--primary); -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } .btn.border:hover:before,.btn.secondary:hover:before,.paggination .arrow:hover:before,.paggination .paggList .paggItem:hover:before,.sliderWrap .sliderBtns .sliderBtn:hover:before,.tabs.option2 .tabNavs .tabPill:hover:before,.tabs.option2 .tabNavs .tabPill1:hover:before,.whereBuy .cityesList .cityesItem:hover:before ,header.header .top .topMenu .list .item .link:hover:before{ -webkit-transform:translateX(calc(0% + 0px)); -ms-transform:translateX(calc(0% + 0px)); transform:translateX(calc(0% + 0px)); border-color:var(--textColor); color:#FFF; } .btn.border:hover p,.btn.border:hover span,.btn.secondary:hover p,.btn.secondary:hover span,.paggination .arrow:hover p,.paggination .arrow:hover span,.paggination .paggList .paggItem:hover p,.paggination .paggList .paggItem:hover span,.sliderWrap .sliderBtns .sliderBtn:hover p,.sliderWrap .sliderBtns .sliderBtn:hover span,.tabs.option2 .tabNavs .tabPill:hover p,.tabs.option2 .tabNavs .tabPill:hover span,.tabs.option2 .tabNavs .tabPill1:hover p,.tabs.option2 .tabNavs .tabPill1:hover span,.whereBuy .cityesList .cityesItem:hover p,.whereBuy .cityesList .cityesItem:hover span,header.header .top .topMenu .list .item .link:hover p, header.header .top .topMenu .list .item .link:hover span{ color:#fff } /* .btn.border:hover:before,.btn.secondary:hover:before,.paggination .arrow:hover:before,.paggination .paggList .paggItem:hover:before,.sliderWrap .sliderBtns .sliderBtn:hover:before,.tabs.option2 .tabNavs .tabPill:hover:before,.whereBuy .cityesList .cityesItem:hover:before{ -webkit-transform:translateX(calc(-50% + 1px)); -ms-transform:translateX(calc(-50% + 1px)); transform:translateX(calc(-50% + 1px)) } .btn.border:hover:after,.btn.secondary:hover:after,.paggination .arrow:hover:after,.paggination .paggList .paggItem:hover:after,.sliderWrap .sliderBtns .sliderBtn:hover:after,.tabs.option2 .tabNavs .tabPill:hover:after,.whereBuy .cityesList .cityesItem:hover:after{ -webkit-transform:translateX(calc(50% - 1px)); -ms-transform:translateX(calc(50% - 1px)); transform:translateX(calc(50% - 1px)) } */ /* header.header .top .topMenu .list .item .link:hover:before{ webkit-transform:translateX(calc(50% - 1px)); -ms-transform:translateX(calc(50% - 1px)); transform:translateX(calc(1% - 1px)); color:#FFF; } */ /* header.header .top .topMenu .list .item .link:hover:after{ -webkit-transform:translateX(calc(100% + 1px)); -ms-transform:translateX(calc(100% + 1px)); transform:translateX(calc(100% + 1px)) } */ .category .list .item .catItemFront .frontList .frontItem a,.category .list .item .catItemFront .frontList .frontItem p,.category .list .item .catItemFront .frontList .frontItem span{ white-space:nowrap; position:relative; display:inline-block } .category .list .item .catItemFront .frontList .frontItem a:before,.category .list .item .catItemFront .frontList .frontItem p:before,.category .list .item .catItemFront .frontList .frontItem span:before{ content:""; position:absolute; bottom:0; width:0; height:1px; background-color:#fff; -webkit-transition:width .3s; -o-transition:width .3s; transition:width .3s } .category .list .item .catItemFront .frontList .frontItem a:hover:before,.category .list .item .catItemFront .frontList .frontItem p:hover:before,.category .list .item .catItemFront .frontList .frontItem span:hover:before{ width:100% } .breadcrumbs .list .item .link,.catalogFilter .btnWrap .underlineBtn,.checkOut .step .top .change a,.checkOut .step .top .change p,.checkOut .step .top .change span{ white-space:nowrap; position:relative; display:inline-block } .breadcrumbs .list .item .link:before,.catalogFilter .btnWrap .underlineBtn:before,.checkOut .step .top .change a:before,.checkOut .step .top .change p:before,.checkOut .step .top .change span:before{ content:""; position:absolute; bottom:0; width:0; height:1px; background-color:#000; -webkit-transition:width .3s; -o-transition:width .3s; transition:width .3s } .breadcrumbs .list .item .link:hover:before,.catalogFilter .btnWrap .underlineBtn:hover:before,.checkOut .step .top .change a:hover:before,.checkOut .step .top .change p:hover:before,.checkOut .step .top .change span:hover:before{ width:100% } .contactsPage .column .phone a,.whereBuy .shopsList .shopsItem p a,footer.footer .footerBlock .bcBtn a,footer.footer .footerBlock .footerMenu .list .item a,footer.footer .footerBlock .phones .list .item .link,header.header .bottom .dropDownMenu .list .item .link,header.header .bottom .dropDownMenu .list .item .subMenu .subLink a,header.header .bottom .dropDownMenu .list .item .subMenu .subLink p,header.header .bottom .dropDownMenu .list .item .subMenu .subLink span,header.header .elements .cart .cartText .summ p,header.header .top .phones .list .item .link{ white-space:nowrap; position:relative; display:inline-block; padding-bottom: 2px; } .contactsPage .column .phone a:before,.whereBuy .shopsList .shopsItem p a:before,footer.footer .footerBlock .bcBtn a:before,footer.footer .footerBlock .footerMenu .list .item a:before,footer.footer .footerBlock .phones .list .item .link:before,header.header .bottom .dropDownMenu .list .item .link:before,header.header .bottom .dropDownMenu .list .item .subMenu .subLink a:before,header.header .bottom .dropDownMenu .list .item .subMenu .subLink p:before,header.header .bottom .dropDownMenu .list .item .subMenu .subLink span:before,header.header .elements .cart .cartText .summ p:before,header.header .top .phones .list .item .link:before{ content:""; position:absolute; bottom:0; width:0; height:1px; background-color:var(--primary); -webkit-transition:width .3s; -o-transition:width .3s; transition:width .3s } .contactsPage .column .phone a:hover:before,.whereBuy .shopsList .shopsItem p a:hover:before,footer.footer .footerBlock .bcBtn a:hover:before,footer.footer .footerBlock .footerMenu .list .item a:hover:before,footer.footer .footerBlock .phones .list .item .link:hover:before,header.header .bottom .dropDownMenu .list .item .link:hover:before,header.header .bottom .dropDownMenu .list .item .subMenu .subLink a:hover:before,header.header .bottom .dropDownMenu .list .item .subMenu .subLink p:hover:before,header.header .bottom .dropDownMenu .list .item .subMenu .subLink span:hover:before,header.header .elements .cart .cartText .summ p:hover:before,header.header .top .phones .list .item .link:hover:before{ width:100% } .personalArea__inner .left .list .item .link,.pricePage .priceWrap table tbody td .flex .downloadBtn span,.reviewsPage .reviewsList .reviewsItem .content .btnMore a,.reviewsPage .reviewsList .reviewsItem .content .btnMore p,.underlineBtn{ white-space:nowrap; position:relative; display:inline-block } .personalArea__inner .left .list .item .link:before,.pricePage .priceWrap table tbody td .flex .downloadBtn span:before,.reviewsPage .reviewsList .reviewsItem .content .btnMore a:before,.reviewsPage .reviewsList .reviewsItem .content .btnMore p:before,.underlineBtn:before{ content:""; position:absolute; bottom:0; width:100%; height:1px; background-color:var(--titleColor); -webkit-transition:width .3s; -o-transition:width .3s; transition:width .3s } .personalArea__inner .left .list .item .link:hover:before,.pricePage .priceWrap table tbody td .flex .downloadBtn span:hover:before,.reviewsPage .reviewsList .reviewsItem .content .btnMore a:hover:before,.reviewsPage .reviewsList .reviewsItem .content .btnMore p:hover:before,.underlineBtn:hover:before{ width:0 } .underlineBtn.colored{ white-space:nowrap; position:relative; display:inline-block } .underlineBtn.colored:before{ content:""; position:absolute; bottom:0; width:100%; height:1px; background-color:var(--primary); -webkit-transition:width .3s; -o-transition:width .3s; transition:width .3s } .underlineBtn.colored:hover:before{ width:0 } .tagList{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .btn,.cartPage .product .cancel,.catalog .list .item .itemImg,.counter .counterInput,.field label,.modal .body .field label,.paggination .paggList,.paggination .paggList .paggItem{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .breadcrumbs .list,.personalArea .list .item,header.header .bottom .dropDownMenu .list{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start } .catalog .list .item .bottom,.checkOut .step .bottom,.checkOut .sticky .bottom .line,.counter{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .catalog .list .item .controlsList{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } .controlsList{ z-index: 2; } .checkOut .step .block:hover,.field input:focus,.field input:hover,.field textarea:focus{ -webkit-box-shadow:2px 2px 8px rgba(0,0,0,.1); box-shadow:2px 2px 8px rgba(0,0,0,.1) } .linkEffect{ position:relative; display:inline-block; font-weight:800; color:#4169e1; overflow:hidden; background:-webkit-gradient(linear,left top,right top,from(red),color-stop(50%,green),color-stop(50%,#4169e1)); background:-o-linear-gradient(left,red,green 50%,#4169e1 50%); background:linear-gradient(90deg,red,green 50%,#4169e1 0); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:rgba(0,0,0,0); background-size:200% 100%; background-position:100%; -webkit-transition:background-position 275ms ease; -o-transition:background-position 275ms ease; transition:background-position 275ms ease; text-decoration:none } .linkEffect:hover{ background-position:0 100% } .linkEffect2 span{ position:relative; display:inline-block; color:var(--secondary) } .linkEffect2 span,.linkEffect2 span:before{ -webkit-transition:-webkit-clip-path 275ms ease; transition:-webkit-clip-path 275ms ease; -o-transition:clip-path 275ms ease; transition:clip-path 275ms ease; transition:clip-path 275ms ease,-webkit-clip-path 275ms ease } .linkEffect2 span:before{ position:absolute; content:attr(data-content); color:var(--primary); text-decoration:underline; -webkit-text-decoration-color:var(--primary); text-decoration-color:var(--primary); -webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%); clip-path:polygon(0 0,0 0,0 100%,0 100%) } .linkEffect2:focus span:before,.linkEffect2:hover span:before{ -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%); clip-path:polygon(0 0,100% 0,100% 100%,0 100%) } .linkEffect2 span.dotted:before{ -webkit-text-decoration-style:dotted; text-decoration-style:dotted } .linkEffect2 span.dashed:before{ -webkit-text-decoration-style:dashed; text-decoration-style:dashed } .linkEffect2 span.double:before{ -webkit-text-decoration-style:double; text-decoration-style:double } .linkEffect2 span.wavy:before{ -webkit-text-decoration-style:wavy; text-decoration-style:wavy } span.line-through:before{ -webkit-text-decoration-line:line-through; text-decoration-line:line-through } .linkEffect3{ position:relative; display:inline-block; font-size:2em; color:#4169e1; font-weight:800; text-decoration:underline; overflow:hidden; -webkit-transition:-webkit-clip-path 275ms ease; transition:-webkit-clip-path 275ms ease; -o-transition:clip-path 275ms ease; transition:clip-path 275ms ease; transition:clip-path 275ms ease,-webkit-clip-path 275ms ease } .linkEffect3:hover:before{ -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%); clip-path:polygon(0 0,100% 0,100% 100%,0 100%) } .linkEffect3:before{ position:absolute; content:attr(data-content); color:#191970; text-decoration:underline; -webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%); clip-path:polygon(0 0,0 0,0 100%,0 100%); -webkit-transition:-webkit-clip-path 275ms ease; transition:-webkit-clip-path 275ms ease; -o-transition:clip-path 275ms ease; transition:clip-path 275ms ease; transition:clip-path 275ms ease,-webkit-clip-path 275ms ease } .btn{ height:var(--btnHeight); min-width:150px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; white-space:nowrap; font-size:.7rem; color:var(--text); padding:4px 15px; background-color:initial; border-radius:2px; -webkit-box-shadow:none; box-shadow:none; position:relative; z-index:1; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s; font-weight:700; overflow:hidden; cursor: pointer; border:1px solid hsla(0,0%,100%,0) } @media screen and (max-width:500px){ .btn{ width:100%; min-width:0 } .tagList { top: 10px; } } .btn span{ position:relative; z-index:5 } .btn.primary{ color:#fff; border-color:var(--primary) } /* .btn.primary:after,.btn.primary:before{ background-color:var(--primary) } .btn.primary:hover{ color:var(--primary); border-color:var(--primary) } */ .btn.secondary{ color:#fff; background-color:var(--textColor) } .btn.secondary:after,.btn.secondary:before{ background-color:var(--primary) } .btn.secondary:hover{ color:var(--primary); background-color:var(--textColor); border-color:var(--primary); } .btn.secondary:hover:after{ color:var(--primary); background-color:var(--primary); /* border-color:var(--primary) */ } .btn.secondary:hover:before{ color:var(--primary); background-color:var(--primary); /* border-color:var(--primary) */ } .btn.border{ color:var(--textColor); border-color:var(--textColor) } .btn.border:after,.btn.border:before{ background-color:var(--primary) } /* .btn.border:hover{ color:var(--primary) } .btn.border.color,.btn.border:hover{ border-color:var(--primary) } */ .btn.arrowBtn{ padding:0; overflow:visible; height:auto } .btn.arrowBtn.left{ margin-left: var(--indent12); } .btn.arrowBtn span{ font-size:.7rem; font-weight:500; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .btn.arrowBtn .icon{ margin-left:var(--indent12); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } .btn.arrowBtn.left span{ order: 1; } .btn.arrowBtn.left .icon{ margin-left: 0; } .btn.arrowBtn.left .icon svg{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform: rotate(180deg); } .btn.arrowBtn:hover span{ color:var(--primary) } .btn.arrowBtn:hover .icon{ -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px) } .btn.arrowBtn:hover .icon{ -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px) } .underlineBtn.bx-catalog-subscribe-button span{ cursor: pointer; } .underlineBtn{ font-size:.7rem; font-weight:700; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .underlineBtn.colored,.underlineBtn:hover{ color:var(--primary) } .btnWrap{ display:-webkit-box; display:-ms-flexbox; display:flex } .elements .btnWrap { margin-right: 7px; } @media (min-width: 500px) { .elements .btnWrap { display:none; } } .btnWrap.fullWidth,.btnWrap.fullWidth .btn{ width:100% } h1{ font-size:2rem; font-weight:700; color:var(--titleColor) } @media screen and (max-width:750px){ h1{ font-size:1.2rem } } h2{ font-size:1.4rem; font-weight:700; color:var(--titleColor) } @media screen and (max-width:750px){ h2{ font-size:1.1rem } } h3{ font-size:1.2rem; font-weight:700; color:var(--titleColor) } @media screen and (max-width:750px){ h3{ font-size:0.8rem } } h4{ font-size:1.0rem; font-weight:700; color:var(--titleColor) } h5{ font-size:0.8rem; font-weight:700; color:var(--titleColor) } @media screen and (max-width:750px){ h3{ font-size:1rem } } .titleWrap{ margin-bottom:var(--indent24) } .titleWrap .title p{ font-size:1.6rem; font-weight:700; line-height:1; color:var(--titleColor) } @media screen and (max-width:750px){ .titleWrap .title p{ font-size:1.2rem } } .field{ margin-bottom:24px; position:relative } .field label{ text-align:center; font-size:.6rem; color:var(--text); left:15px; position:absolute; pointer-events:none; top:10px; font-weight:400; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s; max-width:100%; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .field label.active{ font-size:.6rem; top:-15px; left:0 } .field input{ height:40px; padding-left:15px; font-size:.7rem; -webkit-transition:-webkit-box-shadow .3s; transition:-webkit-box-shadow .3s; -o-transition:box-shadow .3s; transition:box-shadow .3s; transition:box-shadow .3s,-webkit-box-shadow .3s; border:1px solid #a5b0b8; border-radius:4px; font-family:dinPro,sans-serif } .field input:focus+label{ font-size:.6rem; top:-15px; left:0 } .field textarea{ padding-left:15px; padding-top:12px; font-size:.7rem; border:1px solid #a5b0b8; border-radius:4px; font-family:dinPro,sans-serif } .field textarea:focus+label{ font-size:.6rem; top:-15px; left:0 } .field.white input{ background-color:initial; color:#fff } .field.white input+label{ color:#fff } .field .addFile{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:12px } .field .addFile div,.field .addFile input{ border:0; opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer } .field .addFile div+label.first,.field .addFile input+label.first{ position:static; width:40%; height:40px; border:1px solid var(--primary); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-right:12px } .field .addFile div+label.first span,.field .addFile input+label.first span{ display:block } .field .addFile div+label.second,.field .addFile input+label.second{ position:static; width:50%; height:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .field .addFile div:focus+label,.field .addFile input:focus+label{ font-size:.7rem } .field .addFile .text{ font-size:.7rem; text-align:center; width:60%; margin-bottom:0!important } .field .addList{ -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative } .field .addList,.field .addList .addItem{ display:-webkit-box; display:-ms-flexbox; display:flex } .field .addList .addItem{ padding:4px; background-color:#ccc; border-radius:3px; margin-right:6px; margin-bottom:6px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s } .field .addList .addItem p{ font-size:14px; line-height:1.1; margin-bottom:0 } .field .addList .addItem:hover{ opacity:.7 } .checkbox{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-bottom:20px } .checkbox .checkboxField{ width:18px; height:18px; position:relative; margin-right:12px } .checkbox .checkboxField input[type=checkbox]{ opacity:0; position:absolute; top:0; left:0 } .checkbox .checkboxField input[type=checkbox]+label{ position:absolute; top:0; left:0; width:18px; height:18px } .checkbox .checkboxField input[type=checkbox]+label:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid var(--textColor); border-radius:3px } .checkbox .checkboxField input[type=checkbox]+label:after{ content:""; position:absolute; top:5px; left:4px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); width:10px; height:5px; opacity:0; border-left:2px solid var(--primary); border-bottom:2px solid var(--primary) } .checkbox .checkboxField input[type=checkbox]:checked+label:after{ opacity:1 } .checkbox .checkboxText{ font-size:.6rem } .checkbox .checkboxText a{ display:inline-block; color:var(--primary); font-weight:700; text-decoration:underline; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s } .checkbox .checkboxText a:hover{ opacity:.7 } .checkbox.white .checkboxField input[type=checkbox]+label:after,.checkbox.white .checkboxField input[type=checkbox]+label:before{ border-color:#fff } .checkbox.white .checkboxText,.checkbox.white .checkboxText a{ color:#fff } .radio{ display:-webkit-box; display:-ms-flexbox; display:flex; cursor:pointer } .radio .radioField{ margin-top:3px; position:relative; width:20px; height:20px; margin-right:12px } .radio .radioField input{ opacity:0; width:0 } .radio .radioField input+label{ cursor:pointer; position:absolute; left:50%; top:50%; width:16px; height:16px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .radio .radioField input+label:before{ width:100%; height:100%; border:1px solid var(--border); border-radius:50% } .radio .radioField input+label:after,.radio .radioField input+label:before{ content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .radio .radioField input+label:after{ width:50%; height:50%; background-color:var(--primary); border-radius:50%; opacity:0 } .radio .radioField input:checked+label:after{ opacity:1 } .radio label.checkboxText{ cursor:pointer; font-size:.9rem; color:var(--text) } .radio label.checkboxText .title{ font-size:.75rem; color:var(--titleColor); margin-bottom:12px } .radio label.checkboxText .text{ font-size:.7rem; color:var(--text); opacity:.5 } .nice-select{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .nice-select .current{ max-width:100%; display:block; line-height:1.4 } .nice-select .list{ min-width:100% } .nice-select .list .option{ padding:var(--indent8); min-height:0; line-height:1.2 } .nice-select li{ margin-left:0 } .nice-select:after{ border-color:var(--primary) } .counter{ min-height:40px; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; border:1px solid var(--border); border-radius:3px; max-width:120px } .counter .counterBtn{ position:relative; cursor:pointer; width:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .counter .counterBtn .line{ overflow:hidden; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:#ccc } .counter .counterBtn .line.l1{ position:absolute; top:50%; left:50%; width:11px; height:1px } .counter .counterBtn .line.l1:before{ content:""; position:absolute; top:0; left:-11px; width:11px; height:1px; background-color:var(--titleColor); -webkit-transition:left .3s; -o-transition:left .3s; transition:left .3s } .counter .counterBtn .line.l2{ position:absolute; top:50%; left:50%; width:1px; height:11px } .counter .counterBtn .line.l2:before{ content:""; position:absolute; top:11px; left:0; width:1px; height:11px; background-color:var(--titleColor); -webkit-transition:top .3s; -o-transition:top .3s; transition:top .3s } .counter .counterBtn:hover .line.l1:before{ left:0 } .counter .counterBtn:hover .line.l2:before{ top:0 } .counter .counterInput{ width:60px; padding:5px 0 } .counter .counterInput input{ height:100%; font-size:.7rem; text-align:center; border-left:1px solid var(--border); border-right:1px solid var(--border) } @media screen and (max-width:750px){ .counter .counterInput input{ max-width:30px } } header.header .logoWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-right:1vw } @media screen and (max-width:1030px){ header.header .logoWrap{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } } @media screen and (max-width:500px){ header.header .logoWrap{ max-width:50% } } header.header .logoWrap .logo{ margin-right:var(--indent3) } header.header .top{ height:63px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center } header.header .top,header.header .top .topMenu{ display:-webkit-box; display:-ms-flexbox; display:flex } header.header .top .topMenu{ margin-right:1.5vw; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch } @media screen and (max-width:1030px){ header.header .top .topMenu{ display:none } } header.header .top .topMenu .list{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch } header.header .top .topMenu .list .item{ position:relative } header.header .top .topMenu .list .item,header.header .top .topMenu .list .item .link{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } header.header .top .topMenu .list .item .link{ padding:0 10px; min-height:30px; font-size:.6rem; font-weight:500; color:var(--textColor); border-radius:2px; white-space:nowrap } header.header .top .topMenu .list .item__actions .link{ color:var(--primary) } header.header .top .searchForm{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid var(--border); border-radius:2px; position:relative; margin-right:2vw; width:calc(var(--columnGap)*2) } @media screen and (max-width:1680px){ header.header .top .searchForm{ width:auto; -webkit-box-flex:1; -ms-flex-positive:1; /*flex-grow:1*/ } header.header .top .btnWrap.search span{ display: none; } header.header .top .btnWrap.search .mob{ display: block; } header.header .top .btnWrap.search .btn{ min-width: 45px; max-width: 45px; } .wd_seo_region_link{ display: flex; } } @media screen and (max-width:1420px){ header.header .top .searchForm{ display:none } } header.header .top .searchForm .field{ width:100%; margin-bottom:0 } header.header .top .searchForm .field input{ border:none; height:30px; padding-right:32px } header.header .top .searchForm .searchButton{ position:absolute; /*top:-1px; right:-1px; */height:32px; width:70px; border:1px solid var(--primary); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:2px; -webkit-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s } header.header .top .searchForm .searchButton svg{ position:relative; z-index:5 } header.header .top .searchForm .searchButton svg path{ fill:#fff; -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } header.header .top .searchForm .searchButton:hover svg path{ fill:var(--primary) } header.header .top .phones{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; margin-right:1vw } @media screen and (max-width:1030px){ header.header .top .phones{ margin-right:var(--indent32) } } header.header .top .phones .list,header.header .top .phones .list .item{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch } header.header .top .phones .list .item{ margin-right:2vw } header.header .top .phones .list .item .link{ text-align:right; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative } header.header .top .phones .list .item .link img,header.header .top .phones .list .item .link svg{ margin-right:8px } header.header .top .phones .list .item .link span{ color:var(--titleColor); font-size:.75rem; font-weight:700; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } header.header .top .phones .list .item .link:hover span{ color:var(--primary) } header.header .top .phones.option-1 .list{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } header.header .top .phones.option-1 .list .item{ margin-right:0 } header.header .top .btnWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-right:1vw } @media screen and (max-width:1420px){ /* header.header .top .btnWrap{ } */ .top .btn{ min-width: 45px; max-width: 45px; } .top .btn span{ display: none; } } @media screen and (max-width:750px) and (orientation: landscape){ .catalog .list .item .itemImg img{ max-height: 150px!important; } } header.header .top .authorization{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; cursor:pointer } header.header .top .authorization svg path{ fill:hsla(0,0%,100%,0); -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } header.header .top .authorization:hover svg path{ fill:var(--primary) } header.header .bottom{ background-color:#4d4d4d; position:relative } @media screen and (max-width:1030px){ header.header .bottom .dropDownMenu{ display:none } } header.header .bottom .dropDownMenu .list{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } header.header .bottom .dropDownMenu .list .item{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:5px 10px; margin-right:16px; list-style-type:none!important; margin-left:0!important; min-height:35px } @media screen and (max-width:1680px){ header.header .bottom .dropDownMenu .list .item{ margin-right:0 } } @media screen and (max-width:1215px){ header.header .bottom .dropDownMenu .list .item{ display:none } } header.header .bottom .dropDownMenu .list .item .link{ color:#fff; font-size:.7rem; font-weight:500 } header.header .bottom .dropDownMenu .list .item .burger{ cursor:pointer; width:20px; height:12px; position:relative; margin-left:16px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } header.header .bottom .dropDownMenu .list .item .burger svg path{ -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } header.header .bottom .dropDownMenu .list .item .subMenu{ position:absolute; padding-top:12px; padding-bottom:var(--indent32); top:45px; left:0; z-index:10; -webkit-box-shadow:0 0 64px rgba(0,0,0,.05),0 32px 32px rgba(0,0,0,.05),0 16px 16px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05); box-shadow:0 0 64px rgba(0,0,0,.05),0 32px 32px rgba(0,0,0,.05),0 16px 16px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05); background-color:#fff; width:100%; min-width:200px; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s; z-index:-9999; display:none } header.header .bottom .dropDownMenu .list .item .subMenu .subTitle{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:var(--indent12) } header.header .bottom .dropDownMenu .list .item .subMenu .subTitle .imgWrap{ margin-right:var(--indent32) } header.header .bottom .dropDownMenu .list .item .subMenu .subTitle .text p{ font-size:.9rem; font-weight:700; cursor: pointer; } .subTitle .text p:hover{ color: var(--primary); } header.header .bottom .dropDownMenu .list .item .subMenu .subLink{ margin-bottom:4px; line-height:1 } header.header .bottom .dropDownMenu .list .item .subMenu .subLink a,header.header .bottom .dropDownMenu .list .item .subMenu .subLink p,header.header .bottom .dropDownMenu .list .item .subMenu .subLink span{ font-size:.7rem; line-height:1.4 } header.header .bottom .dropDownMenu .list .item.catalogBtn{ background-color:#fff; border-radius:3px; -webkit-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s } @media screen and (max-width:1420px){ header.header .bottom .dropDownMenu .list .item.catalogBtn{ display:-webkit-box; display:-ms-flexbox; display:flex } } header.header .bottom .dropDownMenu .list .item.catalogBtn .link{ color:var(--textColor); text-transform:uppercase; font-weight:700; font-size:.65rem; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } header.header .bottom .dropDownMenu .list .item.catalogBtn .link{ padding: 0; } header.header .bottom .dropDownMenu .list .item.catalogBtn .link:before{ content:none } header.header .bottom .dropDownMenu .list .item.catalogBtn:hover{ background-color:var(--primary) } header.header .bottom .dropDownMenu .list .item.catalogBtn:hover .link{ color:#fff } header.header .bottom .dropDownMenu .list .item.catalogBtn:hover .burger svg path{ fill:#fff } header.header .bottom .dropDownMenu .list .item:hover .subMenu{ display:block; height:auto; z-index:10; opacity:1 } header.header .bottom .inner{ display:-webkit-box; display:-ms-flexbox; display:flex; min-height:55px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center } header.header .bottom .mobileMenuBurger{ background-color:#fff; border-radius:3px; -webkit-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s; height:35px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0 12px; display:none } @media screen and (max-width:1030px){ header.header .bottom .mobileMenuBurger{ display:-webkit-box; display:-ms-flexbox; display:flex } } header.header .bottom .mobileMenuBurger p,header.header .bottom .mobileMenuBurger span{ color:var(--textColor); text-transform:uppercase; font-weight:700; font-size:.65rem; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } header.header .bottom .mobileMenuBurger .icon{ cursor:pointer; width:20px; height:12px; position:relative; margin-left:16px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } header.header .bottom .mobileMenuBurger .icon svg path{ -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } header.header .elements{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } header.header .elements .comparison{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; margin-right:var(--indent24) } header.header .elements .comparison .icon{ position:relative; width:16px; height:20px; margin-right:6px } header.header .elements .comparison .icon .line{ position:absolute; bottom:0; width:2px; background-color:var(--primary); -webkit-transition:height .3s; -o-transition:height .3s; transition:height .3s } header.header .elements .comparison .icon .line.l1{ height:75%; left:0; height:80% } header.header .elements .comparison .icon .line.l2{ left:calc(50% - 1px); height:100% } header.header .elements .comparison .icon .line.l3{ right:0; height:70% } header.header .elements .comparison .quantity{ width:16px; height:16px; background-color:#eee; border-radius:50%; position:relative; -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px) } header.header .elements .comparison .quantity p{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:.55rem; line-height:0 } header.header .elements .comparison:hover .icon .line{ height:100% } header.header .elements .like{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-right:var(--indent24); position:relative } header.header .elements .like svg path{ fill:hsla(0,0%,100%,0); -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } header.header .elements .like .quantity{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:.55rem; color:#fff } header.header .elements .like:hover svg path{ fill:var(--primary) } header.header .elements .cart{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end } header.header .elements .cart svg{ margin-right:8px } header.header .elements .cart .cartText .quantity{ font-size:.6rem; color:#fff; line-height:1.2; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } header.header .elements .cart .cartText .summ{ line-height:0 } header.header .elements .cart .cartText .summ p{ font-weight:700; font-size:.6rem; line-height:1.2; color:var(--primary) } header.header .elements .cart:hover .cartText .quantity{ color:var(--primary) } header.header .elements .cart:hover .cartText .summ p:before{ width:100% } @media screen and ( max-width:1680px ) { header.header .elements .cart .text{ display: none; } } footer.footer .footertop{ border-top:1px solid var(--border); /*border-bottom:1px solid var(--border); */padding-top:var(--indent48); /*padding-bottom:var(--indent16); margin-bottom:var(--indent16)*/ } footer.footer .footerBlock{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-bottom:var(--indent12) } footer.footer .footerBlock .logoWrap{ margin-bottom: 20px; /* -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; align-content: flex-start; flex-direction: column; */ } footer.footer .footerBlock .logoWrap img,footer.footer .footerBlock .logoWrap svg{ max-width:70% } footer.footer .footerBlock .footerAuth{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } footer.footer .footerBlock .footerAuth .link{ font-size:.7rem; font-weight:500; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } footer.footer .footerBlock .footerAuth .link:hover{ color:var(--primary) } footer.footer .footerBlock .footerAuth .separator{ margin:0 var(--indent8); font-size:.7rem } footer.footer .footerBlock .footerAdress { flex: 0 1 auto; font-size: 16px; } footer.footer .footerBlock .footerBlock_grow { flex: 1 1 auto; } footer.footer .footerBlock .footerMenu .list .item{ line-height:1.5; margin-bottom:6px } footer.footer .footerBlock .footerMenu .list .item a{ font-size:.65rem; font-weight:500; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } /* footer.footer .footerBlock .footerMenu .list .item a:hover{ color:var(--primary) } */ footer.footer .footerBlock .footerMenu .list .item.big a{ text-transform:uppercase; color:var(--primary); font-weight:700 } footer.footer .footerBlock .phones{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; margin-right:1vw } @media screen and (max-width:1030px){ footer.footer .footerBlock .phones{ margin-right:var(--indent32) } } footer.footer .footerBlock .phones .list,footer.footer .footerBlock .phones .list .item{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch } footer.footer .footerBlock .phones .list .item{ margin-right:2vw } footer.footer .footerBlock .phones .list .item .link{ text-align:right; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative } footer.footer .footerBlock .phones .list .item .link img,footer.footer .footerBlock .phones .list .item .link svg{ margin-right:8px } footer.footer .footerBlock .phones .list .item .link a{ color:var(--secondary); font-size:.75rem; font-weight:700; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } footer.footer .footerBlock .phones .list .item .link:hover a{ color:var(--primary) } footer.footer .footerBlock .phones.option-1 .list{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } footer.footer .footerBlock .phones.option-1 .list .item{ margin-right:0 } footer.footer .footerBlock .phones{ margin-right:0; margin-bottom:var(--indent12) } footer.footer .footerBlock .bcBtn{ margin-bottom:var(--indent16) } footer.footer .footerBlock .bcBtn a{ font-size:.7rem; font-weight:700; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } footer.footer .footerBlock .bcBtn a:before{ background-color:var(--textColor); width:100% } footer.footer .footerBlock .bcBtn a:hover{ color:var(--primary) } footer.footer .footerBlock .bcBtn a:hover:before{ width:0 } footer.footer .footerBlock.alignRight{ -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end } @media screen and (max-width:750px){ footer.footer .footerBlock.mobileHidden{ display:none } } footer.footer .footerBottom{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-bottom:var(--indent32) } footer.footer .footerBottom .copyright{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } @media screen and (max-width:750px){ footer.footer .footerBottom .copyright{ margin-bottom:var(--indent16) } } footer.footer .footerBottom .copyright p{ color:var(--border); font-size:.7rem; font-weight:700 } footer.footer .footerBottom .develop{ display:-webkit-box; display:-ms-flexbox; display:flex } @media screen and (max-width:750px){ footer.footer .footerBottom .develop{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } } footer.footer .footerBottom .develop .link{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } footer.footer .footerBottom .develop .link p{ color:var(--border); font-size:.7rem; font-weight:700; margin-right:4px } footer.footer .footerBottom .develop .link a{ color:var(--border); font-size:.7rem; font-weight:700; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } footer.footer .footerBottom .develop .link a:hover{ color:var(--primary) } footer.footer .footerBottom .develop .link:not(last-child){ margin-right:var(--column) } @media screen and (max-width:750px){ footer.footer .footerBottom .develop .link:not(last-child){ margin-right:0; margin-bottom:var(--indent16) } } .breadcrumbs{ margin-top:var(--indent32); margin-bottom:var(--indent24) } .breadcrumbs .list .item{ margin-right:6px; position:relative } .breadcrumbs .list .item .link{ font-size:.6rem; font-weight:400 } .breadcrumbs .list .item .icon{ position:absolute; bottom:6px; right:-16px } .breadcrumbs .list .item:last-child{ pointer-events:none; opacity:.5 } .breadcrumbs .list .item:last-child .link{ pointer-events:none } .breadcrumbs .list .item:last-child .icon{ display:none } .mainScreen .sliderWrap .zweb-slider-wrap{ padding-top:0 } .mainScreen .sliderWrap .list .item{ position:relative } .mainScreen .sliderWrap .list .item .imgWrap{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 } .mainScreen .sliderWrap .list .item .imgWrap .desctop{ height:100%; width:100% } @media screen and (max-width:768px){ .mainScreen .sliderWrap .list .item .imgWrap .desctop{ display:none } } .mainScreen .sliderWrap .list .item .imgWrap .mobile{ height:100%; width:100%; display:none } @media screen and (max-width:768px){ .mainScreen .sliderWrap .list .item .imgWrap .mobile{ display:block } } .mainScreen .sliderWrap .list .item .imgWrap img{ position:relative; z-index:1; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .mainScreen .sliderWrap .list .item .content{ padding-top:80px; padding-bottom:20px; position:relative; z-index:5 } .mainScreen .sliderWrap .list .item .content .innerContent{ min-height:570px; width:calc(var(--columnGap)*6); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } @media screen and (max-width:750px){ .mainScreen .sliderWrap .list .item .content .innerContent{ min-height:300px } } @media screen and (max-width:500px){ .mainScreen .sliderWrap .list .item .content .innerContent{ width:75% } .mainScreen .sliderWrap .list .item { height: 430px; } .mainScreen .sliderWrap .list .item .content { /*padding-top: 250px;*/ padding: 0; /*margin-bottom: -22px;*/ position: absolute; bottom: 0; left: 0; right: 0; } .mainScreen .sliderWrap .list .item .content .innerContent { width: 100%; background-color: rgba(0, 0, 0, 0.5); display: block; color: #FFFFFF; text-align: center; min-height: unset; padding: 20px 0 30px; } .mainScreen .sliderWrap .list .item .content .innerContent .title p, .mainScreen .sliderWrap .list .item .content .innerContent .subTitle p{ color: #FFFFFF; } .mainScreen .sliderWrap .list .item .content .innerContent .title, .mainScreen .sliderWrap .list .item .content .innerContent .subTitle{ line-height: 0.75; font-size: 22px; } .mainScreen .sliderWrap .list .item .content .innerContent .title { margin-bottom: 0; } .mainScreen .sliderWrap .list .item .content .subTitle { margin-bottom: 15px !important; font-size: 20px; } .mainScreen .sliderWrap .list .item .content .btnWrap { margin-bottom: 0 !important; display: block; width: 197px; margin: 0 auto; } } .mainScreen .sliderWrap .list .item .content .title{ margin-bottom:12px } .mainScreen .sliderWrap .list .item .content .title p{ font-size:2.3rem; color:var(-titleColor); font-weight:900; line-height:1 } @media screen and (max-width:750px){ .mainScreen .sliderWrap .list .item .content .title p{ font-size:1.8rem } } @media screen and (max-width:500px){ .mainScreen .sliderWrap .list .item .content .title p{ font-size:1.2rem } } .mainScreen .sliderWrap .list .item .content .subTitle{ margin-bottom:var(--indent60) } .mainScreen .sliderWrap .list .item .content .subTitle p{ font-size:1.6rem; font-weight:900; line-height:1.2; color:var(-titleColor) } @media screen and (max-width:750px){ .mainScreen .sliderWrap .list .item .content .subTitle p{ font-size:1rem } } .mainScreen .sliderWrap .list .item .content .btnWrap{ margin-bottom:60px } .mainScreen .sliderWrap .sliderBtns{ width:100%; top:auto; bottom:18px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .mainScreen .sliderWrap .sliderBtns .sliderBtn.left{ margin-right:var(--indent40) } .catalogMpSlider1{ padding-top:var(--indent32); padding-bottom:var(--indent60) } .adwantages .list .item{ display:-webkit-box; display:-ms-flexbox; display:flex; padding:var(--indent32); background:var(--gradient); border-radius:4px } .adwantages .list .item .iconWrap{ width:32px; margin-right:var(--indent32) } .adwantages .list .item .iconWrap img,.adwantages .list .item .iconWrap svg{ max-width:100%; -o-object-fit:contain; object-fit:contain } .adwantages .list .item .content{ width:calc(100% - 32px - var(--indent32)) } .adwantages .list .item .content .text p{ font-size:.8rem; font-weight:500 } .aboutMp{ padding-top:var(--indent60); padding-bottom:var(--indent60) } .aboutMp .aboutWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .aboutMp .aboutWrap .aboutLeft{ width:50%; padding-right:var(--columnGap) } @media screen and (max-width:1030px){ .aboutMp .aboutWrap .aboutLeft{ width:100%; padding-right:0; margin-bottom:var(--indent40) } } .aboutMp .aboutWrap .aboutLeft .text{ margin-bottom:var(--indent16) } .aboutMp .aboutWrap .aboutLeft .text p{ font-size:.7rem; margin-bottom:var(--indent12) } .aboutMp .aboutWrap .aboutRight{ width:50% } @media screen and (max-width:1030px){ .aboutMp .aboutWrap .aboutRight{ width:100% } } .aboutMp .aboutWrap .aboutRight .aboutAdwantages .list{ margin-bottom:var(--indent48) } .aboutMp .aboutWrap .aboutRight .aboutAdwantages .list .item .number{ margin-bottom:var(--indent12) } .aboutMp .aboutWrap .aboutRight .aboutAdwantages .list .item .number p{ font-size:2.5rem; color:var(--primary); font-weight:700; line-height:1 } .aboutMp .aboutWrap .aboutRight .aboutAdwantages .list .item .title{ margin-bottom:var(--indent24); min-height:44px } @media screen and (max-width:500px){ .aboutMp .aboutWrap .aboutRight .aboutAdwantages .list .item .title{ min-height:0 } } .aboutMp .aboutWrap .aboutRight .aboutAdwantages .list .item .title p{ font-size:.8rem; font-weight:700; text-transform:uppercase; color:var(--titleColor) } .aboutMp .aboutWrap .aboutRight .aboutAdwantages .list .item .text p{ font-size:.6rem } .aboutMp .aboutWrap .aboutRight .aboutGarant .title{ margin-bottom:var(--indent12) } .aboutMp .aboutWrap .aboutRight .aboutGarant .title p{ font-size:1.4rem; font-weight:700 } .aboutMp .aboutWrap .aboutRight .aboutGarant .list .item{ margin-bottom:var(--indent8); display:-webkit-box; display:-ms-flexbox; display:flex } .aboutMp .aboutWrap .aboutRight .aboutGarant .list .item .iconWrap{ width:32px; margin-right:var(--indent32) } .aboutMp .aboutWrap .aboutRight .aboutGarant .list .item .content{ width:calc(100% - 32px - var(--indent32)) } .aboutMp .aboutWrap .aboutRight .aboutGarant .list .item .content .text p{ font-size:.9rem; font-weight:500 } .reviews .reviewsTop{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } @media screen and (max-width:750px){ .reviews .reviewsTop{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-bottom:var(--indent32) } } .reviews .reviewsTop .btnWrap{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } .reviews .reviewsBtn{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .reviews .reviewsBtn p{ font-size:.7rem; margin-right:var(--indent12) } .reviews .reviewsBtn .arrow{ width:21px; height:21px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid var(--primary); border-radius:1px } .reviews .reviewsBtn .arrow svg{ position:relative; z-index:5 } .reviews .reviewsBtn .arrow svg path{ -webkit-transition:stroke .3s; -o-transition:stroke .3s; transition:stroke .3s } .reviews .reviewsBtn .arrow:hover svg path,.reviews .reviewsBtn:hover .arrow svg path{ stroke:var(--primary); } .reviews .reviewsBtn:hover .arrow{ background-color: #fff; } .reviews .reviewsBtn:hover .arrow:before{ -webkit-transform:translateX(calc(-100% - 1px)); -ms-transform:translateX(calc(-100% - 1px)); transform:translateX(calc(-100% - 1px)) } .reviews .reviewsBtn:hover .arrow:after{ -webkit-transform:translateX(calc(100% + 1px)); -ms-transform:translateX(calc(100% + 1px)); transform:translateX(calc(100% + 1px)) } .reviews .list .item{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } @media screen and (max-width:750px){ .reviews .list .item{ margin-bottom:var(--indent32) } } .reviews .list .item .imgWrap{ width:var(--columnGap); padding-right:var(--gap) } @media screen and (max-width:1030px){ .reviews .list .item .imgWrap{ width:50%; margin-bottom:var(--indent16) } } @media screen and (max-width:750px){ .reviews .list .item .imgWrap{ width:calc(var(--columnGap)*3); padding-right:var(--indent32); margin-bottom:0 } } .reviews .list .item .content{ width:calc(100% - var(--columnGap)) } @media screen and (max-width:1030px){ .reviews .list .item .content{ width:100% } } @media screen and (max-width:750px){ .reviews .list .item .content{ width:calc(var(--columnGap)*8 + var(--column)) } } .reviews .list .item .content .title{ margin-bottom:var(--indent8) } .reviews .list .item .content .title p{ font-size:.8rem; font-weight:500; color:var(--titleColor) } .reviews .list .item .content .subTitle{ margin-bottom:var(--indent8) } .reviews .list .item .content .subTitle p{ font-size:.8rem; font-weight:900 } .reviews .list .item .content .text{ margin-bottom:var(--indent8) } .reviews .list .item .content .text p{ font-size:.7rem } .actions .list .item{ position:relative } @media screen and (max-width:500px){ .actions .list .item{ max-height:150px } } .actions .list .item .imgWrap{ position:relative; z-index:1; height:100% } .actions .list .item .imgWrap img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .actions .list .item .title{ position:absolute; top:0; left:0; z-index:5; padding:var(--indent32) calc(var(--indent32) + 10px); width:100%; height:100% } .actions .list .item .title p{ display:inline; -webkit-box-shadow:-10px 0 0 var(--primary),10px 0 0 var(--primary); box-shadow:-10px 0 0 var(--primary),10px 0 0 var(--primary); font-size:1rem; color:#fff; font-weight:700; background-color:var(--primary); -webkit-transition:color .3s,background-color .3s,-webkit-box-shadow .3s; transition:color .3s,background-color .3s,-webkit-box-shadow .3s; -o-transition:color .3s,box-shadow .3s,background-color .3s; transition:color .3s,box-shadow .3s,background-color .3s; transition:color .3s,box-shadow .3s,background-color .3s,-webkit-box-shadow .3s } .actions .list .item:hover .title p{ -webkit-box-shadow:-10px 0 0 #fff,10px 0 0 #fff; box-shadow:-10px 0 0 #fff,10px 0 0 #fff; background-color:#fff; color:var(--primary) } .actions .list .item.vx2{ grid-row-start:span 2 } @media screen and (max-width:500px){ .actions .list .item.vx2{ grid-row-start:span 1 } } .actions .list .item.vx2 .title p{ font-size:1.8rem } @media screen and (max-width:1030px){ .actions .list .item.vx2 .title p{ font-size:1.2rem } } .complexEquipment{ padding:0 } .complexEquipment .innerWrap{ display:-webkit-box; display:-ms-flexbox; display:flex } .complexEquipment .content{ padding-top:var(--indent60); padding-bottom:var(--indent60); padding-right:var(--columnGap) } @media screen and (max-width:1030px){ .complexEquipment .content{ padding-left:20px } } @media screen and (max-width:750px){ .complexEquipment .content{ padding:var(--indent60) 15px; width:100% } } @media screen and (max-width:500px){ .complexEquipment .content{ padding:var(--indent60) 10px } } .complexEquipment .content .title{ margin-bottom:var(--indent24) } .complexEquipment .content .title p{ font-size:2.5rem; color:#fff; font-weight:700; line-height:1 } @media screen and (max-width:750px){ .complexEquipment .content .title p{ font-size:1.2rem } } .complexEquipment .content .title p span{ color:var(--primary) } .complexEquipment .content .text{ margin-bottom:var(--indent60) } .complexEquipment .content .text p{ color:#fff; font-size:.85rem; font-weight:500; margin-bottom:var(--indent12) } @media screen and (max-width:750px){ .complexEquipment .content .text p{ font-size:.7rem } } .complexEquipment .complexEquipmentImg{ padding:0; position:relative } @media screen and (max-width:750px){ .complexEquipment .complexEquipmentImg{ display:none } } .complexEquipment .complexEquipmentImg img{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .seo .content .text p{ font-size:.7rem; margin-bottom:var(--indent12) } @media screen and (max-width:750px){ .seo .seoImgWrap{ display:none } } .seo .seoImgWrap img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .category .list .item{ position:relative; min-height:275px; max-height:275px; overflow:hidden } @media screen and (max-width:750px){ .category .list .item{ min-height:200px; max-height:200px } } .category .list .item .catItemBack{ height:100%; position:relative; z-index:1; border:1px solid var(--border); border-radius:4px; background:-o-linear-gradient(350.62deg,#f4f4f4 .8%,rgba(214,217,219,.292634) 25.08%,rgba(201,205,208,.13) 60.98%,rgba(201,205,208,.56) 100%); background:linear-gradient(99.38deg,#f4f4f4 .8%,rgba(214,217,219,.292634) 25.08%,rgba(201,205,208,.13) 60.98%,rgba(201,205,208,.56)) } .category .list .item .catItemBack .title{ margin-bottom:var(--indent12); padding:var(--indent32) } .category .list .item .catItemBack .title p,.category .list .item .catItemBack .title a{ font-size:1.4rem; font-weight:700; line-height:1.1; color:var(--textColor) } @media screen and (max-width:750px){ .category .list .item .catItemBack .title p,.category .list .item .catItemBack .title a{ /*font-size:1rem*/ font-size: 16px; } } .category .list .item .catItemBack .imgWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; position:absolute; bottom:0; right:0 } .category .list .item .catItemBack .imgWrap img{ max-height:160px; -o-object-fit:contain; object-fit:contain } .category .list .item .catItemFront{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; padding:var(--indent32); background-color:var(--primary); -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s; pointer-events:none; opacity:0 } .category .list .item .catItemFront .title{ margin-bottom:var(--indent12) } .category .list .item .catItemFront .title p,.category .list .item .catItemFront .title a{ font-size:1.2rem; color:#fff; font-weight:700 } .category .list .item .catItemFront .frontList{ height:130px; max-height:130px } .category .list .item .catItemFront .frontList .frontItem{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:var(--indent8) } .category .list .item .catItemFront .frontList .frontItem a,.category .list .item .catItemFront .frontList .frontItem p,.category .list .item .catItemFront .frontList .frontItem span{ font-size:.7rem; font-weight:700; color:#fff } .category .list .item:hover .catItemFront{ pointer-events:all; opacity:1 } .catalog .subCategory{ margin-bottom:var(--indent40) } .catalog .subCategory .subCategoryList .subCategoryItem{ position:relative; min-height:175px; border:1px solid var(--border); border-radius:4px; cursor:pointer } .catalog .subCategory .subCategoryList .subCategoryItem .title{ position:relative; z-index:5; width: 90%; /* width:50%; */ padding:var(--indent32); padding-top: 15px ; } @media screen and (max-width:1420px){ .catalog .subCategory .subCategoryList .subCategoryItem .title{ padding:var(--indent24) padding-top: 15px; } } .catalog .subCategory .subCategoryList .subCategoryItem .title p{ font-size:.9rem; font-weight:900; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .catalog .subCategory .subCategoryList .subCategoryItem .imgWrap{ position:absolute; bottom:5px; right:5px; /* width:100%; height:100%; */ z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; max-height: 140px; } .catalog .subCategory .subCategoryList .subCategoryItem .imgWrap img{ width:100%; height:100%; -o-object-fit:contain; object-fit:contain; max-height: inherit; } .catalog .subCategory .subCategoryList .subCategoryItem:hover{ border-color:var(--primary) } .catalog .subCategory .subCategoryList .subCategoryItem:hover .title p{ color:var(--primary) } .catalog .subCategory .subCategoryList .subCategoryItem.active{ border-color:var(--primary) } .catalog .catalogWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .catalog .catalogWrap .catalogFilter{ width:calc(var(--columnGap)*3); padding-right:var(--gap) } @media screen and (max-width:1420px){ .catalog .catalogWrap .catalogFilter{ width:calc(var(--columnGap)*4) } } @media screen and (max-width:1030px){ .catalog .catalogWrap .catalogFilter{ width:300px } } .catalog .catalogWrap .catalogInner{ width:calc(var(--column)*9 + var(--gap)*8) } @media screen and (max-width:1420px){ .catalog .catalogWrap .catalogInner{ width:calc(var(--column)*8 + var(--gap)*7) } } @media screen and (max-width:1030px){ .catalog .catalogWrap .catalogInner{ width:100% } } .catalog .catalogWrap .catalogTopSort{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; width:100%; margin-bottom:var(--indent24) } .catalog .catalogWrap .catalogTopSort .mobileFilterBtnWrap{ display:none } @media screen and (max-width:1030px){ .catalog .catalogWrap .catalogTopSort .mobileFilterBtnWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } } @media screen and (max-width:750px){ .catalog .catalogWrap .catalogTopSort .mobileFilterBtnWrap{ width:100%; margin-bottom:var(--indent24) } } @media screen and (max-width:750px){ .catalog .catalogWrap .catalogTopSort .mobileFilterBtnWrap .btn{ width:100% } } .catalog .catalogWrap .catalogTopSort .sortBy{ margin-right:var(--indent60) } @media screen and (max-width:750px){ .catalog .catalogWrap .catalogTopSort .sortBy{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-bottom:var(--indent24) } } .catalog .catalogWrap .catalogTopSort .sortBy .nice-select{ border:none; height:20px } .catalog .catalogWrap .catalogTopSort .sortBy .nice-select .current{ height:20px } .catalog .catalogWrap .catalogTopSort .sortQuantity{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } @media screen and (max-width:750px){ .catalog .catalogWrap .catalogTopSort .sortQuantity{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } } .catalog .catalogWrap .catalogTopSort .sortQuantity .text p{ font-size:.7rem } .catalog .catalogWrap .catalogTopSort .sortQuantity .nice-select{ margin-left:var(--indent8); margin-right:var(--indent8); height:20px; border-color:var(--border); padding-left:5px; padding-right:23px } .catalog .catalogWrap .catalogTopSort .sortQuantity .nice-select .current{ height:20px } .catalog .catalogWrap .catalogTopSort .sortQuantity .nice-select .option{ text-align:center } .catalog .list{ margin-bottom:var(--indent24) } .catalog .list .item{ position:relative; -webkit-transition:-webkit-box-shadow .3s; transition:-webkit-box-shadow .3s; -o-transition:box-shadow .3s; transition:box-shadow .3s; transition:box-shadow .3s,-webkit-box-shadow .3s; background-color:#fff; border:1px solid var(--border); border-radius:3px } .catalog .list .item .itemImg{ margin-bottom:var(--indent24); position:relative } .catalog .list .item .itemImg img{ /* -o-object-fit:contain; object-fit:contain; max-height:350px */ -o-object-fit: contain; object-fit: contain; max-height: 300px; min-height: 300px; justify-content: center; align-items: center; } .catalog .list .item .itemImg .fastLookBtn{ border: 1px solid var(--primary); border-radius: 3px; background-color: #FFF; position:absolute; bottom:10px; right:var(--indent24); z-index:5 } .catalog .list .item .itemImg .fastLookBtn svg path{ -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } .catalog .list .item .itemImg .fastLookBtn:hover svg path{ fill:var(--primary) } .catalog .list .item .itemTitle{ margin-bottom:var(--indent12); padding:0 var(--indent24); display:-webkit-box; display:-ms-flexbox; display:flex } .catalog .list .item .itemTitle a,.catalog .list .item .itemTitle p,.catalog .list .item .itemTitle span{ font-size:.8rem; font-weight:700; color:var(--textColor) } .catalog .list .item .itemRow{ padding:0 var(--indent24); display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:var(--indent12) } .catalog .list .item .itemPrice{ margin-bottom:var(--indent12) } .catalog .list .item .itemPrice .oldPrice a,.catalog .list .item .itemPrice .oldPrice p,.catalog .list .item .itemPrice .oldPrice span{ font-size:.9rem; color:var(--border); font-weight:500; line-height:1; text-decoration:line-through } .catalog .list .item .itemPrice .newPrice a,.catalog .list .item .itemPrice .newPrice p,.catalog .list .item .itemPrice .newPrice span{ line-height:1; font-size:1.2rem; color:var(--titleColor); font-weight:500 } .catalog .list .item .btnWrap .btn{ min-width:140px; max-width:140px } .catalog .list .item .controlsList{ position:absolute; top:12px; right:0 } .catalog .list .item .controlsList .controlsItem{ cursor:pointer; margin-right:.6rem } .catalog .list .item .controlsList .controlsItem.cardLike svg path{ stroke:var(--primary); fill:hsla(0,0%,100%,0); -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } .catalog .list .item .controlsList .controlsItem.cardLike.active svg path,.catalog .list .item .controlsList .controlsItem.cardLike:hover svg path{ fill:var(--primary) } .catalog .list .item .controlsList .controlsItem.cardComparison .icon{ position:relative; width:16px; height:20px; margin-right:6px } .catalog .list .item .controlsList .controlsItem.cardComparison .icon .line{ position:absolute; bottom:0; width:2px; background-color:var(--primary); -webkit-transition:height .3s; -o-transition:height .3s; transition:height .3s } .catalog .list .item .controlsList .controlsItem.cardComparison .icon .line.l1{ height:75%; left:0; height:80% } .catalog .list .item .controlsList .controlsItem.cardComparison .icon .line.l2{ left:calc(50% - 1px); height:100% } .catalog .list .item .controlsList .controlsItem.cardComparison .icon .line.l3{ right:0; height:70% } .catalog .list .item .controlsList .controlsItem.cardComparison.active .icon .line,.catalog .list .item .controlsList .controlsItem.cardComparison:hover .icon .line{ height:100% } .catalog .list .item .bottom{ -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch } .catalog .list .item:hover{ -webkit-box-shadow:2px 2px 8px rgba(0,0,0,.1); box-shadow:2px 2px 8px rgba(0,0,0,.1) } .catalog .catalogBottom{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-left:calc(var(--columnGap)*3) } @media screen and (max-width:1420px){ .catalog .catalogBottom{ padding-left:0 } } @media screen and ( max-width:500px ) { .catalog .catalogBottom{ flex-direction: column; } .catalog .catalogBottom .btnWrap{ margin-bottom: 20px; justify-content: center; } } .catalog .catalogBottom .btnWrap .btn{ border-color:var(--primary); width:calc(var(--column)*3 + var(--gap)*2) } @media screen and (max-width:1420px){ .catalog .catalogBottom .btnWrap .btn{ width:calc(var(--column)*4 + var(--gap)*3) } .catalog .list .item .btnWrap .btn{ min-width:40px!important; } } @media screen and (max-width:1030px){ .catalog .catalogBottom .btnWrap .btn{ width:calc(var(--column)*6 + var(--gap)*5) } } @media screen and (max-width:500px){ .catalog .catalogBottom .btnWrap .btn{ width:auto } } .horisontalCard{ display:-webkit-box; display:-ms-flexbox; display:flex; border:1px solid var(--border); border-radius:4px } .horisontalCard .imgBlock{ width:33%; border-right:1px solid #f3f3f3; position:relative } .horisontalCard .imgBlock .tagList{ left:auto; right:0 } .horisontalCard .imgBlock .tagList .tagItem{ min-height:28px } .horisontalCard .imgBlock .tagList .tagItem p{ font-size:.7rem; text-transform:none } .horisontalCard .contentBlock{ width:67%; padding:var(--indent12) var(--indent24) } .horisontalCard .contentBlock .title{ margin-bottom:var(--indent12) } .horisontalCard .contentBlock .title p{ font-size:.7rem; font-weight:700 } .horisontalCard .contentBlock .priceWrap .newPrice p{ font-size:.8rem; font-weight:500; color:var(--titleColor) } .horisontalCard .contentBlock .priceWrap .oldPrice p{ font-size:.65rem; text-decoration:line-through; font-weight:500; color:#a3a3a3 } .socialList{ display:-webkit-box; display:-ms-flexbox; display:flex } .socialList .socialItem{ margin-right:4px } .socialList .socialItem .socialLink svg path{ fill:var(--primary); -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } .socialList .socialItem:hover .socialLink svg path{ fill:var(--secondary) } .catalogFilter{ background-color:#fff; position:relative } @media screen and (max-width:1030px){ .catalogFilter{ position:fixed; width:250px; top:120px; left:0; z-index:99; margin-right:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); height:100vh; padding:32px 24px 120px; overflow-y:scroll } } @media screen and (max-width:750px){ .catalogFilter{ top:45px } } .catalogFilter.active{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } .catalogFilter .mobileCross{ position:absolute; top:4px; right:4px; display:none } @media screen and (max-width:1030px){ .catalogFilter .mobileCross{ display:block } } .catalogFilter .filterInner{ margin-bottom:var(--indent60) } .catalogFilter .filterSearch{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border:1px solid #000; margin-bottom:24px } .catalogFilter .filterSearch .field{ width:calc(100% - 40px); margin-bottom:0; border-color:rgba(0,0,0,0) } .catalogFilter .filterSearch .field input{ border:none } .catalogFilter .filterSearch .icon{ width:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; cursor:pointer } .catalogFilter .filterSearch .icon svg{ max-width:100%; max-height:100%; width:24px; height:24px } .catalogFilter .block{ position:relative } .catalogFilter .block .filterResult{ position:absolute; top:50%; left:273px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .catalogFilter .block .filterResult .filterSticker{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .catalogFilter .block .filterResult .text p{ font-size:.7rem } .catalogFilter .block .caption{ cursor:pointer; margin-bottom: 10px; } .catalogFilter .block .caption,.catalogFilter .block .caption .icon{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .catalogFilter .block .caption .icon{ width:16px; height:16px; position:relative; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .catalogFilter .block .caption .icon img,.catalogFilter .block .caption .icon svg{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } .catalogFilter .block .caption .title{ margin-right:var(--indent12) } .catalogFilter .block .caption .title p{ font-size:.8rem; font-weight:700; margin-bottom:0 } .catalogFilter .block .caption.active .icon img,.catalogFilter .block .caption.active .icon svg{ -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } .catalogFilter .block .innerBlock{ margin-bottom:10px; display:none } .catalogFilter .block .innerBlock .valuesList{ -webkit-transition:height .3s; -o-transition:height .3s; transition:height .3s; overflow:hidden } .catalogFilter .block .innerBlock .valuesList.active{ overflow-y:scroll; height:350px } .catalogFilter .block .innerBlock .checkbox{ margin-bottom:8px } .catalogFilter .block .innerBlock .checkbox .checkboxText{ font-size:.7rem; color:#000 } .catalogFilter .block .innerBlock .btnMore{ margin-left:0; cursor:pointer } .catalogFilter .block .innerBlock .btnMore a,.catalogFilter .block .innerBlock .btnMore p,.catalogFilter .block .innerBlock .btnMore span{ color:var(--textColor); font-size:.7rem; text-decoration:underline; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .catalogFilter .block .innerBlock .btnMore a.p1,.catalogFilter .block .innerBlock .btnMore p.p1,.catalogFilter .block .innerBlock .btnMore span.p1{ display:block } .catalogFilter .block .innerBlock .btnMore.active a.p1,.catalogFilter .block .innerBlock .btnMore.active p.p1,.catalogFilter .block .innerBlock .btnMore.active span.p1,.catalogFilter .block .innerBlock .btnMore a.p2,.catalogFilter .block .innerBlock .btnMore p.p2,.catalogFilter .block .innerBlock .btnMore span.p2{ display:none } .catalogFilter .block .innerBlock .btnMore.active a.p2,.catalogFilter .block .innerBlock .btnMore.active p.p2,.catalogFilter .block .innerBlock .btnMore.active span.p2{ display:block } .catalogFilter .block .innerBlock .btnMore:hover a,.catalogFilter .block .innerBlock .btnMore:hover p,.catalogFilter .block .innerBlock .btnMore:hover span{ color:var(--primary) } .catalogFilter .block .innerBlock.active{ display:block } .catalogFilter .block .priceFilter .priceCaption{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:8px } .catalogFilter .block .priceFilter .priceCaption input{ border:1px solid var(--textColor); width:calc(50% - 23px); height:40px; font-size:.8rem; padding:var(--indent12); border-radius:4px } .catalogFilter .block .priceFilter .priceCaption input:last-of-type{ text-align:right } .catalogFilter .block .priceFilter .priceCaption .line{ width:10px; height:1px; background-color:var(--textColor) } .catalogFilter .block .priceFilter .priceSlider .backLine{ width:100%; background-color:#e8eeef; height:3px; position:relative } .catalogFilter .block .priceFilter .priceSlider .backLine .frontLine{ position:absolute; top:0; left:25%; height:3px; background-color:var(--primary); width:auto!important } .catalogFilter .block .priceFilter .priceSlider .backLine .leftBtn{ cursor:pointer; position:absolute; left:25%; top:-9px; height:21px; width:3px; background:var(--primary) } .catalogFilter .block .priceFilter .priceSlider .backLine .rightBtn{ cursor:pointer; position:absolute; right:25%; top:-9px; height:21px; width:3px; background:var(--primary) } .catalogFilter .btnWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .catalogFilter .btnWrap .underlineBtn{ font-size:.7rem; font-weight:700; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .catalogFilter .btnWrap .underlineBtn:before{ width:100% } .catalogFilter .btnWrap .underlineBtn:hover{ color:var(--primary) } .catalogFilter .btnWrap .underlineBtn:hover:before{ width:0 } .catalogFilter .btnWrap .btn{ width:calc(50% - 8px); min-width:0; border-color:#e8eeef; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .catalogFilter .btnWrap .btn .icon{ margin-right:8px } .catalogFilter .btnWrap .btn span{ text-transform:none; color:#000; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .catalogFilter .btnWrap .btn:hover span{ color:#fff } .paggination{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .paggination,.paggination .arrow{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .paggination .arrow{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border:1px solid var(--primary); border-radius:3px; width:31px; height:31px } .paggination .arrow svg{ position:relative; z-index:5 } .paggination .arrow svg path{ -webkit-transition:stroke .3s; -o-transition:stroke .3s; transition:stroke .3s } .paggination .arrow.left{ margin-right:var(--indent12) } .paggination .arrow:hover svg path{ stroke:#fff } .paggination .paggList .paggItem{ border-radius:3px; margin-right:var(--indent12); -webkit-box-shadow:none; box-shadow:none; width:31px; height:31px } .paggination .paggList .paggItem .text{ font-size:.7rem } .paggination .paggList .paggItem .text:before{ width:100% } .paggination .paggList .paggItem:hover{ -webkit-box-shadow:none; box-shadow:none } .paggination .paggList .paggItem:hover .text:before{ width:0 } .paggination .paggList .paggItem.active:before{ -webkit-transform:translateX(calc(-50% + 1px)); -ms-transform:translateX(calc(-50% + 1px)); transform:translateX(calc(-50% + 1px)) } .paggination .paggList .paggItem.active:after{ -webkit-transform:translateX(calc(50% - 1px)); -ms-transform:translateX(calc(50% - 1px)); transform:translateX(calc(50% - 1px)) } .paggination .paggList .paggItem.active .text{ color:#fff } .cardPage .cardInner .sliderWrap .big{ position:relative } .cardPage .cardInner .sliderWrap .big .cardCounter{ position:absolute; bottom:var(--indent24); right:var(--indent24); z-index:10; border:1px solid var(--primary); background-color:#fff; padding:6px 15px } .cardPage .cardInner .sliderWrap .big .cardCounter .counterInner{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .cardPage .cardInner .sliderWrap .big .cardCounter .counterInner .counterIcon{ margin-right:var(--indent12) } .cardPage .cardInner .sliderWrap .big .cardCounter .counterInner .block{ margin-right:12px; position:relative } .cardPage .cardInner .sliderWrap .big .cardCounter .counterInner .block.blockDots:after{ content:":"; font-size:.9rem; font-weight:700; color:#000; position:absolute; right:-9px; top:-3px } .cardPage .cardInner .sliderWrap .big .cardCounter .counterInner .block .numeral p{ font-size:.9rem; font-weight:500; text-align:center; line-height:1 } .cardPage .cardInner .sliderWrap .big .cardCounter .counterInner .block .text p{ font-size:.7rem; color:var(--border); text-align:center } .cardPage .cardInner .sliderWrap .big .cardCounter .counterInner .block:last-of-type{ margin-right:0 } .cardPage .cardInner .sliderWrap .big .cardCounter .counterInner .block:last-of-type:after{ content:none } .cardPage .cardInner .sliderWrap .big .list .item{ min-height:445px; display:-webkit-box; display:-ms-flexbox; display:flex !important; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } @media screen and (max-width:1420px){ .cardPage .cardInner .sliderWrap .big .list .item{ min-height:0 } } .cardPage .cardInner .sliderWrap .big .list .item img{ width:100%; -o-object-fit:contain; object-fit:contain } .cardPage .cardInner .sliderWrap .little{ padding:0 24px } .cardPage .cardInner .sliderWrap .little .zweb-slider-arrow{ padding:15px } .cardPage .cardInner .sliderWrap .little .zweb-slider-arrow:before{ border-color:var(--primary); border-width:2px; -webkit-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s } .cardPage .cardInner .sliderWrap .little .zweb-slider-arrow:hover:before{ border-color:var(--textColor) } .cardPage .cardInner .sliderWrap .little .zweb-slider-arrow.zweb-slider-arrow-left{ left:-20px } .cardPage .cardInner .sliderWrap .little .zweb-slider-arrow.zweb-slider-arrow-right{ right:-20px } .cardPage .cardInner .sliderWrap .little .list .item{ cursor:pointer; border:1px solid var(--border); border-radius:3px } .cardPage .cardInner .cardCharacteristics{ padding-right:var(--column) } @media screen and (max-width:1420px){ .cardPage .cardInner .cardCharacteristics{ padding-right:0; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } } .cardPage .cardInner .cardCharacteristics .characteristicsTitle{ padding:var(--indent16) var(--indent12); background:var(--gradient) } .cardPage .cardInner .cardCharacteristics .characteristicsTitle p{ color:var(--titleColor); font-size:.7rem; font-weight:700; text-transform:uppercase } .cardPage .cardInner .cardCharacteristics .canVolume{ padding-top:var(--indent12); margin-bottom:var(--indent40) } .cardPage .cardInner .cardCharacteristics .canVolume .list{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .cardPage .cardInner .cardCharacteristics .canVolume .list .item{ width:var(--columnGap); padding-right:var(--indent12); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:var(--indent12) } @media screen and (max-width:1030px){ .cardPage .cardInner .cardCharacteristics .canVolume .list .item{ width:50% } } .cardPage .cardInner .cardCharacteristics .canVolume .list .item .imgWrap{ width:35px; height:35px; margin-right:var(--indent8) } .cardPage .cardInner .cardCharacteristics .canVolume .list .item .title{ width:calc(100% - 35px - var(--indent8)) } .cardPage .cardInner .cardCharacteristics .canVolume .list .item .title p{ font-size:.7rem } .cardPage .cardInner .cardCharacteristics .charTable{ margin-bottom:var(--indent16) } .cardPage .cardInner .cardCharacteristics .charTable .row{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border-bottom:1px solid var(--border) } .cardPage .cardInner .cardCharacteristics .charTable .row .column{ padding:var(--indent12); max-width:75% } .cardPage .cardInner .cardCharacteristics .charTable .row .column p{ font-size:.7rem } .cardPage .cardInner .cardCharacteristics .underlineBtn{ font-size:.9rem } .cardPage .cardInner .cardDescription{ grid-row-start:span 2 } @media screen and (max-width:1420px){ .cardPage .cardInner .cardDescription .sticky{ position:-webkit-sticky; position:sticky; top:50px } } @media screen and (max-width:750px){ .cardPage .cardInner .cardDescription .sticky{ position:static } } .cardPage .cardInner .cardDescription .descTop{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:var(--indent24) } .cardPage .cardInner .cardDescription .descTop .availability{ padding:4px var(--indent8) } .cardPage .cardInner .cardDescription .descTop .availability p{ font-size:.7rem; font-weight:700; color:#fff } .cardPage .cardInner .cardDescription .descTop .availability.true{ background-color:#6fcf97 } .cardPage .cardInner .cardDescription .descTop .availability.false{ background-color:#eb5757 } .cardPage .cardInner .cardDescription .descTop .article p{ font-size:.6rem; font-weight:700 } .cardPage .cardInner .cardDescription .reviewsBtnWrap{ margin-bottom:var(--indent12) } .cardPage .cardInner .cardDescription .priceWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; margin-bottom:var(--indent24) } .cardPage .cardInner .cardDescription .priceWrap .priceBlock{ margin-right:var(--indent32) } .cardPage .cardInner .cardDescription .priceWrap .priceBlock .oldPrice p{ font-size:.6rem; font-weight:700; color:var(--border); text-decoration:line-through; line-height:1 } .cardPage .cardInner .cardDescription .priceWrap .priceBlock .newPrice p{ font-size:1.2rem; font-weight:700; color:var(--titleColor); line-height:1 } .cardPage .cardInner .cardDescription .cardColors{ margin-bottom:var(--indent40) } .cardPage .cardInner .cardDescription .cardColors .colorTitle{ margin-bottom:var(--indent12) } .cardPage .cardInner .cardDescription .cardColors .colorTitle p{ font-size:.7rem } .cardPage .cardInner .cardDescription .cardColors .list{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .cardPage .cardInner .cardDescription .cardColors .list .item{ cursor:pointer; width:56px; height:36px; border:1px solid var(--border); border-radius:3px; margin-bottom:var(--indent24); margin-right:var(--indent32) } .cardPage .cardInner .cardDescription .cardColors .list .item.active{ border-color:var(--primary) } .cardPage .cardInner .cardDescription .row{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:var(--indent32) } .cardPage .cardInner .cardDescription .row .counter{ margin-right:var(--indent32) } @media screen and (max-width:1680px){ .cardPage .cardInner .cardDescription .row .counter{ margin-bottom:var(--indent32) } } .cardPage .cardInner .cardDescription .row .btnWrap{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } .cardPage .cardInner .cardDescription .row .btnWrap .btn{ width:100% } .cardPage .cardInner .cardDescription .row .btnWrap .btn:not(last-child){ margin-right:var(--indent32) } .cardPage .cardInner .cardDescription .row .additionBlock{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; margin-right:var(--indent32); margin-bottom:var(--indent24) } .cardPage .cardInner .cardDescription .row .additionBlock .icon{ margin-right:var(--indent8) } .cardAdwantages .list{ width:100%; display:grid; grid-template-columns:repeat(5,1fr); grid-template-rows:repeat(1,auto); grid-gap:var(--gap) } @media screen and (max-width:1420px){ .cardAdwantages .list{ grid-template-columns:repeat(3,1fr) } } @media screen and (max-width:750px){ .cardAdwantages .list{ grid-template-columns:repeat(2,1fr) } } @media screen and (max-width:500px){ .cardAdwantages .list{ grid-template-columns:repeat(1,1fr) } } .cardAdwantages .list .item .top{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:var(--indent12) } .cardAdwantages .list .item .top .iconWrap{ width:50px; margin-right:var(--indent24) } .cardAdwantages .list .item .top .title{ width:calc(100% - 50px - var(--indent24)) } .cardAdwantages .list .item .top .title p{ font-size:.75rem; color:var(--titleColor); font-weight:700 } .cardAdwantages .list .item .text p{ font-size:.6rem } .tabsSection .innerWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; justify-content:wrap; flex-wrap:wrap; } /* .tabsSection .tabsWrap{ width:calc(var(--column)*8 + var(--gap)*7) } */ @media screen and (max-width:1350px){ .tabsSection .tabsWrap{ width:100% } } .tabsSection .secondTabs{ width:calc(var(--column)*4 + var(--gap)*4); padding-left:var(--gap) } @media screen and (max-width:1420px){ .tabsSection .secondTabs{ padding-left:0; width:calc(var(--column)*4 + var(--gap)*3) } } @media screen and (max-width:750px){ .tabsSection .secondTabs{ width:100% } } .tabs{ margin-bottom:24px } .tabs.option1 .tabNavs{ display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom:1px solid #f3f3f3; padding-bottom:var(--indent12) } @media screen and (max-width:1030px){ .tabs.option1 .tabNavs{ overflow-x:scroll } } .tabs.option1 .tabNavs .tabPill1{ position:relative; padding:var(--indent12); text-align:center; cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width: 20%; } @media screen and (max-width:1030px){ .tabs.option1 .tabNavs .tabPill1{ min-width:200px } } .tabs.option1 .tabNavs .tabPill1:not(:last-child){ border-right:1px solid #f3f3f3 } .tabs.option1 .tabNavs .tabPill1:before{ content:""; width:0; background-color:var(--textColor); border-top:none; position:absolute; bottom:calc(-1*var(--indent12)); left:0; height:1px; -webkit-transition:width .3s; -o-transition:width .3s; transition:width .3s } .tabs.option1 .tabNavs .tabPill1 .icon{ width:27px; height:27px; margin-right:var(--indent12) } .tabs.option1 .tabNavs .tabPill1 .icon img,.tabs.option1 .tabNavs .tabPill1 .icon svg{ max-width:100%; max-height:100% } .tabs.option1 .tabNavs .tabPill1 .icon img path,.tabs.option1 .tabNavs .tabPill1 .icon svg path{ fill:var(--textColor); -webkit-transition:fill; -o-transition:fill; transition:fill } .tabs.option1 .tabNavs .tabPill1 .text p{ font-size:.8rem; color:var(--textColor); font-weight:700; white-space:nowrap } .tabs.option1 .tabNavs .tabPill1:hover:before{ width:100% } .tabs.option1 .tabNavs .tabPill1.active .icon svg symbol path{ fill:var(--primary) } .text p,.tabs.option1 .tabNavs .tabPill1.active .text p{ color:var(--titleColor) } .tabs.option1 .tabNavs .tabPill1.active:before{ width:100% } .tabs.option1 .tabContent{ padding-top:var(--indent32); padding-right: var(--indent32); } .tabs.option1 .tabContent .tabPane,.tabs.option1 .tabContent .tabPane1{ display:none } .tabs.option1 .tabContent .tabPane.active,.tabs.option1 .tabContent .tabPane1.active{ display:block } .tabs.option1 .tabContent .tabPane .text p, .tabs.option1 .tabContent .tabPane1 .text p{ margin-bottom:var(--indent12); font-size:.7rem } .tabs.option1 .tabContent .tabPane .tabsReviews .revList .revItem,.tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem{ display:-webkit-box; display:-ms-flexbox; display:flex } .tabs.option1 .tabContent .tabPane .tabsReviews .revList .revItem:not(:last-child),.tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem:not(:last-child){ margin-bottom:var(--indent24) } .tabs.option1 .tabContent .tabPane .tabsReviews .revList .revItem .imgWrap,.tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem .imgWrap{ width:100px } .tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem .revContent{ width:calc(100% - 100px); padding-left:var(--indent40) } .tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem .revContent .title{ margin-bottom:var(--indent12) } .tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem .revContent .title p{ font-size:.9rem; font-weight:700; color:var(--titleColor) } .tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem .revContent .subTitle{ margin-bottom:var(--indent12) } .tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem .revContent .subTitle p{ font-size:.8rem } .tabs.option1 .tabContent .tabPane1 .tabsReviews .revList .revItem .revContent .text p{ font-size:.7rem } .tabs.option2 .tabNavs{ display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom:1px solid #f3f3f3; padding-bottom:0; margin-bottom:var(--indent24) } .tabs.option2 .tabNavs .tabPill{ position:relative; padding:var(--indent12); text-align:center; cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } .tabs.option2 .tabNavs .tabPill .text p{ font-size:1.3rem; color:var(--textColor); font-weight:400; white-space:nowrap; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } @media screen and (max-width:1680px){ .tabs.option2 .tabNavs .tabPill .text p{ font-size:1rem } } .tabs.option2 .tabNavs .tabPill:hover .text p{ color:#fff } .tabs.option2 .tabNavs .tabPill.active:before{ -webkit-transform:translateX(calc(-50% + 1px)); -ms-transform:translateX(calc(-50% + 1px)); transform:translateX(calc(-50% + 1px)) } .tabs.option2 .tabNavs .tabPill.active:after{ -webkit-transform:translateX(calc(50% - 1px)); -ms-transform:translateX(calc(50% - 1px)); transform:translateX(calc(50% - 1px)) } .tabs.option2 .tabNavs .tabPill.active .text p{ color:#fff; font-weight:700 } .tabs.option2 .tabNavs .tabPill.active:before{ width:100% } .tabs.option1 .tabNavs .tabPill1.active .icon svg path { fill: var(--primary); } .tabs.option2 .tabContent{ border:1px solid var(--border); border-radius:3px; padding:var(--indent32) } .tabs.option2 .tabContent .tabPane{ display:none } .tabs.option2 .tabContent .benefitSign,.tabs.option2 .tabContent .tabPane.active{ display:-webkit-box; display:-ms-flexbox; display:flex } .tabs.option2 .tabContent .benefitSign{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0 var(--indent12) } .tabs.option2 .tabContent .benefitSign p{ font-size:1.5rem; font-weight:500; color:var(--primary) } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem{ display:-webkit-box; display:-ms-flexbox; display:flex } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem:not(:last-child){ margin-bottom:var(--indent32) } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem .imgWrap{ overflow:hidden; border-radius:3px; width:33% } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem .imgWrap img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem .newsContent{ width:67%; padding-left:var(--indent16) } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem .newsContent .title{ margin-bottom:4px } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem .newsContent .title p{ font-size:.9rem; font-weight:700; color:var(--titleColor) } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem .newsContent .subTitle{ margin-bottom:6px } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem .newsContent .subTitle p{ font-size:.7rem } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem .newsContent .text p{ font-size:.7rem; font-weight:300 } .newsPage .list{ margin-bottom:var(--indent32) } .newsPage .list .item .imgWrap img{ width:100%; -o-object-fit:cover; object-fit:cover } .newsPage .list .item .content .title{ margin-bottom:6px } .newsPage .list .item .content .title p{ font-size:.9rem; font-weight:700; color:var(--titleColor) } .newsPage .list .item .content .subTitle{ margin-bottom:8px } .newsPage .list .item .content .subTitle p,.newsPage .list .item .content .text p{ font-size:.7rem } .newsPage .bottom{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } .contentPage .topImg{ margin-bottom:var(--indent40) } .contentPage .topImg img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .contentPage .contentPageWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .contentPage .contentPageWrap .sidebar{ width:calc(var(--column)*3 + var(--gap)*2) } @media screen and (max-width:750px){ .contentPage .contentPageWrap .sidebar{ width:100% } } .contentPage .contentPageWrap .sidebar .date{ margin-bottom:var(--indent32) } .contentPage .contentPageWrap .sidebar .date p{ font-size:.7rem } .contentPage .contentPageWrap .sidebar .link{ margin-bottom:var(--indent12) } .contentPage .contentPageWrap .sidebar .link a,.contentPage .contentPageWrap .sidebar .link p,.contentPage .contentPageWrap .sidebar .link span{ font-weight:700; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s; margin-bottom:0 } .contentPage .contentPageWrap .sidebar .link a:hover,.contentPage .contentPageWrap .sidebar .link p:hover,.contentPage .contentPageWrap .sidebar .link span:hover{ color:var(--primary) } .contentPage .contentPageWrap .sidebar .btnWrap{ margin-bottom:var(--indent12) } .contentPage .contentPageWrap .sidebar .separator{ background-color:#e8eeef; width:100%; height:1px; margin-bottom:var(--indent24) } .contentPage .contentPageWrap .sidebar .text{ margin-bottom:var(--indent12) } .contentPage .contentPageWrap .sidebar .text p{ font-size:.7rem } .contentPage .contentPageWrap .sidebar .socialList{ margin-bottom:var(--indent40) } .contentPage .contentPageWrap .sidebar .title{ margin-top: var(--indent24); margin-bottom:var(--indent24); width: 100%; } .contentPage .contentPageWrap .sidebar .title p{ font-size:1rem; font-weight:700 } .contentPage .contentPageWrap .sidebar .btnWrap .btn{ text-transform:uppercase; width:auto; gap: 5px; width: 100%; } .contentPage .contentPageWrap .content{ width:calc(var(--column)*9 + var(--gap)*9); padding-left:var(--indent40) } @media screen and (max-width:750px){ .contentPage .contentPageWrap .content{ padding-left:0; width:100%; margin-bottom:var(--indent24); -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1 } } .contentPage .contentPageWrap .content .title{ margin-bottom:var(--indent16) } .contentPage .contentPageWrap .content .title p{ font-size:1.4rem; font-weight:700; color:var(--titleColor) } .contentPage .contentPageWrap .content .text{ margin-bottom:var(--indent32) } .contentPage .contentPageWrap .content .text p{ font-size:.7rem; margin-bottom:var(--indent12) } .contentPage .contentPageWrap .content .borderText{ padding:var(--indent32) var(--indent60); margin-bottom:var(--indent32); border:1px solid var(--primary); width:calc(100% - var(--columnGap)); border-radius:3px } .contentPage .contentPageWrap .content .borderText p{ font-size:.8rem; font-weight:500; color:var(--titleColor); margin-bottom:var(--indent12) } @media screen and (max-width:750px){ .contactsPage .column{ margin-bottom:var(--indent24) } } .contactsPage .column .title{ margin-bottom:var(--indent16) } .contactsPage .column .title p{ color:var(--titleColor); font-weight:700; text-transform:uppercase; font-size:.9rem } .contactsPage .column .text{ margin-bottom:var(--indent12) } .contactsPage .column .text p{ font-size:.8rem } .contactsPage .column .phone{ margin-bottom:var(--indent12) } .contactsPage .column .phone a{ font-size:.8rem; font-weight:900; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .contactsPage .column .phone a:hover{ color:var(--primary) } .contactsPage .column .workTime p{ font-size:.75rem } .contactsPage .column .workTime p span{ color:var(--textColor) } .contactsPage .column .form{ width:100%; display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(1,auto); grid-gap:20px var(--gap); } @media screen and (max-width:750px){ .contactsPage .column .form{ grid-template-columns: repeat(1,1fr); } .sliderWrap .sliderBtns .sliderBtn { width: 32px!important; height: 32px!important; margin-top: 10px; } } .contactsPage .column .form .field{ margin-bottom:0 } .contactsPage .column .form .field textarea{ height:100% } .contactsPage .column .form .field.vx2{ grid-row-start:span 2 } .contactsPage .column .form .checkbox{ grid-column-start:span 2; margin-bottom:0 } @media screen and (max-width:750px){ .contactsPage .column .form .checkbox{ grid-column-start:span 1 } } .contactsPage .column .form .btnWrap{ grid-column-start:span 2 } @media screen and (max-width:750px){ .contactsPage .column .form .btnWrap{ grid-column-start:span 1 } } .contactsPage .column .contactsList{ margin-bottom:var(--indent24) } .contactsPage .column .contactsList .contactsItem{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; margin-bottom:var(--indent8) } .contactsPage .column .contactsList .contactsItem .icon{ margin-right:var(--indent12) } .contactsPage .column .contactsList .contactsItem .text{ margin-bottom:0 } .contactsPage .column .contactsList .contactsItem .text p{ font-size:.8rem; font-weight:700; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .contactsPage .column .contactsList .contactsItem:hover .text p{ color:var(--primary) } .contactsPage .column .iconsList{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:var(--indent32) } .contactsPage .column .iconsList .iconsItem{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-right:var(--indent12); -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } .contactsPage .column .iconsList .iconsItem:hover{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } .contactsPage .column .videWrap{ position:relative; min-height:230px } .contactsPage .column .videWrap .videoBg{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; z-index:1 } .contactsPage .column .videWrap .videoBtn{ position:absolute; top:50%; left:50%; z-index:5; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor:pointer } .contactsPage .column .videWrap .videoBtn img{ -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } .contactsPage .column .videWrap .videoBtn:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } .contactsPage .column .mapWrap .map{ width:100%; min-height:340px } @media screen and (max-width:750px){ .contactsPage .column .mapWrap .map{ min-height:250px } } .whereBuy .cityesList{ grid-gap:8px; margin-bottom:var(--indent40) } .whereBuy .cityesList .cityesItem{ border:1px solid var(--border); border-radius:3px; height:var(--btnHeight); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; cursor: pointer; } .whereBuy .cityesList .cityesItem span{ font-size:.9rem; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s; color:var(--titleColor) } @media screen and (max-width:750px){ .whereBuy .cityesList .cityesItem span{ font-size:.7rem } } .whereBuy .cityesList .cityesItem.active p,.whereBuy .cityesList .cityesItem.active span{ color:#fff } .whereBuy .cityesList .cityesItem.active:before{ -webkit-transform:translateX(calc(-50% + 1px)); -ms-transform:translateX(calc(-50% + 1px)); transform:translateX(calc(-50% + 1px)) } .whereBuy .cityesList .cityesItem.active:after{ -webkit-transform:translateX(calc(50% - 1px)); -ms-transform:translateX(calc(50% - 1px)); transform:translateX(calc(50% - 1px)) } .whereBuy .cityesList .cityesItem.active span{ color:var(--primary) } .whereBuy .mapWrap{ width:100%; margin-bottom:var(--indent40) } .whereBuy .mapWrap .map{ width:100%; min-height:400px } @media screen and (max-width:750px){ .whereBuy .mapWrap .map{ min-height:250px } } .whereBuy .shopsList .shopsItem{ padding:var(--indent16) var(--indent24); border:1px solid var(--border); border-radius:4px; -webkit-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s } .whereBuy .shopsList .shopsItem p{ font-size:.7rem; margin-bottom:6px } .whereBuy .shopsList .shopsItem p b{ color:var(--titleColor) } .whereBuy .shopsList .shopsItem p a{ color:var(--titleColor); font-weight:700 } .whereBuy .shopsList .shopsItem p a:hover{ color:var(--primary) } .whereBuy .shopsList .shopsItem.active,.whereBuy .shopsList .shopsItem:hover{ border-color:var(--primary) } .pricePage .priceWrap table{ border:1px solid #f5f7f9; border-radius:4px; width:100% } .pricePage .priceWrap table thead{ background-color:#f5f7f9 } .pricePage .priceWrap table thead th{ padding:12px; font-size:.7rem } .pricePage .priceWrap table thead th:last-child{ text-align:right } .pricePage .priceWrap table tbody tr{ padding:0 12px; -webkit-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s } .pricePage .priceWrap table tbody tr:hover{ background-color:#f5f7f9 } .pricePage .priceWrap table tbody td{ padding:12px; font-size:.7rem } .pricePage .priceWrap table tbody td:last-child{ text-align:right } .pricePage .priceWrap table tbody td img{ max-width:50px; border:1px solid #f5f7f9; border-radius:3px } .pricePage .priceWrap table tbody td .flex{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } .pricePage .priceWrap table tbody td .flex p{ font-size:.5rem; color:#898e99; margin-right:12px } .pricePage .priceWrap table tbody td .flex .downloadBtn{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-right:12px } .pricePage .priceWrap table tbody td .flex .downloadBtn span{ font-size:.5rem; font-weight:700; color:var(--titleColor); display:block; margin-right:6px } .pricePage .priceWrap table tbody td .flex .downloadBtn svg{ width:20px; display:block } .pricePage .rightText{ padding-left:var(--column) } .pricePage .rightText .title{ margin-bottom:var(--indent16) } .pricePage .rightText .title p{ font-size:.9rem; font-weight:700; color:var(--titleColor) } .pricePage .rightText .text p{ font-size:.7rem; margin-bottom:var(--indent12) } .favoritePage .favoriteList .favoriteItem{ padding-bottom:var(--indent32); margin-bottom:var(--indent32); border-bottom:1px solid var(--border) } .favoritePage .favoriteList .favoriteItem .block{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .favoritePage .favoriteList .favoriteItem .block .title{ margin-bottom:var(--indent12) } .favoritePage .favoriteList .favoriteItem .block .title p{ font-size:.9rem; font-weight:700; color:var(--titleColor) } .favoritePage .favoriteList .favoriteItem .block .tagList{ position:static; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-bottom:var(--indent12) } .favoritePage .favoriteList .favoriteItem .block .price{ margin-bottom:var(--indent12) } .favoritePage .favoriteList .favoriteItem .block .price p{ text-align:right; font-size:1rem; font-weight:700 } .favoritePage .favoriteList .favoriteItem .block .btnWrap .addBtn{ text-decoration:underline; font-size:.8rem; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .favoritePage .favoriteList .favoriteItem .block .btnWrap .addBtn:hover{ color:var(--primary) } .BecomeDealer .topText{ width:calc(var(--columnGap)*9); margin-bottom:var(--indent24) } .BecomeDealer .topText p{ font-size:.7rem; margin-bottom:var(--indent12) } .sampleCategories .scList .scItem{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:var(--indent32) var(--indent48); position:relative } @media screen and (max-width:750px){ .sampleCategories .scList .scItem{ padding:var(--indent24) } } .sampleCategories .scList .scItem .scItemBg,.sampleCategories .scList .scItem .scItemBg:before{ position:absolute; top:0; left:0; width:100%; height:100% } .sampleCategories .scList .scItem .scItemBg:before{ content:""; z-index:5; background:-webkit-gradient(linear,left top,right top,color-stop(6.69%,#4d4d4d),color-stop(29.87%,rgba(77,77,77,.873661)),color-stop(68.39%,rgba(77,77,77,0))); background:-o-linear-gradient(left,#4d4d4d 6.69%,rgba(77,77,77,.873661) 29.87%,rgba(77,77,77,0) 68.39%); background:linear-gradient(90deg,#4d4d4d 6.69%,rgba(77,77,77,.873661) 29.87%,rgba(77,77,77,0) 68.39%) } .sampleCategories .scList .scItem .scItemBg img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; position:relative; z-index:1 } .sampleCategories .scList .scItem .scTitle{ width:calc(50% - var(--indent24)); position:relative; z-index:5; margin-bottom:var(--indent12) } @media screen and (max-width:1680px){ .sampleCategories .scList .scItem .scTitle{ width:100% } } .sampleCategories .scList .scItem .scTitle .title p{ font-size:1.4rem; line-height:1.2; font-weight:700; color:#fff } @media screen and (max-width:750px){ .sampleCategories .scList .scItem .scTitle .title p{ font-size:1rem } } .sampleCategories .scList .scItem .scContent{ width:calc(50% - var(--indent24)); position:relative; z-index:5 } @media screen and (max-width:1680px){ .sampleCategories .scList .scItem .scContent{ width:100% } } .sampleCategories .scList .scItem .scContent .scInnerList .scInnerItem{ margin-left:var(--indent24); position:relative; line-height:1; margin-bottom:4px } .sampleCategories .scList .scItem .scContent .scInnerList .scInnerItem:before{ content:""; position:absolute; top:9px; left:calc(-1*var(--indent16)); width:6px; height:6px; background-color:#fff; border-radius:50% } .sampleCategories .scList .scItem .scContent .scInnerList .scInnerItem a,.sampleCategories .scList .scItem .scContent .scInnerList .scInnerItem p{ font-size:.8rem; font-weight:700; color:#fff; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } @media screen and (max-width:750px){ .sampleCategories .scList .scItem .scContent .scInnerList .scInnerItem a,.sampleCategories .scList .scItem .scContent .scInnerList .scInnerItem p{ font-size:.7rem } } .sampleCategories .scList .scItem .scContent .scInnerList .scInnerItem a:hover,.sampleCategories .scList .scItem .scContent .scInnerList .scInnerItem p:hover{ color:var(--primary) } .sampleCategories .scList .scItem.big{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .sampleCategories .scList .scItem.big .scItemBg:before{ background:-webkit-gradient(linear,right top,left top,color-stop(49.55%,#5e5e5e),color-stop(65.39%,rgba(93,93,93,.702066)),to(rgba(93,93,93,.42))); background:-o-linear-gradient(right,#5e5e5e 49.55%,rgba(93,93,93,.702066) 65.39%,rgba(93,93,93,.42) 100%); background:linear-gradient(270deg,#5e5e5e 49.55%,rgba(93,93,93,.702066) 65.39%,rgba(93,93,93,.42)) } .sampleCategories .scList .scItem.big .scTitle{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:0 } @media screen and (max-width:1680px){ .sampleCategories .scList .scItem.big .scTitle{ width:calc(50% - var(--indent24)) } } @media screen and (max-width:750px){ .sampleCategories .scList .scItem.big .scTitle{ width:100% } } .sampleCategories .scList .scItem.big .scTitle .title p{ font-size:1.8rem } @media screen and (max-width:750px){ .sampleCategories .scList .scItem.big .scTitle .title p{ font-size:1rem } } @media screen and (max-width:1680px){ .sampleCategories .scList .scItem.big .scContent{ width:calc(50% - var(--indent24)) } } @media screen and (max-width:750px){ .sampleCategories .scList .scItem.big .scContent{ width:100% } } .backCall{ padding-top:var(--indent60); padding-bottom:var(--indent60) } .backCall .bcWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .backCall .bcWrap .bcContent{ width:calc(var(--columnGap)*7); padding-right:var(--columnGap) } @media screen and (max-width:750px){ .backCall .bcWrap .bcContent{ width:100%; padding-right:0; margin-bottom:var(--indent32) } } .backCall .bcWrap .bcContent .title{ margin-bottom:var(--indent40); text-transform:uppercase } .backCall .bcWrap .bcContent .title p{ font-size:2.5rem; color:var(--primary); font-weight:700 } @media screen and (max-width:1030px){ .backCall .bcWrap .bcContent .title p{ font-size:1.8rem } } @media screen and (max-width:500px){ .backCall .bcWrap .bcContent .title p{ font-size:1.2rem } } .backCall .bcWrap .bcContent .text p{ font-size:.7rem; color:#fff; margin-bottom:var(--indent12) } .backCall .bcWrap .bcForm{ width:calc(var(--column)*5 + var(--gap)*4) } @media screen and (max-width:750px){ .backCall .bcWrap .bcForm{ width:100% } } .backCall .bcWrap .bcForm .form{ grid-gap:24px } .backCall .bcWrap .bcForm .form .field{ margin-bottom:0 } .backCall .bcWrap .bcForm .form .field input{ background-color:initial } .backCall .bcWrap .bcForm .form .checkbox{ margin-bottom:0 } .aboutPage .content{ padding-right:var(--indent60) } @media screen and (max-width:500px){ .aboutPage .content{ padding-right:0 } } .aboutPage .content .text p{ font-size:.8rem; margin-bottom:var(--indent12) } .aboutPage .imgWrap img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .documents .innerWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap } .documents .innerWrap .documentBlock{ width:calc(var(--columnGap)*2); padding-right:var(--gap) } @media screen and (max-width:1680px){ .documents .innerWrap .documentBlock{ width:calc(var(--columnGap)*3) } } @media screen and (max-width:1030px){ .documents .innerWrap .documentBlock{ width:calc(50% - var(--indent24)); margin-bottom:var(--indent32) } } .documents .innerWrap .documentBlock img{ width:100%; -o-object-fit:contain; object-fit:contain } .documents .innerWrap .docListWrap{ width:calc(var(--column)*8 + var(--gap)*7) } @media screen and (max-width:1680px){ .documents .innerWrap .docListWrap{ width:calc(var(--column)*5 + var(--gap)*4) } } @media screen and (max-width:1030px){ .documents .innerWrap .docListWrap{ width:100% } } .documents .innerWrap .docList{ grid-gap:24px } .documents .innerWrap .docList .docItem,.documents .innerWrap .docList .docItem .icon{ display:-webkit-box; display:-ms-flexbox; display:flex } .documents .innerWrap .docList .docItem .icon{ width:45px; height:45px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-right:var(--indent24) } .documents .innerWrap .docList .docItem .icon img,.documents .innerWrap .docList .docItem .icon svg{ max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain } .documents .innerWrap .docList .docItem .docContent{ width:calc(100% - 45px - var(--indent24)) } .documents .innerWrap .docList .docItem .docContent .title{ margin-bottom:var(--indent12) } .documents .innerWrap .docList .docItem .docContent .title p{ font-size:.8rem; color:var(--titleColor); font-weight:500; line-height:1.1 } .documents .innerWrap .docList .docItem .docContent .docFormat{ margin-bottom:0 } .documents .innerWrap .docList .docItem .docContent .docFormat p{ font-size:.7rem; color:var(--border) } .reviewsPage .reviewsList{ margin-bottom:var(--indent32) } .reviewsPage .reviewsList .reviewsItem{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:var(--indent24); border-radius:3px; border:1px solid var(--border); position:relative } .reviewsPage .reviewsList .reviewsItem .top{ position:relative; z-index:5; width:100%; margin-bottom:var(--indent12) } .reviewsPage .reviewsList .reviewsItem .top .title{ margin-bottom:var(--indent8) } .reviewsPage .reviewsList .reviewsItem .top .title p{ font-size:.9rem; color:var(--titleColor) } .reviewsPage .reviewsList .reviewsItem .top .subTitle p{ font-size:.8rem; font-weight:700; color:var(--titleColor) } .reviewsPage .reviewsList .reviewsItem .imgWrap{ width:100px; margin-right:var(--indent24) } .reviewsPage .reviewsList .reviewsItem .content{ width:calc(100% - 100px - var(--indent24)) } .reviewsPage .reviewsList .reviewsItem .content .text{ margin-bottom:var(--indent12) } .reviewsPage .reviewsList .reviewsItem .content .text p{ font-size:.7rem } .reviewsPage .reviewsList .reviewsItem .content .btnMore a,.reviewsPage .reviewsList .reviewsItem .content .btnMore p{ font-size:.7rem; font-weight:700 } .reviewsPage .reviewsList .reviewsItem.videRev{ padding:0 } .reviewsPage .reviewsList .reviewsItem.videRev .top{ position:absolute; top:var(--indent24); left:var(--indent24) } .reviewsPage .reviewsList .reviewsItem.videRev .top .subTitle p,.reviewsPage .reviewsList .reviewsItem.videRev .top .title p{ color:#fff } .reviewsPage .reviewsList .reviewsItem.videRev .videWrap{ position:relative; top:0; left:0; width:100%; min-height:300px; height:100% } .reviewsPage .reviewsList .reviewsItem.videRev .videWrap .videoBg{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; z-index:1 } .reviewsPage .reviewsList .reviewsItem.videRev .videWrap .videoBtn{ position:absolute; top:50%; left:50%; z-index:5; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor:pointer } .reviewsPage .reviewsList .reviewsItem.videRev .videWrap .videoBtn img{ -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s } .reviewsPage .reviewsList .reviewsItem.videRev .videWrap .videoBtn:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } .paggWrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-left:203px } @media screen and (max-width:750px){ .paggWrap{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-left:0 } } .paggWrap .btnWrap{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } @media screen and (max-width:750px){ .paggWrap .btnWrap{ width:100%; margin-bottom:var(--indent32) } } .paggWrap .btnWrap .btn{ width:calc(var(--column)*3 + var(--gap)*2) } @media screen and (max-width:750px){ .paggWrap .btnWrap .btn{ width:100% } } .cartPage{ padding-top:50px } .cartPage .form{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .cartPage .form .left{ width:calc(var(--columnGap)*9); padding-right:var(--column) } @media screen and (max-width:1030px){ .cartPage .form .left{ width:calc(var(--columnGap)*8); padding-right:var(--column) } } @media screen and (max-width:750px){ .cartPage .form .left{ width:100%; padding-right:0 } } .cartPage .header{ margin-bottom:12px } @media screen and (max-width:1030px){ .cartPage .header{ display:none } } .cartPage .header .title p{ font-size:.6rem; color:#000; opacity:.5 } .cartPage .product{ position:relative; margin-bottom:32px; padding-bottom:var(--indent16); border-bottom:1px solid #d2d2d2 } @media screen and (max-width:1030px){ .cartPage .product{ grid-gap:32px 8px } } .cartPage .product .cancel{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:hsla(0,0%,100%,.8); z-index:10; display:none } .cartPage .product .cancel .text{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .cartPage .product .cancel .text p{ font-size:1rem; margin-right:12px } .cartPage .product .cancel .text a{ font-size:1rem; font-weight:700; color:var(--red) } .cartPage .product .block,.cartPage .product .cancel.active{ display:-webkit-box; display:-ms-flexbox; height: 70px; display:flex } .cartPage .product .block{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative } .cartPage .product .block:before{ content:attr(data-title); position:absolute; top:-18px; left:0; font-size:.6rem; color:rgba(0,0,0,.5); display:none } @media screen and (max-width:1030px){ .cartPage .product .block:before{ display:block } } .cartPage .product .block .icon img{ max-width:100%; max-height:70px; -o-object-fit:contain; object-fit:contain } @media screen and (max-width:500px){ .cartPage .product .block .icon img{ max-height:none } } .cartPage .product .block .checkbox{ margin-right:6px; margin-bottom:0 } .cartPage .product .block .title p{ font-size:.8rem; line-height:1.2; color:#000 } @media screen and (max-width:500px){ .cartPage .product .block .title p{ font-size:.7rem } } .cartPage .product .block .cross{ width:20px; height:20px; border:1px solid var(--gray); border-radius:50%; position:relative; cursor:pointer; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } .cartPage .product .block .cross .line{ overflow:hidden; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:var(--border) } .cartPage .product .block .cross .line.l1{ position:absolute; top:50%; left:50%; width:16px; height:2px } .cartPage .product .block .cross .line.l1:before{ content:""; position:absolute; top:0; left:-16px; width:16px; height:2px; background-color:var(--primary); -webkit-transition:left .3s; -o-transition:left .3s; transition:left .3s } .cartPage .product .block .cross .line.l2{ position:absolute; top:50%; left:50%; width:2px; height:16px } .cartPage .product .block .cross .line.l2:before{ content:""; position:absolute; top:16px; left:0; width:2px; height:16px; background-color:var(--primary); -webkit-transition:top .3s; -o-transition:top .3s; transition:top .3s } .cartPage .product .block .cross:hover .line.l1:before{ left:0 } .cartPage .product .block .cross:hover .line.l2:before{ top:0 } .cartPage .product .block.dell{ -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5 } @media screen and (max-width:1030px){ .cartPage .product .block.dell{ -webkit-box-ordinal-group:initial; -ms-flex-order:initial; order:0; position:absolute; top:12px; right:12px } } .cartPage .bottom{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } @media screen and (max-width:750px){ .cartPage .bottom{ margin-bottom:var(--indent32) } } .cartPage .bottom .promocode{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center } @media screen and (max-width:750px){ .cartPage .bottom .promocode{ margin-bottom:var(--indent32); width:100% } } .cartPage .bottom .promocode .field{ width:calc(var(--columnGap)*2); margin-right:var(--indent32); margin-bottom:0 } @media screen and (max-width:750px){ .cartPage .bottom .promocode .field{ width:100%; margin-right:0 } } .cartPage .bottom .promocode .text{ width:calc(var(--columnGap)*2) } @media screen and (max-width:750px){ .cartPage .bottom .promocode .text{ width:100% } } .cartPage .bottom .promocode .text p{ font-size:.8rem; line-height:1.1 } @media screen and (max-width:750px){ .cartPage .bottom .btnWrap,.cartPage .bottom .btnWrap .btn{ width:100% } } .cartPage .right{ width:calc(var(--column)*3 + var(--gap)*2) } @media screen and (max-width:1030px){ .cartPage .right{ width:calc(var(--column)*4 + var(--gap)*3) } } @media screen and (max-width:750px){ .cartPage .right{ width:100% } } .cartPage .right .sticky{ position:-webkit-sticky; position:sticky; border:1px solid var(--border); padding:var(--indent24) var(--indent40); border-radius:4px } .cartPage .right .sticky .title{ max-width:80% } @media screen and (max-width:1680px){ .cartPage .right .sticky .title{ max-width:100% } } .cartPage .right .sticky .title p{ font-size:1.2rem; font-weight:900; color:var(--titleColor) } .cartPage .right .sticky .totalPrice{ margin-bottom:var(--indent12); max-width:80% } @media screen and (max-width:1680px){ .cartPage .right .sticky .totalPrice{ max-width:100% } } .cartPage .right .sticky .totalPrice p{ font-size:1.2rem; font-weight:900; color:var(--titleColor) } .cartPage .right .sticky .discount{ max-width:80%; margin-bottom:var(--indent16) } @media screen and (max-width:1680px){ .cartPage .right .sticky .discount{ max-width:100% } } .cartPage .right .sticky .discount p{ color:#9b9b9b; font-size:.6rem; font-weight:600 } .cartPage .right .sticky .discount p span{ color:var(--titleColor) } .lkPage .lkList{ width:100%; display:grid; grid-template-columns:repeat(5,1fr); grid-template-rows:repeat(1,auto); grid-gap:var(--gap) } @media screen and (max-width:1030px){ .lkPage .lkList{ grid-template-columns:repeat(3,1fr) } } @media screen and (max-width:750px){ .lkPage .lkList{ grid-template-columns:repeat(2,1fr) } } .lkPage .lkList .lkItem{ padding:var(--indent16) var(--indent32); border-radius:3px; border:1px solid var(--border); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; cursor:pointer; min-height:144px; -webkit-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s } .lkPage .lkList .lkItem .icon{ margin-bottom:var(--indent24) } .lkPage .lkList .lkItem .lkTitle p{ font-size:.6rem; text-transform:uppercase; font-weight:700; color:var(--titleColor); -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .lkPage .lkList .lkItem:hover{ border-color:var(--primary) } .lkPage .lkList .lkItem:hover .lkTitle p{ color:var(--primary) } .personalArea{ margin-bottom:50px } .personalArea .list .item{ min-height:200px; background:#f6f6f6; padding:32px; -webkit-transition:-webkit-box-shadow .3s; transition:-webkit-box-shadow .3s; -o-transition:box-shadow .3s; transition:box-shadow .3s; transition:box-shadow .3s,-webkit-box-shadow .3s } @media screen and (max-width:1420px){ .personalArea .list .item{ min-height:100px } } .personalArea .list .item .icon{ margin-right:16px } .personalArea .list .item .icon svg path{ -webkit-transition:fill .3s; -o-transition:fill .3s; transition:fill .3s } .personalArea .list .item .title p{ color:#000; font-size:.8rem; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s } .personalArea .list .item:hover{ -webkit-box-shadow:0 2px 2px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.05),0 16px 16px rgba(0,0,0,.05),0 32px 32px rgba(0,0,0,.05),0 0 64px rgba(0,0,0,.05); box-shadow:0 2px 2px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.05),0 16px 16px rgba(0,0,0,.05),0 32px 32px rgba(0,0,0,.05),0 0 64px rgba(0,0,0,.05) } .personalArea .list .item:hover .icon svg path{ fill:var(--red) } .personalArea .list .item:hover .title p{ color:var(--red) } .personalArea__inner{ display:-webkit-box; display:-ms-flexbox; display:flex; min-height:calc(100vh - 155px); margin-bottom:50px } .personalArea__inner .left{ background:linear-gradient(90deg,rgba(247,248,249,0.10) 0%,rgba(2,0,36,0.10) 100%); width:calc(var(--column)*2 + var(--gap)); border-right:1px solid var(--border) } @media screen and (max-width:1680px){ .personalArea__inner .left{ width:230px } } @media screen and (max-width:1030px){ .personalArea__inner .left{ display:none } } .personalArea__inner .left .list .item{ margin-bottom:8px } .personalArea__inner .left .list .item .link{ font-size:.8rem } .personalArea__inner .left .list .item.active .link{ color:var(--primary) } .personalArea__inner .left .list .item.active .link:before{ width:0 } .personalArea__inner .right{ overflow:hidden; padding-left:var(--indent32); width:calc(var(--columnGap)*10) } .personalArea__inner .right .rightTitle{ margin-bottom:var(--indent24) } .personalArea__inner .right .rightTitle p{ font-size:1.15rem; font-weight:700; color:var(--titleColor) } .personalArea__inner .right .lkTable{ border:1px solid var(--border) } .personalArea__inner .right .lkTable .lkTableTitle{ padding:var(--indent12) } .personalArea__inner .right .lkTable .lkTableTitle p{ font-size:.7rem; font-weight:700 } .personalArea__inner .right .headers{ background:-o-linear-gradient(350.62deg,#f4f4f4 .8%,rgba(214,217,219,.292634) 25.08%,rgba(201,205,208,.13) 60.98%,rgba(201,205,208,.56) 100%); background:linear-gradient(99.38deg,#f4f4f4 .8%,rgba(214,217,219,.292634) 25.08%,rgba(201,205,208,.13) 60.98%,rgba(201,205,208,.56)); padding:var(--indent12); margin-bottom:12px } @media screen and (max-width:1420px){ .personalArea__inner .right .headers{ display:none } } .personalArea__inner .right .headers .title p{ font-size:.8rem; font-weight:700; color:var(--titleColor) } .personalArea__inner .right .row{ padding:0 var(--indent12) } .personalArea__inner .right .row .block{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } @media screen and (max-width:750px){ .personalArea__inner .right .row .block{ margin-bottom:12px } } .personalArea__inner .right .row .block:before{ content:attr(data-title); position:absolute; top:-24px; left:0; z-index:10; font-size:.6rem; font-weight:400; color:var(--textGray); display:none } @media screen and (max-width:1420px){ .personalArea__inner .right .row .block:before{ display:block } } @media screen and (max-width:1030px){ .personalArea__inner .right .row .block:before{ top:-5px } } .personalArea__inner .right .row .block .text{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start } .personalArea__inner .right .row .block .text p{ font-size:.8rem; font-weight:400; display:inline-block } .personalArea__inner .right .row .block .nice-select{ width:100%; border:none } .personalArea__inner .right .row .separator{ background-color:rgba(0,0,0,.1); padding:4px 8px; margin-bottom:24px } .personalArea__inner .right .row .separator .title p{ font-size:.9rem } .personalArea__inner .right .field{ margin-bottom:32px } .personalArea__inner .right .btnWrap{ width:100% } .selectWrap{ margin-bottom:var(--indent32) } .selectWrap .nice-select{ width:100% } .checkOut .form{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } @media screen and (max-width:1030px){ .checkOut .form{ -ms-flex-wrap:wrap; flex-wrap:wrap } } .checkOut .left{ width:calc(var(--columnGap)*9); padding-right:var(--columnGap) } @media screen and (max-width:1030px){ .checkOut .left{ width:calc(var(--columnGap)*8) } } @media screen and (max-width:750px){ .checkOut .left{ width:100%; padding-right:0 } } .checkOut .right{ width:calc(var(--column)*3 + var(--gap)*2) } @media screen and (max-width:1030px){ .checkOut .right{ width:calc(var(--column)*4 + var(--gap)*3) } } @media screen and (max-width:750px){ .checkOut .right{ width:100%; padding:0; margin-bottom:24px } } .checkOut .radioBtnsWrap{ margin-bottom:var(--indent12) } .checkOut .step{ padding:20px; border:1px solid var(--border); margin-bottom:24px } .checkOut .step .top{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:var(--gap); } .checkOut .step .top .titleWrap{ margin-bottom:0 } @media screen and (max-width:750px){ .checkOut .step .top .titleWrap{ margin-bottom:16px } } .checkOut .step .top .titleWrap .title{ font-size:1.2rem; font-weight:700; color:var(--titleColor) } .checkOut .step .top .titleWrap .subTitle{ font-size:.7rem; font-weight:400; color:var(--textGray) } .checkOut .step .top .change a,.checkOut .step .top .change p,.checkOut .step .top .change span{ color:var(--text); font-size:.7rem } .checkOut .step .field{ margin-bottom:0; padding-top: 4px; } .checkOut .step .block{ -webkit-transition:-webkit-box-shadow .3s; transition:-webkit-box-shadow .3s; -o-transition:box-shadow .3s; transition:box-shadow .3s; transition:box-shadow .3s,-webkit-box-shadow .3s } .checkOut .step .block .radio{ padding:var(--indent24) var(--indent32); min-height:110px; position:relative } .checkOut .step .block .radio,.checkOut .step .block .radio .radioField{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .checkOut .step .block .radio .radioField{ position:static; margin-top:0; width:40px; height:40px } .checkOut .step .block .radio .radioField label{ width:100%; height:100% } .checkOut .step .block .radio .radioField label:before{ -webkit-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s; border-radius:3px } .checkOut .step .block .radio .radioField label:after{ content:none } .checkOut .step .block .radio .radioField input:checked+label:before{ border-color:var(--primary) } .checkOut .step .block .radio .checkboxText{ width:100% } .checkOut .step .block .radio .checkboxText .title{ font-size:1rem; font-weight:700; margin-bottom:0 } .checkOut .sticky{ border:1px solid var(--border); position:-webkit-sticky; position:sticky; padding:var(--indent40); top:50px } .checkOut .sticky .top{ border-bottom:1px solid var(--border); padding-bottom:12px; margin-bottom:16px } .checkOut .sticky .top .title p{ font-size:1.2rem; color:var(--titleColor); font-weight:700 } .checkOut .sticky .product{ display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom:1px solid var(--border); padding-bottom:var(--indent12); margin-bottom:var(--indent16) } .checkOut .sticky .product .imgWrap{ margin-right:12px } .checkOut .sticky .product .imgWrap img{ max-width:50px; max-height:70px } .checkOut .sticky .product .textWrap .title{ border:none; margin-bottom:var(--indent12) } .checkOut .sticky .product .textWrap .title p{ font-size:.7rem; font-weight:700; color:var(--titleColor) } .checkOut .sticky .product .textWrap .price{ margin-bottom:var(--indent12) } .checkOut .sticky .product .textWrap .price p{ font-weight:400; font-size:.7rem } .checkOut .sticky .product .textWrap .quantity p{ font-size:.7rem } .checkOut .sticky .bottom .line{ margin-bottom:8px } .checkOut .sticky .bottom .line .title{ font-size:.7rem } .checkOut .sticky .bottom .line .quantity{ font-size:.7rem; font-weight:700 } .checkOut .sticky .bottom .btnWrap{ margin-top:var(--indent24) } *,:after,:before{ -webkit-box-sizing:border-box; box-sizing:border-box } html{ line-height:1.4; font-size:20px; color:var(--textColor); height:100% } @media screen and (max-width:1420px){ html{ font-size:18px } } body{ margin:0; padding:0; font-family:dinPro,sans-serif; font-size:20px; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .siteBody,body{ background-color:#fff } .siteBody{ min-height:50vh; position:relative; z-index:1 } article,section{ position:relative; margin-bottom:var(--indent60) } article.bg .articleBg,section.bg .articleBg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 } article.bg .articleBg img,section.bg .articleBg img{ -o-object-fit:cover; object-fit:cover; width:100%; height:100% } article.mb0,section.mb0{ margin-bottom:0 } article.pt0,section.pt0{ padding-top:0 } article.pb0,section.pb0{ padding-bottom:0 } article.fullW,section.fullW{ padding-left:0; padding-right:0 } article .inner,section .inner{ position:relative; z-index:5 } article ul,section ul{ margin-bottom:calc(var(--sectionMb)/2) } article ol,section ol{ margin-bottom:calc(var(--sectionMb)/2) } /* article ul li,section ul li{ font-size:.7rem; list-style-type:disc; margin-bottom:8px; margin-left:16px; color:var(--textColor) } article ol li,section ol li{ font-size:.7rem; margin-bottom:8px; list-style-type:decimal; margin-left:16px; color:var(--textColor) }*/ .sliderWrap .zweb-slider-wrap{ padding-top:4px; padding-bottom:4px } .sliderWrap .sliderBtns{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:absolute; top:50%; left:-66px; width:calc(100% + 132px); -webkit-transform:translateY(-21px); -ms-transform:translateY(-21px); transform:translateY(-21px); height:0; z-index:6 } @media screen and (max-width:1680px){ .sliderWrap .sliderBtns{ left:-25px; width:calc(100% + 50px) } } @media screen and (max-width:1030px){ .sliderWrap .sliderBtns{ left:0; width:100% } } .sliderWrap .sliderBtns .sliderBtn{ display:-webkit-box; display:-ms-flexbox; display:flex; background: #fff; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:42px; height:42px; border-radius:3px; cursor:pointer; position:relative; overflow:hidden; border:1px solid var(--primary) } .sliderWrap .sliderBtns .sliderBtn svg{ position:relative; z-index:5 } .sliderWrap .sliderBtns .sliderBtn svg path{ stroke:var(--primary); -webkit-transition:stroke .3s; -o-transition:stroke .3s; transition:stroke .3s } .sliderWrap .sliderBtns .sliderBtn:hover svg path{ stroke:#fff } .tagList{ position:absolute; top:0; left:20px; z-index:5 } @media screen and (max-width:500px) { .tagList { top: 10px; } } .tagList .tagItem{ border-radius:3px; padding:5px; min-width:80px; min-height:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:4px } .tagList .tagItem a,.tagList .tagItem p,.tagList .tagItem span{ color:#fff; font-size:.7rem; text-align:center; text-transform:uppercase } table td{ font-size:.8rem } .kvadrat .list .item{ height:calc(3*var(--column) + 2*var(--gap)) } .btn.primary p,.btn.primary span,.reviews .reviewsBtn .arrow p,.reviews .reviewsBtn .arrow span,header.header .top .searchForm .searchButton p,header.header .top .searchForm .searchButton span:hover{ fill:var(--primary) } .lang{ padding: 3px; margin-right: 5px; border: 2px solid var(--secondary); border-radius: 2px; color: var(--primary); } .footer{ background:#4D4D4D; background-image:url(https://forkom23.ru/upload/resize_cache/webp/local/templates/pck-format/img/assets/index/articleBg2.webp); color:#FFFFFF } .confed{ position:absolute; left:27% } .doc, header.header .bottom .dropDownMenu .list .item p{ position: relative; cursor: pointer; } .doc:hover, header.header .bottom .dropDownMenu .list .item p:hover{ color: var(--primary)!important; } /* .doc:hover{ color: var(--primary); } */ /* .doc:after, header.header .bottom .dropDownMenu .list .item p:before{ content:""; display: block; position:absolute; bottom:0; width:0; height:1px; background-color:var(--primary); -webkit-transition:width .3s; -o-transition:width .3s; transition:width .3s } .doc:hover:after, header.header .bottom .dropDownMenu .list .item p:hover:before{ width:100% } */ .stroke:hover{ stroke: black!important; } .langD{ /*font-size: var(--indent24);*/ cursor: pointer; display: flex; align-items: center; } .langD:hover{ color: var(--primary); } .zoom{ -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease; cursor: pointer; } .zoom:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } div.tip { text-decoration: none } div.tip:hover{ cursor: pointer; position: relative } div.tip span { display: none } div.tip:hover span { z-index: 99; content: attr(title); display: block; text-align: center; position: absolute; font-size: 12px; right: 0; height: 30px; width: 100px; padding: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: var(--primary); text-decoration: none; background: #FFF; } div.tipC { text-decoration: none } div.tipC:hover{ cursor: pointer; position: relative } div.tipC span { display: none } div.tipC:hover span { z-index: 99; content: attr(title); display: block; text-align: center; position: absolute; top:22px; font-size: 12px; right: 0; height: 30px; width: 100px; padding: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: var(--primary); text-decoration: none; background: #FFF; } .btn.border:hover:before, .paggination .arrow:before, .paggination .paggList .paggItem:hover:before, .tabs.option2 .tabNavs .tabPill:hover:before, .whereBuy .cityesList .cityesItem:hover:before { border-color: var(--textColor); background-color: var(--textColor); } .btn.border:hover:after, .paggination .arrow:hover:after, .paggination .paggList .paggItem:hover:after, .tabs.option2 .tabNavs .tabPill:hover:after, .whereBuy .cityesList .cityesItem:hover:after { border-color: var(--textColor); background-color: var(--textColor); } .sliderWrap .sliderBtns .sliderBtn:hover:before{ background-color: var(--primary); } .sliderWrap .sliderBtns .sliderBtn:hover:after{ background-color: var(--primary); } .mob{ display: none;} @media screen and (max-width:1420px){ .desctop{display: none;} .mob{ display: block;} } .allContent{ display:flex; } .secondTabs{ min-width: 25em; } @media screen and (max-width:750px){ .allContent{ display:block; } .secondTabs{ min-width: 100%; } } @media screen and (max-width:500px){ .top .btn{ display: none; } } .main-user-consent-request-popup-button-acc { background: #f76500; color: white; font-weight: 700; border: 1px solid; border-color: transparent; } .main-user-consent-request-popup-button-acc:hover { background: white; border: 1px solid #f76500; color: #f76500; } .main-user-consent-request-popup-link a { max-width: unset; text-overflow: unset; } #bx-soa-total .btn.primary:hover { color: #f76500; } .mmBody .list .item:first-child { font-weight: 600; border-top: 2px solid #F76500; border-bottom: 2px solid #F76500; } .mmBody .list .item .mmBody .list { font-weight: 400; } /* *{ box-sizing:border-box } *::before,*::after{ box-sizing:border-box } header.header .top .topMenu .list .item .link{ position:relative; display:inline-block; overflow:hidden } header.header .top .topMenu .list .item .link span{ position:absolute; top:0; left:0; overflow:hidden; transform:translateX(-100%); transition:transform 275ms ease } header.header .top .topMenu .list .item .link span::before{ display:inline-block; content:attr(data-content); color:midnightblue; transform:translateX(100%); transition:transform 275ms ease; text-decoration:underline } header.header .top .topMenu .list .item .link:hover span{ transform:translateX(0) } header.header .top .topMenu .list .item .link span:hover span::before{ transform:translateX(0) } */ /* /local/templates/pck-format/assets/css/personal.css */ /* auth */ .alert.alert-danger{ color: red; width: max-content; } .alert.alert-success{ color: green; width: auto; } .auth_link{ font-size: 1rem; font-weight: 500; color: var(--textColor); border-radius: 2px; white-space: nowrap; position: relative; display: block; width: max-content; } .auth_link:before{ content: ""; position: absolute; bottom: 0; width: 0; height: 1px; background-color: var(--primary); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; } .auth_link:hover:before{ width: 100%; } .register_link{ font-size: 1rem; font-weight: 500; color: var(--textColor); border-radius: 2px; white-space: nowrap; position: relative; display: block; width: max-content; } .register_link:before{ content: ""; position: absolute; bottom: 0; width: 0; height: 1px; background-color: var(--primary); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; } .register_link:hover:before{ width: 100%; } .form.auth,.form.register,.form.change,.form.forgot .field input,.form.forgot .btnWrap{ max-width: 300px; } /* auth */ /* /local/templates/pck-format/assets/css/modal.css */ .modal { background-color: #fff; padding: 20px; } .modal .body .title { margin-bottom: 24px; text-align: center; } .modal .body .title a, .modal .body .title p, .modal .body .title span { font-size: 1.2rem; font-weight: 700; color: var(--text); } .modal .body .subTitle { margin-bottom: 24px; } .modal .body .subTitle a, .modal .body .subTitle p, .modal .body .subTitle span { font-size: 0.9rem; font-weight: 700; color: var(--text); } .modal .body .text { margin-bottom: 24px; } .modal .body .text a, .modal .body .text p, .modal .body .text span { font-size: 0.7rem; color: var(--text); } .modal .body .field { margin-bottom: 24px; position: relative; } .modal .body .field .radio { margin-bottom: 12px; } .modal .body .field .radio .checkboxText .title { text-align: left; font-size: 0.6rem; line-height: 1.2; margin-bottom: 0; } .modal .body .grid12 { grid-gap: 24px 32px; } @media screen and (max-width: 750px) { .modal .body .grid12 { grid-gap: 24px 8px; } } .modal .body .grid12 .checkbox, .modal .body .grid12 .field { margin-bottom: 0; } .modal .body .btnWrap .btn { width: 100%; } .modal .body .modalCard { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal .body .modalCard .imgWrap { min-width: 72px; max-width: 72px; min-height: 72px; max-height: 72px; margin-right: 32px; } @media screen and (max-width: 500px) { .modal .body .modalCard .imgWrap { margin-right: 8px; } } .modal .body .modalCard .imgWrap img { -o-object-fit: contain; object-fit: contain; max-height: 70px; display: block; margin: auto; } .modal .body .modalCard .content { width: calc(100% - 104px); margin-bottom: 32px; } @media screen and (max-width: 500px) { .modal .body .modalCard .content { width: calc(100% - 80px); } } .modal .body .modalCard .content .title { margin-bottom: 8px; } .modal .body .modalCard .content .title p { text-align: left; font-size: 0.8rem; font-weight: 400; line-height: 1.2; } .modal .body .modalCard .content .gift { margin-bottom: 8px; } .modal .body .modalCard .content .gift p { color: #ef4136; font-size: 0.8rem; font-weight: 400; line-height: 1; } .modal .body .modalCard .content .oldPrice { margin-bottom: 8px; } .modal .body .modalCard .content .oldPrice p { color: #90989b; font-size: 0.6rem; text-decoration: line-through; } .modal .body .modalCard .content .newPrice p { font-size: 0.9rem; font-weight: 700; color: #000; } .modal .body .cardSlider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .modal .body .cardSlider .littleSlider, .modal .body .cardSlider .littleSlider .list { width: 100%; } .modal .body .cardSlider .littleSlider .list .item { border-color: #9ca5a7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal .body .cardSlider .bigSlider { width: 100%; margin-bottom: 12px; } .modal .body .cardSlider .bigSlider .list { width: 100%; } .modal .body .cardDescription.cardPurchase .article, .modal .body .cardDescription.cardPurchase .color .list .item, .modal .body .cardDescription.cardPurchase .color .title, .modal .body .cardDescription.cardPurchase .memory .list .item, .modal .body .cardDescription.cardPurchase .memory .title { margin-bottom: 4px; } .modal .body .cardDescription.cardPurchase .screen .text { margin-bottom: 0; } .modal .body .cardDescription.cardPurchase .gift { margin-bottom: 12px; } .modal .body .cardDescription.cardPurchase .gift .text { margin-bottom: 0; } .modal .body .cardDescription.cardPurchase .shortDescription .title { margin-bottom: 4px; } .modal .body .cardDescription.cardPurchase .shortDescription .title p { font-size: 0.7rem; text-align: left; } .modal .body .cardDescription.cardPurchase .bonus .text, .modal .body .cardDescription.cardPurchase .row .text { margin-bottom: 0; } .modal .body .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .modal .body .tabs .tabNavs .tabPill { width: 100%; } .modal.little { max-width: 400px; } .modal.medium { max-width: 550px; } .modal.big { max-width: 1040px; } .modalMapWrap { position: relative; height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .modalMapWrap .modalMapTabs { width: 100%; display: none; } @media screen and (max-width: 750px) { .modalMapWrap .modalMapTabs { display: -webkit-box; display: -ms-flexbox; display: flex; } } .modalMapWrap .modalMapTabs .tab { width: 50%; cursor: pointer; } .modalMapWrap .modalMapTabs .tab .btnWrap, .modalMapWrap .modalMapTabs .tab .btnWrap .btn { width: 100%; } .modalMapWrap .modalMapTabs .tab.active .btnWrap .btn { background-color: var(--primary); color: #fff; } .modalMapWrap .map { position: static; width: calc(100% - 300px); height: 100%; } @media screen and (max-width: 750px) { .modalMapWrap .map { width: 100%; display: none; } } .modalMapWrap .map img { width: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 750px) { .modalMapWrap .map.active { display: block; } } .modalMapWrap .storeList { position: relative; z-index: 5; width: 300px; overflow: hidden; height: 100%; max-height: 100%; overflow-y: scroll; background-color: #fff; } @media screen and (max-width: 750px) { .modalMapWrap .storeList { width: 100%; display: none; } } @media screen and (max-width: 750px) { .modalMapWrap .storeList.active { display: block; } } .modalMapWrap .storeList .storeItem { cursor: pointer; border-bottom: 1px solid #ccc; padding: 6px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .modalMapWrap .storeList .storeItem:last-child { border-bottom: none; } .modalMapWrap .storeList .storeItem .storeTitle { margin-bottom: 4px; } .modalMapWrap .storeList .storeItem .storeTitle p { font-size: 0.8rem; font-weight: 700; } .modalMapWrap .storeList .storeItem .storeAdress { display: block; margin-bottom: 4px; } .modalMapWrap .storeList .storeItem .storeAdress p { color: var(--primary); font-size: 0.7rem; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .modalMapWrap .storeList .storeItem .storeAdress:hover p { opacity: 0.7; } .modalMapWrap .storeList .storeItem .storeTime { margin-bottom: 6px; } .modalMapWrap .storeList .storeItem .storeTime p { font-size: 0.6rem; color: rgba(0, 0, 0, 0.6); } .modalMapWrap .storeList .storeItem.active, .modalMapWrap .storeList .storeItem:hover { background-color: rgba(0, 0, 0, 0.1); } .modalMapWrap .baloon { background-color: #fff; padding: 12px; } .modalMapWrap .baloon .imgWrap { margin-bottom: 8px; } .modalMapWrap .baloon .imgWrap img { -o-object-fit: contain; object-fit: contain; width: 100%; } .modalMapWrap .baloon .baloonTitle p { font-size: 0.9rem; font-weight: 700; } .modalMapWrap .baloon .baloonText p { font-size: 0.7rem; } .modalMapWrap .baloon .baloonLink a { font-size: 0.6rem; color: var(--primary); } .modalMapWrap .baloon .btnWrap, .modalMapWrap .baloon .btnWrap .btn { width: 100%; } .cardBtns{ display: grid; grid-template-columns: 50% 50%; grid-gap: 8px; } .modal{ background-color:#fff; padding:20px; max-width:500px } .modal .body .title{ margin-bottom:12px; text-align:center } .modal .body .title a,.modal .body .title p,.modal .body .title span{ font-size:1rem; color:var(--text) } .modal .body .subTitle{ margin-bottom:32px; text-align:center } .modal .body .subTitle a,.modal .body .subTitle p,.modal .body .subTitle span{ font-size:.8rem; color:var(--text) } .modal .body .text{ margin-bottom:32px } .modal .body .text a,.modal .body .text p,.modal .body .text span{ font-size:.7rem; color:var(--text) } .modal .body .field{ margin-bottom:16px; position:relative } .modal .body .field label{ text-align: center; font-size: 0.6rem; color: var(--text); left: 15px; position: absolute; pointer-events: none; top: 10px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; max-width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .modal .body .field label.active,.modal .body .field input:hover+label{ top: -16px; left: 0; font-size:.5rem; } .modal .body .field input{ border:1px solid var(--gray); height:40px; } .modal .body .field textarea{ border:1px solid var(--gray); } .modal .body .field textarea:hover+label{ top: -16px; left: 0; font-size:.5rem; } /* /local/templates/pck-format/assets/css/dev.css */ .elementHeaderTabsbody .sliderBtns .sliderBtn.arrowDisabled { opacity: unset; pointer-events: all; cursor: pointer; } .btn.primary.active{ background-color: #4d4d4d; } .no-margin{ margin: 0 !important; } .no-padding{ padding: 0 !important; } ul li,ol li{ margin-left: 20px; } ::marker{ color:#f76500; } header.header{ position: sticky; top: 0; z-index: 1000; background: white; } .whereBuy .shopsList .shopsItem.active{ border-color: var(--primary); } article.noMarginBotoom{ margin-bottom: 0; } footer.footer .footertop .x4 .footerMenu .list{ display: grid; grid-template-columns: 50% 50%; margin-right: -30px; } footer.footer .footertop .x4 .footerMenu .list .item:first-child a{ text-transform: uppercase; color: var(--primary); font-weight: 700; } @media screen and (max-width: 1420px){ .mainScreen .sliderWrap .list .item .imgWrap .mobile{ display: block; } } /* //////////////// CATALOG ELEMENT ////////////// */ article.tabsSection .tabsWrap{ width: 100%; } article.tabsSection .tabsWrap .tabs.option1 .allContent{ width: 100%; } article.tabsSection .tabsWrap .tabs.option1 .tabContent{ width: 100%; } /* //////////////// CATALOG ELEMENT ////////////// */ .newsPage .list .item .imgWrap img.zoom:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); } .contactsPage .column .videWrap iframe{ width: 100%; height: auto; } .whereBuy .shopsList .shopsItem .text{ position: relative; padding-bottom: 80px; height: 100%; } .whereBuy .shopsList .shopsItem .text .whereBuy__card__bottom{ position: absolute; bottom: 0; width: auto; } .cardPage.Modales .cardInner .sliderWrap .big .list .item img{ width: unset; object-fit: unset; } .tabSpecifications .characteristicsTitle{ padding: var(--indent16) var(--indent12); background: var(--gradient); text-align: center; margin-bottom: 10px; } .tabSpecifications .characteristicsTitle p{ color: var(--titleColor); font-size: .7rem; font-weight: 700; text-transform: uppercase; } .tabSpecifications .charTable{ margin-bottom: var(--indent16); } .tabSpecifications .charTable .row{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid var(--border); } .tabSpecifications .charTable .row .column{ padding: var(--indent12); max-width: 75%; } .tabSpecifications .charTable .row .column p{ font-size: .7rem; } .catalog_price_item .pricetext .price_title:hover a{ color:var(--primary) } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem:hover{ cursor: pointer; } .tabs.option2 .tabContent .horisontalNews .newsList .newsItem:hover .newsContent .title p{ color:var(--primary) } .cardPage .cardInner .cardDescription .row.buttons_pay{ gap: var(--indent32) 0; } .cardPage .cardInner .cardDescription .row.buttons_pay .btnWrap .btn:not(last-child){ margin-right: 0; } .cardPage .cardInner .cardDescription .row.buttons_pay a.btn{ min-width: 140px; max-width: 140px; } .cardPage .cardInner .cardDescription .row.buttons_pay .catalog.element{ margin-right: var(--indent32); } .cardPage .cardInner .cardDescription .row.buttons_pay .counter{ margin-bottom: 0; } article.tabsSection .tabsWrap .tabs.option1 .tabContent .tabPane1.reviews .btnWrap,.cardPage .cardInner .cardDescription .sticky .availability.false { max-width: 140px; margin: 20px 0; } @media screen and (min-width:1000px) { article.tabsSection .tabsWrap .tabs.option1 .tabContent.left{ width: calc(100% - 25em); } article.tabsSection .tabsWrap .tabs.option1 .tabContent.left.full{ width: 100%; } .tabsSection .secondTabs .tabs.option2{ position: sticky; top: 205px; } .tabs.option1 .tabContent .tabPane.active, .tabs.option1 .tabContent .tabPane1 iframe{ margin-bottom: 20px; } } @media screen and (max-width:1000px) { article.tabsSection .tabsWrap .tabs.option1 .allContent{ display: block; } .tabsSection .secondTabs{ width: 100%; } .tabs.option1 .tabContent .tabPane.active, .tabs.option1 .tabContent .tabPane1 iframe{ max-width: 90%; display: block; margin: auto; margin-bottom: 20px; } article.tabsSection .tabsWrap .tabs.option1 .tabContent{ margin-bottom: 20px; } } .modal .body form.form.reviews .field,.modal .body form.form.reviews .checkbox{ margin-bottom: 20px; } .modal .body form.form.reviews .field label.active, .modal .body form.form.reviews .field input:hover + label{ font-size: 0.6rem !important; } .modal .body form.form.reviews .field label span.permission_file{ display:none; } li, ul{ word-wrap: break-word; } .catalog .list .item .itemRow.flex-end{ justify-content: flex-end; } .cardPage .cardInner .cardDescription .cardColors .list .item{ border: unset; } .cardPage .cardInner .cardDescription .cardColors .list .item.white{ border: 1px solid #B6B9C1; } .cardPage .cardInner .cardDescription .cardColors .list .item.active{ border: 1px solid #333333; box-shadow: inset 2px 3px 4px rgba(0, 0, 0, 0.2); } .cardPage .cardInner .cardDescription .cardColors .list .item:hover{ box-shadow: inset 2px 3px 4px rgba(0, 0, 0, 0.25); } /* CATALOG ELEMENT END */ .breadcrumbs .list{ overflow-y: hidden; } .breadcrumbs .list .item{ display: flex; gap: 5px; } .text.reviewModalText{ display: none; } .text.reviewModalText.fancybox-content{ width: 60%; height: auto; } .text.reviewModalText.fancybox-content::-webkit-scrollbar { width: 10px; background-color: #f9f9fd; } .text.reviewModalText.fancybox-content::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b6b9c1; } .text.reviewModalText.fancybox-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px; background-color: #f9f9fd; } @media screen and (max-width:1200px) { .text.reviewModalText.fancybox-content{ height: auto; min-width: 500px; width: 75%; } } @media screen and (max-width:500px) { .text.reviewModalText.fancybox-content{ width: 95%; height: auto; padding: 15px; } } @media screen and (max-width:1200px){ .aboutPage .sm12,.aboutPage .sm12{ grid-column-start:span 12 } } .aboutPage .imgWrap iframe{ width: 100%; } .documents .innerWrap.center{ justify-content: center; gap: 20px; } .documents .innerWrap.center .docListWrap{ width: 100%; } .catalogFilter .btnWrap .underlineBtn{ padding: 0; } .catalogFilter .block .filterResult .filterSticker{ background-color: var(--primary); padding: 4px 15px; border-radius: 4px; display: flex !important; flex-direction: row; } .catalogFilter .block .filterResult .filterSticker .text{ margin-right: 8px; } .catalogFilter .block .filterResult .filterSticker .text p{ white-space: nowrap; } .catalogFilter .block .filterResult .filterSticker a.link{ font-size: .7rem; color: #fff; font-weight: 700; } .catalogFilter .block .filterResult{ z-index: 200; } .catalogFilter .btn.border{ min-width: 140px; max-width: 140px; } .cardPage .cardInner .sliderWrap .big .list .item img.mainIMG{ max-height: 450px; object-fit: contain; } .cardPage .cardInner .sliderWrap .little .list .item img.gallIMG{ max-height: 90px; object-fit: contain; display: block; margin: auto; } .cardPage .cardInner .cardDescription .row .additionBlock.active .icon svg path{ fill: var(--primary); } .catalog .list .item .itemTitle a, .catalog .list .item .itemTitle p, .catalog .list .item .itemTitle span{ height: 70px; } .bottomViewedProducts .item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottomViewedProducts .item .imgWrap img{ max-width: 145px; max-height: 115px; } .bottomViewedProducts .item .content{ padding: 14px 20px; height: 100%; display: flex; flex-direction: column; gap: 16px; } .bottomViewedProducts .item .content .title p{ font-size: .8rem; font-weight: 700; color: var(--textColor); } .bottomViewedProducts .item .content .newPrice p{ margin-top: 16px; line-height: 1; font-size: 0.8rem; font-weight: 500; color: #000000; } .bottomViewedProducts .item .content .oldPrice p{ font-size: 0.7rem; font-weight: 500; color: #A3A3A3; text-decoration: line-through; line-height: 1; } .cartPage .product .block.price .title:not(:first-child){ margin-left: 10px; } .close-link{ cursor: pointer; display: block; margin-bottom: 20px; } .close-link:hover{ text-decoration: underline; text-decoration-color: var(--primary); } .cartPage .right .sticky{ top: 20px; } @media screen and (max-width:750px){ .cartPage .basket-items-list .productInner.grid12{ flex-wrap: wrap; gap: 40px 0; display: flex; align-items: center; } .cartPage .basket-items-list .productInner.grid12 .block.image{ width: 25%; order: 1; } .cartPage .basket-items-list .productInner.grid12 .block.name{ width: 65%; order: 2; } .cartPage .basket-items-list .productInner.grid12 .block.count{ order: 4; } .cartPage .basket-items-list .productInner.grid12 .block.price.old{ order: 5; width: 30%; margin: auto; } .cartPage .basket-items-list .productInner.grid12 .block.price.news{ order: 6; width: 30%; } .cartPage .basket-items-list .productInner.grid12 .block.dell{ position: absolute; top: 0; } .checkOut .field label.active{ top: -20px; } .checkOut .field input{ margin-bottom: 20px; } } .reviewsPage .bottom{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width:1030px){ .tabs.option1 .tabNavs .tabPill1{ max-width: max-content; padding: 0 20px; } } .contentPage .contentPageWrap .content .text p{ font-size: unset; } .reviewsPage .reviewsList .reviewsItem{ align-content: flex-start; } /* LINK CONTENT */ .content .text a{ font-size: .7rem; position: relative; font-weight: 500; } .content .text a:before{ content:""; position:absolute; bottom:0; width:0; height:1px; background-color:var(--primary); -webkit-transition:width .3s; -o-transition:width .3s; transition:width .3s } .content .text a:hover::before{ width: 100%; } /* LINK CONTENT */ /* TIMER */ .catalog .list .item .itemImg .timer .cardCounter{ position: absolute; /* bottom: var(--indent24); right: var(--indent24); */ z-index: 10; border: 1px solid var(--primary); background-color: #fff; /* padding: 6px 15px; */ } .catalog .list .item .itemImg .timer .cardCounter .block:last-child{ display: none; } .catalog .list .item .itemImg .timer .cardCounter{ left: var(--indent24); right: 0; width: max-content; bottom: 10px; padding: 2px 10px; } .catalog .list .item .itemImg .timer .cardCounter .counterInner{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog .list .item .itemImg .timer .cardCounter .counterInner .counterIcon{ margin-right: var(--indent12); } .catalog .list .item .itemImg .timer .cardCounter .counterInner .block{ margin-right: 12px; position: relative; } .catalog .list .item .itemImg .timer .cardCounter .counterInner .block .numeral p{ font-size: .9rem; font-weight: 500; text-align: center; line-height: 1; } .catalog .list .item .itemImg .timer .cardCounter .counterInner .block .text p{ font-size: .9rem; color: var(--border); text-align: center; } .catalog .list .item .itemImg .timer .cardCounter .counterInner .block.blockDots::after{ content: ":"; font-size: .9rem; font-weight: 700; color: #000; position: absolute; right: -9px; top: -3px; } /* TIMER */ /* FILTER */ @media screen and (max-width: 1030px){ .catalog .catalogWrap .catalogFilter { width: 100%; top: 118px; } .catalogFilter .mobileCross{ cursor: pointer; } } /* FILTER */ /* SNIPPETS */ a.link_snippets{ position: relative; color: #F76500; font-size: unset; } a.link_snippets:before{ content: ""; position: absolute; bottom: 0; width: 0; height: 1px; background-color: var(--primary); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; } /* SNIPPETS */ header.header .elements .comparison .quantity{ display: none; } /* favoritePage */ .favoritePage .favoriteList .favoriteItem{ gap: var(--indent16); } @media screen and (max-width:1200px) { .favoritePage .favoriteList .favoriteItem{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } .favoritePage .favoriteList .favoriteItem>.block:first-child{ max-width: 150px; } .favoritePage .favoriteList .favoriteItem>.block:last-child{ margin: auto; } } @media screen and (max-width:970px) { .favoritePage .favoriteList .favoriteItem{ display: grid; grid-template-columns: repeat(9, 1fr); grid-auto-rows: minmax(100px, auto); grid-template-areas: "img img img name name name name name dell" "pr pr cnt cnt bue bue click click dell" } .favoritePage .favoriteList .favoriteItem>.block:nth-child(1){ max-width: 150px; grid-area: img !important; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(2){ grid-area: name !important; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(3){ grid-area: pr !important; max-width: 150px; align-items: center; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(4){ grid-area: cnt !important; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(5){ grid-area: bue !important; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(6){ grid-area: click !important; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7){ grid-area: dell !important; } } @media screen and (max-width:768px) { .favoritePage .favoriteList .favoriteItem{ display: grid; grid-template-columns: repeat(9, 1fr); grid-template-areas: "img img name name name click click click dell" "pr pr cnt cnt cnt bue bue bue dell" } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap{ cursor: pointer; position: absolute; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:before,.favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:after{ content: ""; position: absolute; width: 24px; height: 4px; background: gray; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:before{ transform: rotate(45deg); } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:after{ transform: rotate(-45deg); } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap .addBtn{ display: none; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:hover:before, .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:hover:after{ background: var(--primary); } } @media screen and (max-width:570px) { .favoritePage .favoriteList .favoriteItem{ grid-auto-rows: minmax(40px, auto); grid-template-columns: repeat(8, 1fr); grid-template-areas: "img img img name name name name name" "pr pr pr pr cnt cnt cnt cnt" "click click click click bue bue bue bue" "dell dell dell dell dell dell dell dell" } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:before,.favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:after{ display: none; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap .addBtn{ display: block; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7){ align-items: center; } } /* @media screen and (max-width:1200px) { .favoritePage .favoriteList .favoriteItem{ gap: 10px; } .favoritePage .favoriteList .favoriteItem>.block:first-child{ grid-column-start: 1; grid-column-end: 2; } .favoritePage .favoriteList .favoriteItem>.block:last-child{ grid-column-start: 3; grid-column-end: 6; } } @media screen and (max-width:570px) { .favoritePage .favoriteList .favoriteItem{ grid-template-columns: repeat(8, 1fr); grid-template-areas: "img img img name name name name name" "pr pr pr pr cnt cnt cnt cnt" "click click click click bue bue bue bue" "dell dell dell dell dell dell dell dell" } .favoritePage .favoriteList .favoriteItem>.block{ align-items: center; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:before,.favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap:after{ display: none; } .favoritePage .favoriteList .favoriteItem>.block:nth-child(7) .btnWrap .addBtn{ display: block; } } */ /* favoritePage */ .cardBtns.basket{ display: flex; margin-top: 20px; } /* order */ .checkOut .step .paymentList .block,.checkOut .step .deliveryList .block{ position: relative; height: 100%; } .checkOut .step .paymentList .block .radio,.checkOut .step .deliveryList .block .radio{ position: relative; height: 100%; align-items: unset; } /* */ /* COMPARISON */ .comparisonPage { padding-bottom: 50px; } .comparisonPage .comparisonTop { display: -webkit-box; display: -ms-flexbox; display: flex; } .comparisonPage .comparisonTop .statickBlock { width: 250px; } @media screen and (max-width: 750px) { .comparisonPage .comparisonTop .statickBlock { width: 175px; } } .comparisonPage .comparisonTop .statickBlock .btnWrap { margin-bottom: 18px; } .comparisonPage .comparisonTop .statickBlock .btnWrap .btn { max-width: 100%; } @media screen and (max-width: 750px) { .comparisonPage .comparisonTop .statickBlock .btnWrap .btn { min-width: 0; width: 80%; } } .comparisonPage .comparisonTop .sliderWrap { width: calc(100% - 250px); position: relative; } .comparisonPage .comparisonTop .sliderWrap .sliderBtns{ position: absolute; top: 100%; width: 300px; left: 100%; transform: translate(-300px,0px); } @media screen and (max-width: 750px) { .comparisonPage .comparisonTop .sliderWrap { width: calc(100% - 175px); } } .comparisonPage .comparisonTop .sliderWrap .sliderArrows .arrow.left { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } @media screen and (max-width: 1500px) { .comparisonPage .comparisonTop .sliderWrap .sliderArrows .arrow.left { -webkit-transform: translateX(-65px); -ms-transform: translateX(-65px); transform: translateX(-65px); } } @media screen and (max-width: 1500px) { .comparisonPage .comparisonTop .sliderWrap .sliderArrows .arrow.right { -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(65px); } } @media screen and(max-width: 1300px) { .sliderWrap .sliderArrows .arrow.right{ -webkit-transform: translateX(85px); -ms-transform: translateX(85px); transform: translateX(85px); } .categoryWrap .sliderWrap .sliderArrows .arrow.right{ -webkit-transform: translateX(-85px); -ms-transform: translateX(-85px); transform: translateX(-85px); } } @media screen and (max-width: 750px) { .comparisonPage .comparisonTop .sliderWrap .sliderArrows .arrow.right { -webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px); } .comparisonPage .comparisonTop .sliderWrap .sliderArrows .arrow.left { -webkit-transform: translateX(-25px); -ms-transform: translateX(-25px); transform: translateX(-25px); } } .comparisonPage .comparisonTop .slider .list .item { padding: 12px; } .comparisonPage .comparisonTop .slider .list .item .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } .comparisonPage .comparisonTop .slider .list .item .row .imgWrap { margin-right: 10px; border: 1px solid #F5F7F9; border-radius: 2px; } .comparisonPage .comparisonTop .slider .list .item .row .imgWrap img { -o-object-fit: contain; object-fit: contain; max-height: 70px; max-width: 100px; } .comparisonPage .comparisonTop .slider .list .item .row .comp_detail_name_block{ height: initial; display: flex; flex-direction: column; justify-content: revert; } .comparisonPage .comparisonTop .slider .list .item .row .comp_detail_name_block .comp_detail_price{ margin-bottom: 0; margin-top: auto; display: block; font-size: 0.7rem; font-weight: bold; line-height: 1; } .comparisonPage .comparisonTop .slider .list .item .row .actList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comparisonPage .comparisonTop .slider .list .item .row .actList .actItem { display: block; margin-bottom: 8px; position: relative; } .comparisonPage .comparisonTop .slider .list .item .row .title p { font-size: 0.6rem; line-height: 1; font-weight: 900; } .comparisonPage .comparisonTop .slider .list .item .row .title:hover p { color: var(--primary) } .comparisonPage .comparisonBottom { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 40px; } .comparisonPage .comparisonBottom .statickBlock { width: 250px; } @media screen and (max-width: 750px) { .comparisonPage .comparisonBottom .statickBlock { width: 175px; } } .comparisonPage .comparisonBottom .statickBlock .title { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comparisonPage .comparisonBottom .statickBlock .title p { font-size: 0.8rem; font-weight: 700; margin-bottom: 12px; } .comparisonPage .comparisonBottom .statickBlock .block { margin-bottom: 16px; } .comparisonPage .comparisonBottom .statickBlock .row .column { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 12px; } .comparisonPage .comparisonBottom .statickBlock .row .column .text p { font-size: 0.7rem; } .comparisonPage .comparisonBottom .statickBlock .row:nth-of-type(odd) { background-color: #f1f5f5; } .comparisonPage .comparisonBottom .sliderWrap { width: calc(100% - 250px); } .comparisonPage .comparisonBottom .sliderWrap .slider{ margin-top: 40px; } @media screen and (max-width: 750px) { .comparisonPage .comparisonBottom .sliderWrap { width: calc(100% - 175px); } } .comparisonPage .comparisonBottom .sliderWrap .slider .list { grid-gap: 0; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .title { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .title p { font-size: 0.8rem; font-weight: 700; margin-bottom: 12px; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .block { margin-bottom: 16px; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .row .column { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 12px; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .row .column .text p { font-size: 0.7rem; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .row .column .priceWrap .oldPrice { line-height: 1; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .row .column .priceWrap .oldPrice p { line-height: 1; font-size: 0.5rem; text-decoration: line-through; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .row .column .priceWrap .newPrice { line-height: 1; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .row .column .priceWrap .newPrice p { line-height: 1; color: #ff695a; font-size: 0.6rem; font-weight: 700; } .comparisonPage .comparisonBottom .sliderWrap .slider .list .item .row:nth-of-type(odd) { background-color: #f1f5f5; } .comparisonPage .actList .actItem div { cursor: pointer; position: absolute; top: -10px; } .comparisonPage .actList .actItem div:before, .actList .actItem div:after {content: ""; position: absolute; width: 13px; height: 2px; background: #F76500;} .comparisonPage .actList .actItem div:before {transform: rotate(45deg);} .comparisonPage .actList .actItem div:after {transform: rotate(-45deg);} .comparisonPage.differences .disabled{ display: none !important; } .comparisonPage .none{ display: none !important; } .comparisonPage .btnWrap.comparison.add{ justify-content: center; } .comparisonPage .btnWrap.comparison.alldelete .btn.primary{ background: #4D4D4D; border: #4D4D4D; border-radius: 4px; color: #fff; } .comparisonPage .btnWrap.comparison.alldelete .btn.primary::before{ background: var(--primary); border: var(--primary); color: #fff; } .comparisonPage .btnWrap.comparison.alldelete .btn.primary:hover span{ color: #fff; } /* COMPARISON */ @media screen and (max-width: 500px) { .comparisonPage .btnWrap.comparison.alldelete .btn.primary{ width: 90%; } } .profileBtn.left.btn{ display: block; } .profileBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; } .profileBtns .profileBtn{ min-width: 140px; max-width: 140px; padding: 0; height: var(--btnHeight); } .profileBtns .profileBtn.left{ background-color: var(--primary); color: #fff; border-color: var(--primary) } .profileBtns .profileBtn.left::before{ z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(calc(-100% - 1px)); -ms-transform: translateX(calc(-100% - 1px)); transform: translateX(calc(-100% - 1px)); background-color: var(--textColor); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .profileBtns .profileBtn.left:hover{ color: var(--primary); } .profileBtns .profileBtn.left:hover::before{ -webkit-transform: translateX(calc(0% + 0px)); -ms-transform: translateX(calc(0% + 0px)); transform: translateX(calc(0% + 0px)); background-color: #FFF; } .profileBtns .profileBtn.right{ color: var(--textColor); border-color: var(--textColor); } .profileBtns .profileBtn.right::before{ z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(calc(-100% - 1px)); -ms-transform: translateX(calc(-100% - 1px)); transform: translateX(calc(-100% - 1px)); background-color: var(--primary); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .profileBtns .profileBtn.right:hover{ color: #FFF; } .profileBtns .profileBtn.right:hover::before{ -webkit-transform: translateX(calc(0% + 0px)); -ms-transform: translateX(calc(0% + 0px)); transform: translateX(calc(0% + 0px)); border-color: var(--textColor); background-color: var(--textColor); } .nice-select .list{ z-index: 11; } .personalArea__inner .right .headers{ display: grid; } .personalArea__inner .right .row .block::before{ display: none; } @media screen and (max-width: 1100px){ .personalArea__inner .right .headers{ display: none; } .personalArea__inner .right .row .block::before{ display: block; } .personalArea__inner .right .row .block{ padding-top: 15px; } .personalArea__inner .right .row .block .nice-select{ padding: 0; margin: 0; } .personalArea__inner .right .row .block::before{ top: 5px; } } @media screen and (max-width: 1030px){ .personalArea__inner .right{ width: 100%; } } @media screen and (max-width: 750px){ .personalArea__inner .right .row .block{ margin: 0; } .personalArea__inner .right .row{ border-bottom: 1px solid var(--border); } .personalArea__inner .right .row>.block:last-child{ justify-content: right; margin-right: 20px; } .personalArea__inner .right .row>.block:last-child:before{ right: 8px; left: unset; } .personalArea__inner .right .row>.block:last-child .nice-select{ width: auto; } .personalArea__inner .right .row>.block:last-child .nice-select:after{ right: -15px; } } .personalArea__inner .left .list .item .link.active{ color: var(--primary); } .personalArea__inner .left .list .item .link.active::before{ content: none; } .personalArea__inner .right .row .block.select_order .nice-select.open .list li:first-child{ display: none; } .personalArea__inner.detail .right .order_detail_info .row{ padding: 0 } .order_detail_info_block_content{ font-size: 0.7rem; margin-bottom: 22px; } .order_detail_info_block_content.bold{ font-weight: bold; } .order_detail_basket{ margin-top: var(--indent60); margin-bottom: var(--indent24); border: 1px solid #B7B7B7; } .order_detail_basket .titleTable.basket{ padding: 14px; font-size: 0.7rem; line-height: 1; font-weight: 900; margin: 0; } .personalArea__inner.basket .right .headers .title p{ letter-spacing: 0.05rem; } .personalArea__inner.basket .right .order_detail_basket .row .block .text p{ font-size: 0.7rem; } .personalArea__inner .right .order_detail_basket .row{ padding: var(--indent12); } .personalArea__inner .right .order_detail_basket .row:last-child{ padding-bottom: var(--indent24); } .personalArea__inner .right .row.basket_bottom { margin-bottom: 15px; } .personalArea__inner .right .row.basket_bottom .basket_bottom_title { width: 200px; margin-right: 0; margin-left: auto; } .personalArea__inner .right .row.basket_bottom .block .text p{ font-size: .7rem; font-weight: bold; display: inline-block; } .personalArea__inner .right .basket_bottom_btn{ float: right; margin-top: 10px; padding: 0; } .personalArea__inner .right .basket_bottom_btn a{ width: 150px; } .personalArea__inner .right .basket_bottom_btn a span{ text-transform: uppercase; letter-spacing: 0.04em; } @media screen and (max-width: 1100px){ .personalArea__inner .right .order_detail_basket .row .block{ padding-top: 30px; } .personalArea__inner .right .order_detail_basket .row .block::before{ font-weight: bold; } } @media screen and (max-width: 750px){ .personalArea__inner.detail .right .row{ border-bottom: unset; } .personalArea__inner.detail .right .order_detail_basket .row{ border-bottom: 1px solid #B7B7B7; } } .personalArea__inner.subscribe .right .authorization{ margin-bottom: 30px; } .personalArea__inner.subscribe .right .authorization p{ font-size: 0.7rem; line-height: 1.2; } .personalArea__inner.subscribe .right .authorization .session_info p .user_name{ color:var(--primary); } .personalArea__inner.subscribe .right .authorization .session_logout p a{ color: var(--primary); border-bottom: 1px solid; } .personalArea__inner.subscribe .right .setting p{ font-size: 0.7rem; line-height: 1.2; } .personalArea__inner.subscribe .right .setting .top .setting_top_title{ padding: 20px 0; } .personalArea__inner.subscribe .right .setting .top .left_blocks .field{ max-width: 500px; } .personalArea__inner.subscribe .right .setting .top .left_blocks .field, .personalArea__inner.subscribe .right .setting .top .left_blocks .more_text, .personalArea__inner.subscribe .right .setting .top .left_blocks h5, .personalArea__inner.subscribe .right .setting .top{ margin-bottom: 10px; } .personalArea__inner.subscribe .right .setting .top .filter.label_block.radio{ text-align: center; width: fit-content; } .personalArea__inner.subscribe .right .setting .bottom{ max-width: 500px; } .personalArea__inner.subscribe .right .confirmation .confirm_title{ padding-bottom: 20px; } .personalArea__inner.subscribe .right .confirmation .confirm_content .field{ max-width: 500px; margin-bottom: 10px; } .personalArea__inner.subscribe .right .confirmation .confirm_content p{ font-size: 0.7rem; line-height: 1.2; } .personalArea__inner.subscribe .right .confirmation .more_text_small{ margin-bottom: 10px; } .personalArea__inner.subscribe .right .confirmation .more_text_small p{ font-size: 0.7rem; line-height: 1.2; } .personalArea__inner.subscribe .right .confirmation .more_text_small a{ color: var(--primary); border-bottom: 1px solid; } .personalArea__inner.subscribe .right .status .status_title{ padding: 20px 0; } .personalArea__inner.subscribe .right .status .row.status_content_table{ padding: 0; max-width: 500px; display: flex; align-items: center; justify-content: start; margin-bottom: 5px; border: unset; } .personalArea__inner.subscribe .right .status .status_content{ margin-bottom: 10px; } .personalArea__inner.subscribe .right .status .row.status_content_table p{ width: 50%; font-size: 0.7rem; line-height: 1.2; } .personalArea__inner.subscribe .right .status .row.status_content_table p:last-child{ font-weight: 700; } .personalArea__inner.subscribe .right .status .row.status_content_table .more_text_small p{ font-weight: 400; width: auto; } .personalArea__inner.subscribe .right .subscribe-edit p font{ font-size: 0.7rem; line-height: 1.2; } .personalArea__inner .right.false .lkTable{ border: unset; } .personalArea__inner .right.false .lkTable .basket_bottom_btn{ float: unset; } @media screen and (max-width: 1030px){ .personalArea__inner .right{ padding-left: 0; } } .catalogPage .searchForm{ display: flex; align-items: center; justify-content: center; margin: 20px 0; } .catalogPage .searchForm input{ border: 1px solid var(--gray); height: 40px; padding-left: 15px; font-size: .7rem; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; -o-transition: box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s,-webkit-box-shadow .3s; border-radius: 4px; font-family: dinPro,sans-serif; } .catalogPage .searchForm button{ background: #F76500; border-radius: 2px; height: 40px; width: 125px; font-weight: 700; font-size: 14px; line-height: 18px; text-align: center; color: #FFFFFF; } .catalogPage .searchForm button svg path{ fill: white; } /* CatalogSubscribe */ /* CatalogSubscribe */ .contentPage.akcii .contentPageWrap .content .text p{ word-wrap: break-word; } @media screen and (max-width:1420px) { .contactsPage .contact{ order: 1; } .contactsPage .free_phone{ order: 2; } .contactsPage .info{ order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .contactsPage .form{ order: 4; } .contactsPage .maps{ order: 5; } .contactsPage .video{ order: 6; } .contactsPage .column .videWrap iframe{ min-height: 300px; max-height: 500px; } } @media screen and (max-width:1030px) { .contactsPage .info{ display: block; } } @media screen and (max-width:750px) { .contactsPage .column .form .field:first-child{ order: 1; } .contactsPage .column .form .field:last-child{ order: 2; } .contactsPage .column .form .field.vx2{ order: 3; } .contactsPage .column .form .checkbox{ order: 4; } .contactsPage .column .form .btnWrap{ order: 5; } } .header .btnWrap .btn.primary svg.mob{ z-index: 3; } .header .btnWrap .btn.primary svg path{ fill: white; } .header .btnWrap .btn.primary:hover svg path{ fill: var(--primary); color: var(--primary); stroke: var(--primary); } @media screen and (max-width:1000px) { .category .list .item .catItemFront{ display: none; } .category .list .item .catItemBack .title{ position: relative; z-index: 4; } } article.catalog .sliderWrap .sliderBtns{ top: 35%; } @media screen and (max-width:500px) { .catalog .list .item .btnWrap{ width: 120px; } .cartPage .basket-items-list .productInner.grid12{ padding: 20px 10px; } .cartPage .product .block .icon img{ max-width: 50px; max-height: 80px; } } .content.kits .imgWrap{ overflow: hidden; } .content.kits .imgWrap .zoom{ display: block; margin: auto; } .content.kits .kit_price{ display: flex; gap: 10px; align-items: center; } .content.kits .kit_price .priceWrap.old{ position: relative; } .content.kits .kit_price .priceWrap.old::after{ top: 50%; left: 0; transform:rotate(-25deg); width: 100%; border-bottom: 3px solid red; position: absolute; content: ""; display: block; -webkit-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -ms-transform:rotate(-25deg); -o-transform:rotate(-25deg); } .content.kits .kit_price .kit_counter{ color: red; font-weight: bold; font-size: 1.2rem; } .password-control { position: absolute; top: 38px; right: 6px; display: inline-block; width: 20px; height: 20px; background: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat; } .password-control.view { background: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat; } /* NONE */ .langD{ display: none !important; } @media screen and (min-width:1100px) { header.header .logoWrap .logo{ display: block; margin: auto; } header.header .logoWrap .logo img{ display: block; margin: auto; } } .tabs.option1 .tabNavs .tabPill1 .mob{ display: none; } @media screen and ( max-width: 500px ) { .tabs.option1 .tabNavs{ flex-direction: column; width: 100%; } .tabs.option1 .tabNavs .tabPill1{ width: 100%; max-width: 100%; margin-bottom: 10px; justify-content: start; } .tabs.option1 .tabNavs .tabPill1 .text::before{ content: " "; } .tabs.option1 .tabNavs .tabPill1 .text p{ font-size: 1.2rem; } .tabs.option1 .tabNavs .tabPill1.active .text p{ color: var(--primary); } .tabs.option1 .tabNavs .tabPill1 .icon{ margin-right: 20px; } .tabs.option1 .tabNavs .tabPill1 .mob{ display: block; position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); } .tabs.option1 .tabNavs .tabPill1.active .mob{ transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); -moz-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); -o-transform: translate(0, -50%) rotate(180deg); } } .contentPage .contentPageWrap .sidebar{ height: auto; align-self: baseline; position: sticky; top: 120px; } .elementHeader{ position: fixed; top: 55px; z-index: 100; width: 100%; max-height: 120px; background: white; padding: 10px 0; display: none; padding-bottom: 0; } .elementHeader .container{ display: flex; justify-content: space-between; } .elementHeader .left{ display: flex; align-items: center; } .elementHeader .left .imgWrap{ margin-right: 20px; } .elementHeader .left .imgWrap img{ width: 120px; height: 100px; object-fit: contain; } .elementHeader .left .name > p{ color: #000; font-size: 20px; font-style: normal; font-weight: 700; line-height: 46px; } .elementHeader .left .name .availability { width: 82px; height: 25px; display: flex; justify-content: center; align-items: center; } .elementHeader .left .name .availability p{ color: #FFF; text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; } .elementHeader .left .name .availability.true{ background: var(--green-3, #6FCF97); } .elementHeader .left .name .availability.false{ background: red; } .elementHeader .right{ display: flex; align-items: center; } .elementHeader .right .price{ margin-right: 30px; } .elementHeader .right .price .priceBlock .newPrice p{ color: #000; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } .elementHeader .right .buttons{ display: flex; align-items: center; gap: 0 10px; } .elementHeader .right .buttons .row{ display: flex; align-items: center; margin-right: 25px; } .elementHeader .right .buttons .row:last-child{ margin-right: 0; } .elementHeader .right .buttons .row .additionBlock{ cursor: pointer; } .elementHeader .right .buttons .row .additionBlock:not(:last-child){ margin-right: 20px; } .elementHeaderTabs{ top: 165px; position: fixed; z-index: 111; background: white; width: 100%; display: none; } .elementHeaderTabs .container{ width: 100%; display: flex; height: 50px; align-items: center; } .elementHeaderTabs .container .chars{ position: relative; z-index: 4; width: calc(100% - 25em); padding-right: var(--indent32); display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; background: white; padding-bottom: 5px; } .elementHeaderTabs .container .chars .tabPill1 { position: relative; padding: var(--indent12); text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 20%; max-width: max-content; padding: 0 20px; padding-bottom: 10px; } .elementHeaderTabs .container .chars .tabPill1::before{ content: ""; width: 0; background-color: var(--textColor); border-top: none; position: absolute; bottom: 2px; left: 0; height: 1px; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; } .elementHeaderTabs .container .chars .tabPill1 svg path{ fill: var(--textColor); } .elementHeaderTabs .container .chars .tabPill1.active::before{ width: 100%; } .elementHeaderTabs .container .chars .tabPill1.active svg path { fill: var(--primary); } .elementHeaderTabs .container .chars .tabPill1:not(:last-child){ border-right: 1px solid #f3f3f3; } .elementHeaderTabs .container .chars .tabPill1 .icon{ width: 27px; height: 27px; margin-right: var(--indent12); } .elementHeaderTabs .container .chars .tabPill1 .mob{ display: none; } .elementHeaderTabs .container .chars .tabPill1 .text p{ font-size: .8rem; color: var(--textColor); font-weight: 700; white-space: nowrap; } .elementHeaderTabs .container .news{ position: relative; z-index: 3; width: calc(var(--column)*4 + var(--gap)*4); padding-left: var(--gap); min-width: 25em; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #f3f3f3; max-height: 50px; height: 50px; display: none; } .elementHeaderTabs .container .news .tabPill{ position: relative; padding: var(--indent12); text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .elementHeaderTabs .container .news .tabPill::after{ z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .elementHeaderTabs .container .news .tabPill.active::after{ width: 100%; background-color: var(--primary); } .elementHeaderTabs .container .news .tabPill.active .text p{ font-size: 1.3rem; color: var(--textColor); font-weight: 400; white-space: nowrap; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; position: relative; z-index: 5; } .elementHeaderTabs .container .news .tabPill.active .text p{ color: #fff; font-weight: 700; } @media screen and (max-width: 1420px){ .elementHeaderTabs .container .news{ padding-left: 0; width: calc(var(--column)*4 + var(--gap)*3); } } @media screen and ( max-width:980px) { header.header .top{ display: flex !important; } .elementHeaderTabs{ display: none !important; } .elementHeader{ top: unset; bottom: 0; display: block !important; padding: 0; } .elementHeader .left{ display: none; } .elementHeader .right .buttons .row:last-child{ display: none; } .elementHeader .right{ justify-content: space-between; width: 100%; } .elementHeader .right .buttons .row{ margin-right: 0; } .elementHeader .right .buttons .row .btn{ } } /* SEARCH */ .search_panel_block { margin-top: 0; top: 0; transform: translateY(calc(-100% - 10px)); } .search_panel_block { position: fixed; background: #fff; height: 40px; padding: 70px 0; left: 0; width: 100%; z-index: 100; margin-top: -570px; overflow: hidden; background-color: #ffffff; box-shadow: 0 4px 4px 0 rgba(221, 221, 221, 0.5); -webkit-transition: all 0.5s; transition: all 0.5s; -moz-transition: all 0.5s; } .btn.primary { min-width: unset; /*margin-right: 16px;*/ /*width: 20px;*/ } @media (max-width: 500px) { .top .btn.primary { display: none; } } .search_panel_block.active { margin-top: -30px; z-index: 213133; transform: translateY(0%); } .search_panel_block .search-form form{ display: flex; align-items: center; justify-content: space-between; gap: 100px; } .search_panel_block .search-index{ width: 100%; display: flex; align-items: center; justify-content: center; } .search_panel_block input[type="text"] { padding: 0 30px; width: 100%; border: 1px solid #B6B9C1; border-radius: 2px; font-size: 17px; line-height: 15px; color: #4D4D4D; height: 40px; } .search_panel_block button.search-go { background: #F76500; border-radius: 2px; height: 40px; width: 125px; font-weight: 700; font-size: 14px; line-height: 18px; text-align: center; color: #FFFFFF; } .search_panel_block button.search-go:hover { background: #FFFFFF; color: #F76500; border: 1px solid #F76500; } .search_panel_block a.close_a { width: 40px; height: 40px; position: relative; display: flex; align-items: center; justify-content: center; } .search_panel_block a.close_a div{ width: 100%; height: 2px; background: #FFF; } .search_panel_block a.close_a div:nth-child(1){ position: absolute; /*top: 16px; */transform: rotate(45deg); opacity: 0.5; border: 1px solid #8A8A8A; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .search_panel_block a.close_a div:nth-child(2){ position: absolute; /* bottom: 23px; */ transform: rotate(-45deg); opacity: 0.5; border: 1px solid #8A8A8A; } .search_panel_block a.close_a:hover div{ border:1px solid #F76500; } @media screen and (max-width:1200px){ .search_panel_block .search-form form{ gap:50px; } } @media screen and (max-width:768px){ .search_panel_block .search-form form{ gap:20px; } } /* SEARCH */ .title-search-result{ top: 110px !important; z-index: 8000; background-color: white; } .search-result .categories{ padding-bottom: 5px; border-radius: 5px; padding-top: 5px; margin-top: 10px; display: flex; flex-wrap: wrap; } .search-result .categories .bx_item_block_section{ display: block; width: auto; margin-right: 10px; margin-bottom: 10px; } .search-result .categories .bx_item_block_section .bx_item_block_href_category_name{ border-radius: 10px; background: var(--primary); color: white; font-size: 18px; padding: 5px 12px; display: flex; justify-content: center; align-items: center; line-height: 1.3; } .search-result .items{ display: flex; flex-wrap: wrap; padding-top: 10px; } .search-result .items .bx_item_block_element{ max-width: calc(50% - 10px); width: 50%; margin-bottom: 7px; } .search-result .items .bx_item_block_element:nth-child(2n+1){ margin-right: 10px; } .search-result .items .bx_item_block_element .bx_item_block_item_info{ display: flex; } .search-result .items .bx_item_block_element .bx_item_block_item_info .bx_item_block_item_image{ width: 60px; height: 60px; margin-right: 20px; } .search-result .items .bx_item_block_element .bx_item_block_item_info .bx_item_block_item_image img{ /* width: 60px; height: 60px; object-fit: cover; */ object-fit: contain; display: block; margin: auto; } .search-result .items .bx_item_block_element .bx_item_block_item_info .item_name_price{ display: flex; flex-direction: column; } .search-result .items .bx_item_block_element .bx_item_block_item_info .item_name_price .bx_item_block_item_price{ order: 1; } .search-result .all_result_button { margin-top: 10px; color: var(--primary); font-size: 18px; } @media screen and ( max-width:500px ) { .title-search-result{ top: 60px !important; } .menuburger_bottom .search{ margin-top: 10px; } .menuburger_bottom .search .mob{ display: none; } .search_panel_block{ padding: 0; margin: 0; height: 70px; display: flex; flex-direction: column; justify-content: center; box-shadow: unset; } .search_panel_block.active { margin-top: 0; } .search_panel_block.active article{ margin: 0; } .search-result .items .bx_item_block_element{ width: 100%; max-width: 100%; } .search-result .items .bx_item_block_element:nth-child(2n+1){ margin-right: 0; } .search-result .items .bx_item_block_element .bx_item_block_item_info .item_name_price{ max-width: calc(100% - 80px); } } /* /local/templates/pck-format/components/bitrix/menu/mobile/style.css */ .mobileMenu{ position:fixed; top:-100%; left:0; height:100vh; background-color:#fff; z-index:100; width:100%; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.3); box-shadow:1px 1px 1px rgba(0,0,0,.3); -webkit-transition:top .3s; -o-transition:top .3s; transition:top .3s; -moz-transition:top .3s; -ms-transition:top .3s; display: none; } .mobileMenu .mmTop{ padding:15px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .mobileMenu .mmTop .icon{ cursor:pointer } .mobileMenu .mmTop .cross{ cursor:pointer; width:20px; height:20px; position:relative; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } .mobileMenu .mmTop .cross .line{ position:absolute; background-color:var(--cross) } .mobileMenu .mmTop .cross .line.l1{ width:100%; height:2px; top:calc(50% - 1px); left:0 } .mobileMenu .mmTop .cross .line.l2{ width:2px; height:100%; left:calc(50% - 1px); top:0 } .mobileMenu .mmBody{ position:relative; height: 100%; overflow-y:scroll; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .mobileMenu .mmBody .list .item .link{ color: var(--text); padding: 12px 24px; text-decoration: none; border-top: 1px solid #F3F3F3; border-bottom: 0; line-height: 23px; width: 100%; display: flex; justify-content: space-between; align-items: center; } .mobileMenu .mmBody .list .item .link:hover{ background-color: #f5f5f5; } .mobileMenu .mmBody .list .item .link > *{ cursor: pointer; display: block; } .mobileMenu .mmBody .mmBottom{ position:relative; bottom:0; padding-bottom:32px } .mobileMenu .mmBody .mmBottom .link{ padding:4px 15px; display:block; font-size:16px; color:var(--link) } .mobileMenu.active{ top:0; z-index: 213123; overflow: auto; /* top: 118px; */ width: 100%; max-width: 100%; display: block; } /* /local/templates/pck-format/components/webdebug.seo/regions.link/.default/style.css */ .wd_seo_region_link { padding:2px 8px; position:relative; } .wd_seo_region_link-title { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABCElEQVR42mNgQAOCLmlywq7J/cKuSfPA2CWpT8gjRYYBHxByStQSck1aKmofLwETE3FPkwSJCbulaeDW6Jq0TNgviRdss3uKNgiDxT2i+YRckpdg1QR0kpSwS3IvWKFzUjDQmS1AJ7cKuSYGQuSTe5FdgtAIdIqQa3IhWKNLchePfZqIuGuGmJBLUifYBa5JRVidq+KRyw5UNAPE5nePVwC6YAEIgwILYljSTIbQUDbsznVNnoAtBEFioNDFGThgfwI1YxGfCJLDHyWuSTUi7im2iOhIsQX6uZqBEID6dROfW7IQv328AJC9Wd4+noOBGAC0QRMY/HNBKQfEZiAFiLgmRYAww6ABAA/ARkhwnCQxAAAAAElFTkSuQmCC') left center no-repeat; display:inline-block; min-height:14px; padding-left:20px; vertical-align:middle; } .wd_seo_region_link-value a { border-bottom-style:dashed; border-bottom-width:1px; cursor:pointer; position:relative; text-decoration:none; vertical-align:middle; } .wd_seo_region_link-value a:hover { border-bottom:none; } .wd_seo_region_link-loading:before { background:url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==') center center no-repeat; content:''; height:16px; left:50%; margin:-8px 0 0 -8px; position:absolute; top:50%; width:16px; } .wd_seo_region_quest { position: absolute; bottom: -100%; left: 50%; } .v-confirm-city_pHa { -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.04),0 4px 4px rgba(0,0,0,.04),0 20px 40px rgba(0,0,0,.08); box-shadow:0 0 0 1px rgba(0,0,0,.04),0 4px 4px rgba(0,0,0,.04),0 20px 40px rgba(0,0,0,.08); border-radius:8px; position:absolute; top:35px; left:-25px; background-color:#fff; z-index:100; display:flex; flex-direction:row; flex-wrap:wrap; padding:23px; color:#333; max-width:350px; margin-left:5px; cursor:default } .v-confirm-city__city-title_v3K { margin-right:5px } .v-confirm-city__city-info_ea8 { color: #333; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; font-family: "PT Sans",sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; margin-bottom: 0; margin-top: 0; } .v-confirm-city__buttons_Rx2 { display: flex; justify-content: start; flex-direction: row; margin-top: 16px; } .v-confirm-city__btn_foO { margin-right: 12px; } .base-ui-button_medium_uIe { height: 44px; } .base-ui-button_brand_avQ { color: #fff; background-color: rgba(251, 100, 23, 0.8); font-weight: bold; border: none; } .base-ui-button_JKH { box-sizing: border-box; align-items: center; border-radius: 8px; cursor: pointer; display: inline-flex; font-size: 16px; font-family: inherit; line-height: 100%; justify-content: center; padding: 10px 19px; text-align: center; outline: none; position: relative; user-select: none; } .base-ui-button_medium_uIe { height: 44px; } .base-ui-button_grey_nYK { background-color: #f7f7f7; border: none; } /* /local/templates/pck-format/components/zweb/zweb.modalform/Callback/style.css */ .zwfAlertMessage{ font-size: 0.6rem; color: red; position: relative; bottom: 0 ; } /* /local/templates/pck-format/components/bitrix/menu/catalog_menu_banner/style.css */ .subMenu .subMenuWrap .subLeft{ position: relative; } .subMenu .subMenuWrap .subLeft::before{ content: " "; width: 200%; height: calc(100% + 44px); background: var(--secondary); display: block; position: absolute; z-index: 2; top: -12px; right: 0; } header.header .bottom .dropDownMenu .list .item .subMenu .subTitle{ position: relative; z-index: 4; } .subMenu .subMenuWrap .subLeft .subTitle .text{ display: flex; justify-content: center; } .subMenu .subMenuWrap .subLeft .subTitle .text a{ color: var(--link); font-size: .7rem; font-size: 18px; font-weight: 500; } .subMenu .subMenuWrap .subLeft .subTitle.hover{ position: relative; } .subMenu .subMenuWrap .subLeft .subTitle.hover .text a{ color: white; } .subMenu .subMenuWrap .subLeft .subTitle.hover::before{ content: " "; background-color: var(--primary); position: absolute; width: 500%; height: 100%; z-index: -1; right: 0; } .subMenu .subMenuWrap .subRight .sub3List{ display: none; } .subMenu .subMenuWrap .subRight .sub3List .list{ display: flex; flex-direction: column; position: relative; } /* .subMenu .subMenuWrap .subRight .sub3List .list::before{ content: " "; width: 200%; height: calc(100% + 44px); background: rgb(204, 204, 204 , 0.7); display: block; position: absolute; z-index: 1; top: -12px; right: 0; } */ .subMenu .subMenuWrap .subRight .sub3List .list .subLink{ position: relative; z-index: 3; } .subMenu .subMenuWrap .subRight .sub3List.hover{ display: grid; } .subMenu .subMenuWrap .subRight .sub4List{ display: none; } .subMenu .subMenuWrap .subRight .sub4List.hover{ display: grid; } .subMenu .subMenuWrap .subRight .sub3List .subLink{ margin-bottom: 15px; } header.header .bottom .dropDownMenu .list .item .subMenu .subLink{ padding: 7px 0; width: 100%; } .subMenu .subMenuWrap .subRight .sub3List .subLink.hover{ /* background-color: var(--primary); */ } .subMenu .subMenuWrap .subRight .sub3List .subLink a{ font-size: 18px !important; padding: 0 10px; } .subMenu .subMenuWrap .subRight .sub3List .subLink.hover a{ /* color: white; */ } .subMenu .subMenuWrap .subRight .sub3List .subLink.hover a::before{ width: 100% !important; } .subMenu .subMenuWrap .subRight .sub4List .propsList .propsTitle p{ cursor: default; margin-bottom: 5px; } .subMenu .subMenuWrap .subRight .sub4List .propsLinkList{ display: flex; flex-direction: column; } .subMenu .subMenuWrap .subRight .sub4List .propsLinkList .propsLink a{ font-size: .7rem; line-height: 1.4; display: inline-block; position: relative; margin-bottom: 0px; } .subMenu .subMenuWrap .subRight .sub4List .propsLinkList .propsLink a::before{ content: ""; position: absolute; bottom: 0; width: 0; height: 1px; background-color: var(--primary); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; } .subMenu .subMenuWrap .subRight .sub4List .propsLinkList .propsLink a:hover::before{ width: 100% ; } /* /local/templates/pck-format/components/bitrix/breadcrumb/pkc/style.css */ .bx-breadcrumb { margin: 10px 0; } .bx-breadcrumb i { color: #b5bdc2; line-height: 13px; font-size: 12px; vertical-align: middle; margin-right: 5px; } .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 10px; } .bx-breadcrumb .bx-breadcrumb-item span { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; white-space: normal; } .bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;} .bx-breadcrumb .bx-breadcrumb-item a:hover {} /* /local/templates/pck-format/template_styles.css */ .ag-countrymask.iti { margin-bottom: 20px; } .elementHeader .oldPrice { font-size: 70%; } .elementHeader .priceBlock .oldPrice p{ text-decoration: line-through ; color: var(--border); } .elementHeader .oldPrice.oldPrice-mobile { display: none; } .bx-sls .dropdown-fade2white { display: none; } #bx-soa-total > div.checkbox > label > input[type=checkbox] { width: unset; } @media (max-width: 980px){ .elementHeader .oldPrice.oldPrice-mobile { display: block; } .elementHeader .oldPrice { display: none; } } .catalogFilter .block .filterResult { right: 0; left: unset; } header.header .elements .like .quantity p{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:.55rem; line-height:0; /*color: rgb(77, 77, 77);*/ } header.header .elements .like .quantity { width:16px; height:16px; background-color:#eee; border-radius:50%; position:relative; -webkit-transform:translate(-17px, -5px); -ms-transform:translate(-17px, -5px); transform:translate(-17px, -5px); color: rgb(77, 77, 77); text-align: center; }