/**
 * Do not edit directly
 * Generated on Tue, 26 Mar 2024 08:05:46 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-color-copilot-primary: #8e52ec;
  --ui-color-copilot-primary-rgb: 142, 82, 236;
  --ui-color-copilot-secondary: #b095dc;
  --ui-color-copilot-secondary-rgb: 176, 149, 220;
  --ui-color-copilot-dark: #682ac6;
  --ui-color-copilot-dark-rgb: 104, 42, 198;
  --ui-border-width-thick: 2px;
  --ui-border-width-thin: 1px;
  --ui-border-radius-pill: 99rem;
  --ui-border-radius-circle: 50%;
  --ui-border-radius-3xl: 20px;
  --ui-border-radius-2xl: 16px;
  --ui-border-radius-xl: 14px;
  --ui-border-radius-lg: 12px;
  --ui-border-radius-md: 10px;
  --ui-border-radius-sm: 8px;
  --ui-border-radius-xs: 6px;
  --ui-border-radius-2xs: 4px;
  --ui-border-radius-3xs: 2px;
  --ui-border-radius-none: 0;
  --ui-typography-text-lg-font-weight: 400;
  --ui-typography-text-lg-line-height: 1.4;
  --ui-typography-text-lg-font-size: var(--ui-font-size-lg);
  --ui-typography-text-md-font-weight: 400;
  --ui-typography-text-md-line-height: 1.4;
  --ui-typography-text-md-font-size: var(--ui-font-size-md);
  --ui-typography-text-sm-font-weight: 400;
  --ui-typography-text-sm-line-height: 1.4;
  --ui-typography-text-sm-font-size: var(--ui-font-size-sm);
  --ui-typography-text-xs-font-weight: 400;
  --ui-typography-text-xs-line-height: 1.35;
  --ui-typography-text-xs-font-size: var(--ui-font-size-xs);
  --ui-typography-heading-h6-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h6-font-weight: 600;
  --ui-typography-heading-h6-line-height: 1.4;
  --ui-typography-heading-h6-font-size: var(--ui-font-size-md);
  --ui-typography-heading-h5-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h5-font-weight: 400;
  --ui-typography-heading-h5-line-height: 1.35;
  --ui-typography-heading-h5-font-size: var(--ui-font-size-xl);
  --ui-typography-heading-h4-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h4-font-weight: 400;
  --ui-typography-heading-h4-line-height: 1.35;
  --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl);
  --ui-typography-heading-h3-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h3-font-weight: 300;
  --ui-typography-heading-h3-line-height: 1.3;
  --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl);
  --ui-typography-heading-h2-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h2-font-weight: 300;
  --ui-typography-heading-h2-line-height: 1.3;
  --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl);
  --ui-typography-heading-h1-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h1-font-weight: 300;
  --ui-typography-heading-h1-line-height: 1.2;
  --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl);
  --ui-color-base-default: var(--ui-color-palette-black-base);
  --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb);
  --ui-color-base-solid: var(--ui-color-palette-black-solid);
  --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb);
  --ui-color-base-05: var(--ui-color-palette-gray-05);
  --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb);
  --ui-color-base-04: var(--ui-color-palette-gray-04);
  --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb);
  --ui-color-base-03: var(--ui-color-palette-gray-03);
  --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb);
  --ui-color-base-02: var(--ui-color-palette-gray-02);
  --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb);
  --ui-color-base-90: var(--ui-color-palette-gray-90);
  --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb);
  --ui-color-base-80: var(--ui-color-palette-gray-80);
  --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb);
  --ui-color-base-70: var(--ui-color-palette-gray-70);
  --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb);
  --ui-color-base-60: var(--ui-color-palette-gray-60);
  --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb);
  --ui-color-base-50: var(--ui-color-palette-gray-50);
  --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb);
  --ui-color-base-40: var(--ui-color-palette-gray-40);
  --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb);
  --ui-color-base-35: var(--ui-color-palette-gray-35);
  --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb);
  --ui-color-base-30: var(--ui-color-palette-gray-30);
  --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb);
  --ui-color-base-20: var(--ui-color-palette-gray-20);
  --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb);
  --ui-color-base-15: var(--ui-color-palette-gray-15);
  --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb);
  --ui-color-base-10: var(--ui-color-palette-gray-10);
  --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb);
  --ui-color-background-note: var(--ui-color-palette-beige-base);
  --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb);
  --ui-color-background-on-alert: var(--ui-color-palette-red-70);
  --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb);
  --ui-color-background-alert: var(--ui-color-palette-red-20);
  --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb);
  --ui-color-background-on-warning: var(--ui-color-palette-orange-70);
  --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb);
  --ui-color-background-warning: var(--ui-color-palette-orange-20);
  --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb);
  --ui-color-background-on-success: var(--ui-color-palette-green-70);
  --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb);
  --ui-color-background-success: var(--ui-color-palette-green-20);
  --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb);
  --ui-color-background-on-info: var(--ui-color-palette-blue-70);
  --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb);
  --ui-color-background-info: var(--ui-color-palette-blue-20);
  --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb);
  --ui-color-background-tertiary: var(--ui-color-palette-gray-05);
  --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb);
  --ui-color-background-secondary: var(--ui-color-palette-gray-10);
  --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb);
  --ui-color-background-primary: var(--ui-color-palette-white-base);
  --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-text-warning: var(--ui-color-palette-orange-50);
  --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb);
  --ui-color-text-alert: var(--ui-color-palette-red-50);
  --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb);
  --ui-color-text-subtle: var(--ui-color-palette-gray-70);
  --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb);
  --ui-color-text-secondary: var(--ui-color-palette-gray-90);
  --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb);
  --ui-color-text-primary: var(--ui-color-palette-black-base);
  --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb);
  --ui-color-extranet: var(--ui-color-palette-orange-60);
  --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb);
  --ui-color-on-primary-alt: var(--ui-color-palette-white-base);
  --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-primary-alt: var(--ui-color-palette-green-50);
  --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb);
  --ui-color-on-primary: var(--ui-color-palette-white-base);
  --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-primary: var(--ui-color-palette-blue-50);
  --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb);
}

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

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

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

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

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

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

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

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

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

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

: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('js/ui/fonts/opensans/opensans-regular.woff') format('woff'),
		url('js/ui/fonts/opensans/opensans-regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
	font-family: 'OpenSans-Bold';
	src:
		local('Open Sans Bold'),
		url('js/ui/fonts/opensans/opensans-bold.woff') format('woff'),
		url('js/ui/fonts/opensans/opensans-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}.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.--open {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

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

.popup-window-delimiter {
	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);
	}
}
.bx-blue .btn.btn-default {
	outline: none;
	background-color: #1485CE;
	border-color: #1485CE;
	color: #FFF;
}
.bx-blue .btn.btn-default:hover {
	outline: none;
	background-color: #53A4D8;
	border-color: #53A4D8;
	color: #FFF;
}
.bx-blue .btn.btn-default:active {
	outline: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
			box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}.main-phonenumber-country {
	cursor: pointer;
	display: flex;
	align-items: center;
}

.main-phonenumber-country-flag {
	display: inline-block;
	margin: 3px 10px;
}

.main-phonenumber-country-name {
	display: inline-block;
}

.main-phonenumber-country-separator {
	display: block;
	border-bottom: 1px solid #d1d4d8;
	margin: 0 10px 0 11px;
}

.bx-flag-16 {
	height: 16px;
	width: 16px;
	background: url("js/main/phonenumber/flag/sprite-16.png") 0 -4128px;
}
.bx-flag-24 {
	height: 24px;
	width: 24px;
	background: url("js/main/phonenumber/flag/sprite-24.png") 0 -6192px;
}
.bx-flag-32 {
	height: 32px;
	width: 32px;
	background: url("js/main/phonenumber/flag/sprite-32.png") 0 -8256px;
}

/**************** 16x16 *************/
.bx-flag-16.ad {
	background-position: 0 0;
}
.bx-flag-16.ae {
	background-position: 0 -16px;
}
.bx-flag-16.af {
	background-position: 0 -32px;
}
.bx-flag-16.ag {
	background-position: 0 -48px;
}
.bx-flag-16.ai {
	background-position: 0 -64px;
}
.bx-flag-16.al {
	background-position: 0 -80px;
}
.bx-flag-16.am {
	background-position: 0 -96px;
}
.bx-flag-16.an {
	background-position: 0 -112px;
}
.bx-flag-16.ao {
	background-position: 0 -128px;
}
.bx-flag-16.aq {
	background-position: 0 -144px;
}
.bx-flag-16.ar {
	background-position: 0 -160px;
}
.bx-flag-16.as {
	background-position: 0 -176px;
}
.bx-flag-16.at {
	background-position: 0 -192px;
}
.bx-flag-16.au {
	background-position: 0 -208px;
}
.bx-flag-16.aw {
	background-position: 0 -224px;
}
.bx-flag-16.ax {
	background-position: 0 -240px;
}
.bx-flag-16.az {
	background-position: 0 -256px;
}
.bx-flag-16.ba {
	background-position: 0 -272px;
}
.bx-flag-16.bb {
	background-position: 0 -288px;
}
.bx-flag-16.bd {
	background-position: 0 -304px;
}
.bx-flag-16.be {
	background-position: 0 -320px;
}
.bx-flag-16.bf {
	background-position: 0 -336px;
}
.bx-flag-16.bg {
	background-position: 0 -352px;
}
.bx-flag-16.bh {
	background-position: 0 -368px;
}
.bx-flag-16.bi {
	background-position: 0 -384px;
}
.bx-flag-16.bj {
	background-position: 0 -400px;
}
.bx-flag-16.bl {
	background-position: 0 -416px;
}
.bx-flag-16.bm {
	background-position: 0 -432px;
}
.bx-flag-16.bn {
	background-position: 0 -448px;
}
.bx-flag-16.bo {
	background-position: 0 -464px;
}
.bx-flag-16.br {
	background-position: 0 -480px;
}
.bx-flag-16.bs {
	background-position: 0 -496px;
}
.bx-flag-16.bt {
	background-position: 0 -512px;
}
.bx-flag-16.bw {
	background-position: 0 -528px;
}
.bx-flag-16.by {
	background-position: 0 -544px;
}
.bx-flag-16.bz {
	background-position: 0 -560px;
}
.bx-flag-16.ca {
	background-position: 0 -576px;
}
.bx-flag-16.cc {
	background-position: 0 -592px;
}
.bx-flag-16.cd {
	background-position: 0 -608px;
}
.bx-flag-16.cf {
	background-position: 0 -624px;
}
.bx-flag-16.cg {
	background-position: 0 -640px;
}
.bx-flag-16.ch {
	background-position: 0 -656px;
}
.bx-flag-16.ci {
	background-position: 0 -672px;
}
.bx-flag-16.ck {
	background-position: 0 -688px;
}
.bx-flag-16.cl {
	background-position: 0 -704px;
}
.bx-flag-16.cm {
	background-position: 0 -720px;
}
.bx-flag-16.cn {
	background-position: 0 -736px;
}
.bx-flag-16.co {
	background-position: 0 -752px;
}
.bx-flag-16.cr {
	background-position: 0 -768px;
}
.bx-flag-16.cu {
	background-position: 0 -784px;
}
.bx-flag-16.cv {
	background-position: 0 -800px;
}
.bx-flag-16.cw {
	background-position: 0 -816px;
}
.bx-flag-16.cx {
	background-position: 0 -832px;
}
.bx-flag-16.cy {
	background-position: 0 -848px;
}
.bx-flag-16.cz {
	background-position: 0 -864px;
}
.bx-flag-16.de {
	background-position: 0 -880px;
}
.bx-flag-16.dj {
	background-position: 0 -896px;
}
.bx-flag-16.dk {
	background-position: 0 -912px;
}
.bx-flag-16.dm {
	background-position: 0 -928px;
}
.bx-flag-16.do {
	background-position: 0 -944px;
}
.bx-flag-16.dz {
	background-position: 0 -960px;
}
.bx-flag-16.ec {
	background-position: 0 -976px;
}
.bx-flag-16.ee {
	background-position: 0 -992px;
}
.bx-flag-16.eg {
	background-position: 0 -1008px;
}
.bx-flag-16.eh {
	background-position: 0 -1024px;
}
.bx-flag-16.er {
	background-position: 0 -1040px;
}
.bx-flag-16.es {
	background-position: 0 -1056px;
}
.bx-flag-16.et {
	background-position: 0 -1072px;
}
.bx-flag-16.eu {
	background-position: 0 -1088px;
}
.bx-flag-16.fi {
	background-position: 0 -1104px;
}
.bx-flag-16.fj {
	background-position: 0 -1120px;
}
.bx-flag-16.fk {
	background-position: 0 -1136px;
}
.bx-flag-16.fm {
	background-position: 0 -1152px;
}
.bx-flag-16.fo {
	background-position: 0 -1168px;
}
.bx-flag-16.pm,
.bx-flag-16.gf,
.bx-flag-16.gp,
.bx-flag-16.re,
.bx-flag-16.fr {
	background-position: 0 -1184px;
}
.bx-flag-16.ga {
	background-position: 0 -1200px;
}
.bx-flag-16.gb {
	background-position: 0 -1216px;
}
.bx-flag-16.gd {
	background-position: 0 -1232px;
}
.bx-flag-16.ge {
	background-position: 0 -1248px;
}
.bx-flag-16.gg {
	background-position: 0 -1264px;
}
.bx-flag-16.gh {
	background-position: 0 -1280px;
}
.bx-flag-16.gi {
	background-position: 0 -1296px;
}
.bx-flag-16.gl {
	background-position: 0 -1312px;
}
.bx-flag-16.gm {
	background-position: 0 -1328px;
}
.bx-flag-16.gn {
	background-position: 0 -1344px;
}
.bx-flag-16.gq {
	background-position: 0 -1360px;
}
.bx-flag-16.gr {
	background-position: 0 -1376px;
}
.bx-flag-16.gs {
	background-position: 0 -1392px;
}
.bx-flag-16.gt {
	background-position: 0 -1408px;
}
.bx-flag-16.gu {
	background-position: 0 -1424px;
}
.bx-flag-16.gw {
	background-position: 0 -1440px;
}
.bx-flag-16.gy {
	background-position: 0 -1456px;
}
.bx-flag-16.hk {
	background-position: 0 -1472px;
}
.bx-flag-16.hn {
	background-position: 0 -1488px;
}
.bx-flag-16.hr {
	background-position: 0 -1504px;
}
.bx-flag-16.ht {
	background-position: 0 -1520px;
}
.bx-flag-16.hu {
	background-position: 0 -1536px;
}
.bx-flag-16.ic {
	background-position: 0 -1552px;
}
.bx-flag-16.id {
	background-position: 0 -1568px;
}
.bx-flag-16.ie {
	background-position: 0 -1584px;
}
.bx-flag-16.il {
	background-position: 0 -1600px;
}
.bx-flag-16.im {
	background-position: 0 -1616px;
}
.bx-flag-16.in {
	background-position: 0 -1632px;
}
.bx-flag-16.iq {
	background-position: 0 -1648px;
}
.bx-flag-16.ir {
	background-position: 0 -1664px;
}
.bx-flag-16.is {
	background-position: 0 -1680px;
}
.bx-flag-16.it {
	background-position: 0 -1696px;
}
.bx-flag-16.je {
	background-position: 0 -1712px;
}
.bx-flag-16.jm {
	background-position: 0 -1728px;
}
.bx-flag-16.jo {
	background-position: 0 -1744px;
}
.bx-flag-16.jp {
	background-position: 0 -1760px;
}
.bx-flag-16.ke {
	background-position: 0 -1776px;
}
.bx-flag-16.kg {
	background-position: 0 -1792px;
}
.bx-flag-16.kh {
	background-position: 0 -1808px;
}
.bx-flag-16.ki {
	background-position: 0 -1824px;
}
.bx-flag-16.km {
	background-position: 0 -1840px;
}
.bx-flag-16.kn {
	background-position: 0 -1856px;
}
.bx-flag-16.kp {
	background-position: 0 -1872px;
}
.bx-flag-16.kr {
	background-position: 0 -1888px;
}
.bx-flag-16.kw {
	background-position: 0 -1904px;
}
.bx-flag-16.ky {
	background-position: 0 -1920px;
}
.bx-flag-16.kz {
	background-position: 0 -1936px;
}
.bx-flag-16.la {
	background-position: 0 -1952px;
}
.bx-flag-16.lb {
	background-position: 0 -1968px;
}
.bx-flag-16.lc {
	background-position: 0 -1984px;
}
.bx-flag-16.li {
	background-position: 0 -2000px;
}
.bx-flag-16.lk {
	background-position: 0 -2016px;
}
.bx-flag-16.lr {
	background-position: 0 -2032px;
}
.bx-flag-16.ls {
	background-position: 0 -2048px;
}
.bx-flag-16.lt {
	background-position: 0 -2064px;
}
.bx-flag-16.lu {
	background-position: 0 -2080px;
}
.bx-flag-16.lv {
	background-position: 0 -2096px;
}
.bx-flag-16.ly {
	background-position: 0 -2112px;
}
.bx-flag-16.ma {
	background-position: 0 -2128px;
}
.bx-flag-16.mc {
	background-position: 0 -2144px;
}
.bx-flag-16.md {
	background-position: 0 -2160px;
}
.bx-flag-16.me {
	background-position: 0 -2176px;
}
.bx-flag-16.mf {
	background-position: 0 -2192px;
}
.bx-flag-16.mg {
	background-position: 0 -2208px;
}
.bx-flag-16.mh {
	background-position: 0 -2224px;
}
.bx-flag-16.mk {
	background-position: 0 -2240px;
}
.bx-flag-16.ml {
	background-position: 0 -2256px;
}
.bx-flag-16.mm {
	background-position: 0 -2272px;
}
.bx-flag-16.mn {
	background-position: 0 -2288px;
}
.bx-flag-16.mo {
	background-position: 0 -2304px;
}
.bx-flag-16.mp {
	background-position: 0 -2320px;
}
.bx-flag-16.mq {
	background-position: 0 -2336px;
}
.bx-flag-16.mr {
	background-position: 0 -2352px;
}
.bx-flag-16.ms {
	background-position: 0 -2368px;
}
.bx-flag-16.mt {
	background-position: 0 -2384px;
}
.bx-flag-16.mu {
	background-position: 0 -2400px;
}
.bx-flag-16.mv {
	background-position: 0 -2416px;
}
.bx-flag-16.mw {
	background-position: 0 -2432px;
}
.bx-flag-16.mx {
	background-position: 0 -2448px;
}
.bx-flag-16.my {
	background-position: 0 -2464px;
}
.bx-flag-16.mz {
	background-position: 0 -2480px;
}
.bx-flag-16.na {
	background-position: 0 -2496px;
}
.bx-flag-16.nc {
	background-position: 0 -2512px;
}
.bx-flag-16.ne {
	background-position: 0 -2528px;
}
.bx-flag-16.nf {
	background-position: 0 -2544px;
}
.bx-flag-16.ng {
	background-position: 0 -2560px;
}
.bx-flag-16.ni {
	background-position: 0 -2576px;
}
.bx-flag-16.nl {
	background-position: 0 -2592px;
}
.bx-flag-16.sj,
.bx-flag-16.no {
	background-position: 0 -2608px;
}
.bx-flag-16.np {
	background-position: 0 -2624px;
}
.bx-flag-16.nr {
	background-position: 0 -2640px;
}
.bx-flag-16.nu {
	background-position: 0 -2656px;
}
.bx-flag-16.nz {
	background-position: 0 -2672px;
}
.bx-flag-16.om {
	background-position: 0 -2688px;
}
.bx-flag-16.pa {
	background-position: 0 -2704px;
}
.bx-flag-16.pe {
	background-position: 0 -2720px;
}
.bx-flag-16.pf {
	background-position: 0 -2736px;
}
.bx-flag-16.pg {
	background-position: 0 -2752px;
}
.bx-flag-16.ph {
	background-position: 0 -2768px;
}
.bx-flag-16.pk {
	background-position: 0 -2784px;
}
.bx-flag-16.pl {
	background-position: 0 -2800px;
}
.bx-flag-16.pn {
	background-position: 0 -2816px;
}
.bx-flag-16.pr {
	background-position: 0 -2832px;
}
.bx-flag-16.ps {
	background-position: 0 -2848px;
}
.bx-flag-16.pt {
	background-position: 0 -2864px;
}
.bx-flag-16.pw {
	background-position: 0 -2880px;
}
.bx-flag-16.py {
	background-position: 0 -2896px;
}
.bx-flag-16.qa {
	background-position: 0 -2912px;
}
.bx-flag-16.ro {
	background-position: 0 -2928px;
}
.bx-flag-16.rs {
	background-position: 0 -2944px;
}
.bx-flag-16.ru {
	background-position: 0 -2960px;
}
.bx-flag-16.rw {
	background-position: 0 -2976px;
}
.bx-flag-16.sa {
	background-position: 0 -2992px;
}
.bx-flag-16.sb {
	background-position: 0 -3008px;
}
.bx-flag-16.sc {
	background-position: 0 -3024px;
}
.bx-flag-16.sd {
	background-position: 0 -3040px;
}
.bx-flag-16.se {
	background-position: 0 -3056px;
}
.bx-flag-16.sg {
	background-position: 0 -3072px;
}
.bx-flag-16.sh {
	background-position: 0 -3088px;
}
.bx-flag-16.si {
	background-position: 0 -3104px;
}
.bx-flag-16.sk {
	background-position: 0 -3120px;
}
.bx-flag-16.sl {
	background-position: 0 -3136px;
}
.bx-flag-16.sm {
	background-position: 0 -3152px;
}
.bx-flag-16.sn {
	background-position: 0 -3168px;
}
.bx-flag-16.so {
	background-position: 0 -3184px;
}
.bx-flag-16.sr {
	background-position: 0 -3200px;
}
.bx-flag-16.ss {
	background-position: 0 -3216px;
}
.bx-flag-16.st {
	background-position: 0 -3232px;
}
.bx-flag-16.sv {
	background-position: 0 -3248px;
}
.bx-flag-16.sy {
	background-position: 0 -3264px;
}
.bx-flag-16.sz {
	background-position: 0 -3280px;
}
.bx-flag-16.tc {
	background-position: 0 -3296px;
}
.bx-flag-16.td {
	background-position: 0 -3312px;
}
.bx-flag-16.tf {
	background-position: 0 -3328px;
}
.bx-flag-16.tg {
	background-position: 0 -3344px;
}
.bx-flag-16.th {
	background-position: 0 -3360px;
}
.bx-flag-16.tj {
	background-position: 0 -3376px;
}
.bx-flag-16.tk {
	background-position: 0 -3392px;
}
.bx-flag-16.tl {
	background-position: 0 -3408px;
}
.bx-flag-16.tm {
	background-position: 0 -3424px;
}
.bx-flag-16.tn {
	background-position: 0 -3440px;
}
.bx-flag-16.to {
	background-position: 0 -3456px;
}
.bx-flag-16.tr {
	background-position: 0 -3472px;
}
.bx-flag-16.tt {
	background-position: 0 -3488px;
}
.bx-flag-16.tv {
	background-position: 0 -3504px;
}
.bx-flag-16.tw {
	background-position: 0 -3520px;
}
.bx-flag-16.tz {
	background-position: 0 -3536px;
}
.bx-flag-16.ua {
	background-position: 0 -3552px;
}
.bx-flag-16.ug {
	background-position: 0 -3568px;
}
.bx-flag-16.us {
	background-position: 0 -3584px;
}
.bx-flag-16.uy {
	background-position: 0 -3600px;
}
.bx-flag-16.uz {
	background-position: 0 -3616px;
}
.bx-flag-16.va {
	background-position: 0 -3632px;
}
.bx-flag-16.vc {
	background-position: 0 -3648px;
}
.bx-flag-16.ve {
	background-position: 0 -3664px;
}
.bx-flag-16.vg {
	background-position: 0 -3680px;
}
.bx-flag-16.vi {
	background-position: 0 -3696px;
}
.bx-flag-16.vn {
	background-position: 0 -3712px;
}
.bx-flag-16.vu {
	background-position: 0 -3728px;
}
.bx-flag-16.wf {
	background-position: 0 -3744px;
}
.bx-flag-16.ws {
	background-position: 0 -3760px;
}
.bx-flag-16.ye {
	background-position: 0 -3776px;
}
.bx-flag-16.yt {
	background-position: 0 -3792px;
}
.bx-flag-16.za {
	background-position: 0 -3808px;
}
.bx-flag-16.zm {
	background-position: 0 -3824px;
}
.bx-flag-16.zw {
	background-position: 0 -3840px;
}
.bx-flag-16._abkhazia {
	background-position: 0 -3856px;
}
.bx-flag-16._basque-country {
	background-position: 0 -3872px;
}
.bx-flag-16._british-antarctic-territory {
	background-position: 0 -3888px;
}
.bx-flag-16._commonwealth {
	background-position: 0 -3904px;
}
.bx-flag-16._england {
	background-position: 0 -3920px;
}
.bx-flag-16._gosquared {
	background-position: 0 -3936px;
}
.bx-flag-16._kosovo {
	background-position: 0 -3952px;
}
.bx-flag-16._mars {
	background-position: 0 -3968px;
}
.bx-flag-16._nagorno-karabakh {
	background-position: 0 -3984px;
}
.bx-flag-16._nato {
	background-position: 0 -4000px;
}
.bx-flag-16._northern-cyprus {
	background-position: 0 -4016px;
}
.bx-flag-16._olympics {
	background-position: 0 -4032px;
}
.bx-flag-16._red-cross {
	background-position: 0 -4048px;
}
.bx-flag-16._scotland {
	background-position: 0 -4064px;
}
.bx-flag-16._somaliland {
	background-position: 0 -4080px;
}
.bx-flag-16._south-ossetia {
	background-position: 0 -4096px;
}
.bx-flag-16._united-nations {
	background-position: 0 -4112px;
}
.bx-flag-16._unknown {
	background-position: 0 -4128px;
}
.bx-flag-16._wales {
	background-position: 0 -4144px;
}
/**************** 24x24 *************/
.bx-flag-24.ad {
	background-position: 0 0;
}
.bx-flag-24.ae {
	background-position: 0 -24px;
}
.bx-flag-24.af {
	background-position: 0 -48px;
}
.bx-flag-24.ag {
	background-position: 0 -72px;
}
.bx-flag-24.ai {
	background-position: 0 -96px;
}
.bx-flag-24.al {
	background-position: 0 -120px;
}
.bx-flag-24.am {
	background-position: 0 -144px;
}
.bx-flag-24.an {
	background-position: 0 -168px;
}
.bx-flag-24.ao {
	background-position: 0 -192px;
}
.bx-flag-24.aq {
	background-position: 0 -216px;
}
.bx-flag-24.ar {
	background-position: 0 -240px;
}
.bx-flag-24.as {
	background-position: 0 -264px;
}
.bx-flag-24.at {
	background-position: 0 -288px;
}
.bx-flag-24.au {
	background-position: 0 -312px;
}
.bx-flag-24.aw {
	background-position: 0 -336px;
}
.bx-flag-24.ax {
	background-position: 0 -360px;
}
.bx-flag-24.az {
	background-position: 0 -384px;
}
.bx-flag-24.ba {
	background-position: 0 -408px;
}
.bx-flag-24.bb {
	background-position: 0 -432px;
}
.bx-flag-24.bd {
	background-position: 0 -456px;
}
.bx-flag-24.be {
	background-position: 0 -480px;
}
.bx-flag-24.bf {
	background-position: 0 -504px;
}
.bx-flag-24.bg {
	background-position: 0 -528px;
}
.bx-flag-24.bh {
	background-position: 0 -552px;
}
.bx-flag-24.bi {
	background-position: 0 -576px;
}
.bx-flag-24.bj {
	background-position: 0 -600px;
}
.bx-flag-24.bl {
	background-position: 0 -624px;
}
.bx-flag-24.bm {
	background-position: 0 -648px;
}
.bx-flag-24.bn {
	background-position: 0 -672px;
}
.bx-flag-24.bo {
	background-position: 0 -696px;
}
.bx-flag-24.br {
	background-position: 0 -720px;
}
.bx-flag-24.bs {
	background-position: 0 -744px;
}
.bx-flag-24.bt {
	background-position: 0 -768px;
}
.bx-flag-24.bw {
	background-position: 0 -792px;
}
.bx-flag-24.by {
	background-position: 0 -816px;
}
.bx-flag-24.bz {
	background-position: 0 -840px;
}
.bx-flag-24.ca {
	background-position: 0 -864px;
}
.bx-flag-24.cc {
	background-position: 0 -888px;
}
.bx-flag-24.cd {
	background-position: 0 -912px;
}
.bx-flag-24.cf {
	background-position: 0 -936px;
}
.bx-flag-24.cg {
	background-position: 0 -960px;
}
.bx-flag-24.ch {
	background-position: 0 -984px;
}
.bx-flag-24.ci {
	background-position: 0 -1008px;
}
.bx-flag-24.ck {
	background-position: 0 -1032px;
}
.bx-flag-24.cl {
	background-position: 0 -1056px;
}
.bx-flag-24.cm {
	background-position: 0 -1080px;
}
.bx-flag-24.cn {
	background-position: 0 -1104px;
}
.bx-flag-24.co {
	background-position: 0 -1128px;
}
.bx-flag-24.cr {
	background-position: 0 -1152px;
}
.bx-flag-24.cu {
	background-position: 0 -1176px;
}
.bx-flag-24.cv {
	background-position: 0 -1200px;
}
.bx-flag-24.cw {
	background-position: 0 -1224px;
}
.bx-flag-24.cx {
	background-position: 0 -1248px;
}
.bx-flag-24.cy {
	background-position: 0 -1272px;
}
.bx-flag-24.cz {
	background-position: 0 -1296px;
}
.bx-flag-24.de {
	background-position: 0 -1320px;
}
.bx-flag-24.dj {
	background-position: 0 -1344px;
}
.bx-flag-24.dk {
	background-position: 0 -1368px;
}
.bx-flag-24.dm {
	background-position: 0 -1392px;
}
.bx-flag-24.do {
	background-position: 0 -1416px;
}
.bx-flag-24.dz {
	background-position: 0 -1440px;
}
.bx-flag-24.ec {
	background-position: 0 -1464px;
}
.bx-flag-24.ee {
	background-position: 0 -1488px;
}
.bx-flag-24.eg {
	background-position: 0 -1512px;
}
.bx-flag-24.eh {
	background-position: 0 -1536px;
}
.bx-flag-24.er {
	background-position: 0 -1560px;
}
.bx-flag-24.es {
	background-position: 0 -1584px;
}
.bx-flag-24.et {
	background-position: 0 -1608px;
}
.bx-flag-24.eu {
	background-position: 0 -1632px;
}
.bx-flag-24.fi {
	background-position: 0 -1656px;
}
.bx-flag-24.fj {
	background-position: 0 -1680px;
}
.bx-flag-24.fk {
	background-position: 0 -1704px;
}
.bx-flag-24.fm {
	background-position: 0 -1728px;
}
.bx-flag-24.fo {
	background-position: 0 -1752px;
}
.bx-flag-24.pm,
.bx-flag-24.gf,
.bx-flag-24.gp,
.bx-flag-24.re,
.bx-flag-24.fr {
	background-position: 0 -1776px;
}
.bx-flag-24.ga {
	background-position: 0 -1800px;
}
.bx-flag-24.gb {
	background-position: 0 -1824px;
}
.bx-flag-24.gd {
	background-position: 0 -1848px;
}
.bx-flag-24.ge {
	background-position: 0 -1872px;
}
.bx-flag-24.gg {
	background-position: 0 -1896px;
}
.bx-flag-24.gh {
	background-position: 0 -1920px;
}
.bx-flag-24.gi {
	background-position: 0 -1944px;
}
.bx-flag-24.gl {
	background-position: 0 -1968px;
}
.bx-flag-24.gm {
	background-position: 0 -1992px;
}
.bx-flag-24.gn {
	background-position: 0 -2016px;
}
.bx-flag-24.gq {
	background-position: 0 -2040px;
}
.bx-flag-24.gr {
	background-position: 0 -2064px;
}
.bx-flag-24.gs {
	background-position: 0 -2088px;
}
.bx-flag-24.gt {
	background-position: 0 -2112px;
}
.bx-flag-24.gu {
	background-position: 0 -2136px;
}
.bx-flag-24.gw {
	background-position: 0 -2160px;
}
.bx-flag-24.gy {
	background-position: 0 -2184px;
}
.bx-flag-24.hk {
	background-position: 0 -2208px;
}
.bx-flag-24.hn {
	background-position: 0 -2232px;
}
.bx-flag-24.hr {
	background-position: 0 -2256px;
}
.bx-flag-24.ht {
	background-position: 0 -2280px;
}
.bx-flag-24.hu {
	background-position: 0 -2304px;
}
.bx-flag-24.ic {
	background-position: 0 -2328px;
}
.bx-flag-24.id {
	background-position: 0 -2352px;
}
.bx-flag-24.ie {
	background-position: 0 -2376px;
}
.bx-flag-24.il {
	background-position: 0 -2400px;
}
.bx-flag-24.im {
	background-position: 0 -2424px;
}
.bx-flag-24.in {
	background-position: 0 -2448px;
}
.bx-flag-24.iq {
	background-position: 0 -2472px;
}
.bx-flag-24.ir {
	background-position: 0 -2496px;
}
.bx-flag-24.is {
	background-position: 0 -2520px;
}
.bx-flag-24.it {
	background-position: 0 -2544px;
}
.bx-flag-24.je {
	background-position: 0 -2568px;
}
.bx-flag-24.jm {
	background-position: 0 -2592px;
}
.bx-flag-24.jo {
	background-position: 0 -2616px;
}
.bx-flag-24.jp {
	background-position: 0 -2640px;
}
.bx-flag-24.ke {
	background-position: 0 -2664px;
}
.bx-flag-24.kg {
	background-position: 0 -2688px;
}
.bx-flag-24.kh {
	background-position: 0 -2712px;
}
.bx-flag-24.ki {
	background-position: 0 -2736px;
}
.bx-flag-24.km {
	background-position: 0 -2760px;
}
.bx-flag-24.kn {
	background-position: 0 -2784px;
}
.bx-flag-24.kp {
	background-position: 0 -2808px;
}
.bx-flag-24.kr {
	background-position: 0 -2832px;
}
.bx-flag-24.kw {
	background-position: 0 -2856px;
}
.bx-flag-24.ky {
	background-position: 0 -2880px;
}
.bx-flag-24.kz {
	background-position: 0 -2904px;
}
.bx-flag-24.la {
	background-position: 0 -2928px;
}
.bx-flag-24.lb {
	background-position: 0 -2952px;
}
.bx-flag-24.lc {
	background-position: 0 -2976px;
}
.bx-flag-24.li {
	background-position: 0 -3000px;
}
.bx-flag-24.lk {
	background-position: 0 -3024px;
}
.bx-flag-24.lr {
	background-position: 0 -3048px;
}
.bx-flag-24.ls {
	background-position: 0 -3072px;
}
.bx-flag-24.lt {
	background-position: 0 -3096px;
}
.bx-flag-24.lu {
	background-position: 0 -3120px;
}
.bx-flag-24.lv {
	background-position: 0 -3144px;
}
.bx-flag-24.ly {
	background-position: 0 -3168px;
}
.bx-flag-24.ma {
	background-position: 0 -3192px;
}
.bx-flag-24.mc {
	background-position: 0 -3216px;
}
.bx-flag-24.md {
	background-position: 0 -3240px;
}
.bx-flag-24.me {
	background-position: 0 -3264px;
}
.bx-flag-24.mf {
	background-position: 0 -3288px;
}
.bx-flag-24.mg {
	background-position: 0 -3312px;
}
.bx-flag-24.mh {
	background-position: 0 -3336px;
}
.bx-flag-24.mk {
	background-position: 0 -3360px;
}
.bx-flag-24.ml {
	background-position: 0 -3384px;
}
.bx-flag-24.mm {
	background-position: 0 -3408px;
}
.bx-flag-24.mn {
	background-position: 0 -3432px;
}
.bx-flag-24.mo {
	background-position: 0 -3456px;
}
.bx-flag-24.mp {
	background-position: 0 -3480px;
}
.bx-flag-24.mq {
	background-position: 0 -3504px;
}
.bx-flag-24.mr {
	background-position: 0 -3528px;
}
.bx-flag-24.ms {
	background-position: 0 -3552px;
}
.bx-flag-24.mt {
	background-position: 0 -3576px;
}
.bx-flag-24.mu {
	background-position: 0 -3600px;
}
.bx-flag-24.mv {
	background-position: 0 -3624px;
}
.bx-flag-24.mw {
	background-position: 0 -3648px;
}
.bx-flag-24.mx {
	background-position: 0 -3672px;
}
.bx-flag-24.my {
	background-position: 0 -3696px;
}
.bx-flag-24.mz {
	background-position: 0 -3720px;
}
.bx-flag-24.na {
	background-position: 0 -3744px;
}
.bx-flag-24.nc {
	background-position: 0 -3768px;
}
.bx-flag-24.ne {
	background-position: 0 -3792px;
}
.bx-flag-24.nf {
	background-position: 0 -3816px;
}
.bx-flag-24.ng {
	background-position: 0 -3840px;
}
.bx-flag-24.ni {
	background-position: 0 -3864px;
}
.bx-flag-24.nl {
	background-position: 0 -3888px;
}
.bx-flag-24.sj,
.bx-flag-24.no {
	background-position: 0 -3912px;
}
.bx-flag-24.np {
	background-position: 0 -3936px;
}
.bx-flag-24.nr {
	background-position: 0 -3960px;
}
.bx-flag-24.nu {
	background-position: 0 -3984px;
}
.bx-flag-24.nz {
	background-position: 0 -4008px;
}
.bx-flag-24.om {
	background-position: 0 -4032px;
}
.bx-flag-24.pa {
	background-position: 0 -4056px;
}
.bx-flag-24.pe {
	background-position: 0 -4080px;
}
.bx-flag-24.pf {
	background-position: 0 -4104px;
}
.bx-flag-24.pg {
	background-position: 0 -4128px;
}
.bx-flag-24.ph {
	background-position: 0 -4152px;
}
.bx-flag-24.pk {
	background-position: 0 -4176px;
}
.bx-flag-24.pl {
	background-position: 0 -4200px;
}
.bx-flag-24.pn {
	background-position: 0 -4224px;
}
.bx-flag-24.pr {
	background-position: 0 -4248px;
}
.bx-flag-24.ps {
	background-position: 0 -4272px;
}
.bx-flag-24.pt {
	background-position: 0 -4296px;
}
.bx-flag-24.pw {
	background-position: 0 -4320px;
}
.bx-flag-24.py {
	background-position: 0 -4344px;
}
.bx-flag-24.qa {
	background-position: 0 -4368px;
}
.bx-flag-24.ro {
	background-position: 0 -4392px;
}
.bx-flag-24.rs {
	background-position: 0 -4416px;
}
.bx-flag-24.ru {
	background-position: 0 -4440px;
}
.bx-flag-24.rw {
	background-position: 0 -4464px;
}
.bx-flag-24.sa {
	background-position: 0 -4488px;
}
.bx-flag-24.sb {
	background-position: 0 -4512px;
}
.bx-flag-24.sc {
	background-position: 0 -4536px;
}
.bx-flag-24.sd {
	background-position: 0 -4560px;
}
.bx-flag-24.se {
	background-position: 0 -4584px;
}
.bx-flag-24.sg {
	background-position: 0 -4608px;
}
.bx-flag-24.sh {
	background-position: 0 -4632px;
}
.bx-flag-24.si {
	background-position: 0 -4656px;
}
.bx-flag-24.sk {
	background-position: 0 -4680px;
}
.bx-flag-24.sl {
	background-position: 0 -4704px;
}
.bx-flag-24.sm {
	background-position: 0 -4728px;
}
.bx-flag-24.sn {
	background-position: 0 -4752px;
}
.bx-flag-24.so {
	background-position: 0 -4776px;
}
.bx-flag-24.sr {
	background-position: 0 -4800px;
}
.bx-flag-24.ss {
	background-position: 0 -4824px;
}
.bx-flag-24.st {
	background-position: 0 -4848px;
}
.bx-flag-24.sv {
	background-position: 0 -4872px;
}
.bx-flag-24.sy {
	background-position: 0 -4896px;
}
.bx-flag-24.sz {
	background-position: 0 -4920px;
}
.bx-flag-24.tc {
	background-position: 0 -4944px;
}
.bx-flag-24.td {
	background-position: 0 -4968px;
}
.bx-flag-24.tf {
	background-position: 0 -4992px;
}
.bx-flag-24.tg {
	background-position: 0 -5016px;
}
.bx-flag-24.th {
	background-position: 0 -5040px;
}
.bx-flag-24.tj {
	background-position: 0 -5064px;
}
.bx-flag-24.tk {
	background-position: 0 -5088px;
}
.bx-flag-24.tl {
	background-position: 0 -5112px;
}
.bx-flag-24.tm {
	background-position: 0 -5136px;
}
.bx-flag-24.tn {
	background-position: 0 -5160px;
}
.bx-flag-24.to {
	background-position: 0 -5184px;
}
.bx-flag-24.tr {
	background-position: 0 -5208px;
}
.bx-flag-24.tt {
	background-position: 0 -5232px;
}
.bx-flag-24.tv {
	background-position: 0 -5256px;
}
.bx-flag-24.tw {
	background-position: 0 -5280px;
}
.bx-flag-24.tz {
	background-position: 0 -5304px;
}
.bx-flag-24.ua {
	background-position: 0 -5328px;
}
.bx-flag-24.ug {
	background-position: 0 -5352px;
}
.bx-flag-24.us {
	background-position: 0 -5376px;
}
.bx-flag-24.uy {
	background-position: 0 -5400px;
}
.bx-flag-24.uz {
	background-position: 0 -5424px;
}
.bx-flag-24.va {
	background-position: 0 -5448px;
}
.bx-flag-24.vc {
	background-position: 0 -5472px;
}
.bx-flag-24.ve {
	background-position: 0 -5496px;
}
.bx-flag-24.vg {
	background-position: 0 -5520px;
}
.bx-flag-24.vi {
	background-position: 0 -5544px;
}
.bx-flag-24.vn {
	background-position: 0 -5568px;
}
.bx-flag-24.vu {
	background-position: 0 -5592px;
}
.bx-flag-24.wf {
	background-position: 0 -5616px;
}
.bx-flag-24.ws {
	background-position: 0 -5640px;
}
.bx-flag-24.ye {
	background-position: 0 -5664px;
}
.bx-flag-24.yt {
	background-position: 0 -5688px;
}
.bx-flag-24.za {
	background-position: 0 -5712px;
}
.bx-flag-24.zm {
	background-position: 0 -5736px;
}
.bx-flag-24.zw {
	background-position: 0 -5760px;
}
.bx-flag-24._abkhazia {
	background-position: 0 -5784px;
}
.bx-flag-24._basque-country {
	background-position: 0 -5808px;
}
.bx-flag-24._british-antarctic-territory {
	background-position: 0 -5832px;
}
.bx-flag-24._commonwealth {
	background-position: 0 -5856px;
}
.bx-flag-24._england {
	background-position: 0 -5880px;
}
.bx-flag-24._gosquared {
	background-position: 0 -5904px;
}
.bx-flag-24._kosovo {
	background-position: 0 -5928px;
}
.bx-flag-24._mars {
	background-position: 0 -5952px;
}
.bx-flag-24._nagorno-karabakh {
	background-position: 0 -5976px;
}
.bx-flag-24._nato {
	background-position: 0 -6000px;
}
.bx-flag-24._northern-cyprus {
	background-position: 0 -6024px;
}
.bx-flag-24._olympics {
	background-position: 0 -6048px;
}
.bx-flag-24._red-cross {
	background-position: 0 -6072px;
}
.bx-flag-24._scotland {
	background-position: 0 -6096px;
}
.bx-flag-24._somaliland {
	background-position: 0 -6120px;
}
.bx-flag-24._south-ossetia {
	background-position: 0 -6144px;
}
.bx-flag-24._united-nations {
	background-position: 0 -6168px;
}
.bx-flag-24._unknown {
	background-position: 0 -6192px;
}
.bx-flag-24._wales {
	background-position: 0 -6216px;
}

/**************** 32x32 *************/
.bx-flag-32.ad {
	background-position: 0 0;
}
.bx-flag-32.ae {
	background-position: 0 -32px;
}
.bx-flag-32.af {
	background-position: 0 -64px;
}
.bx-flag-32.ag {
	background-position: 0 -96px;
}
.bx-flag-32.ai {
	background-position: 0 -128px;
}
.bx-flag-32.al {
	background-position: 0 -160px;
}
.bx-flag-32.am {
	background-position: 0 -192px;
}
.bx-flag-32.an {
	background-position: 0 -224px;
}
.bx-flag-32.ao {
	background-position: 0 -256px;
}
.bx-flag-32.aq {
	background-position: 0 -288px;
}
.bx-flag-32.ar {
	background-position: 0 -320px;
}
.bx-flag-32.as {
	background-position: 0 -352px;
}
.bx-flag-32.at {
	background-position: 0 -384px;
}
.bx-flag-32.au {
	background-position: 0 -416px;
}
.bx-flag-32.aw {
	background-position: 0 -448px;
}
.bx-flag-32.ax {
	background-position: 0 -480px;
}
.bx-flag-32.az {
	background-position: 0 -512px;
}
.bx-flag-32.ba {
	background-position: 0 -544px;
}
.bx-flag-32.bb {
	background-position: 0 -576px;
}
.bx-flag-32.bd {
	background-position: 0 -608px;
}
.bx-flag-32.be {
	background-position: 0 -640px;
}
.bx-flag-32.bf {
	background-position: 0 -672px;
}
.bx-flag-32.bg {
	background-position: 0 -704px;
}
.bx-flag-32.bh {
	background-position: 0 -736px;
}
.bx-flag-32.bi {
	background-position: 0 -768px;
}
.bx-flag-32.bj {
	background-position: 0 -800px;
}
.bx-flag-32.bl {
	background-position: 0 -832px;
}
.bx-flag-32.bm {
	background-position: 0 -864px;
}
.bx-flag-32.bn {
	background-position: 0 -896px;
}
.bx-flag-32.bo {
	background-position: 0 -928px;
}
.bx-flag-32.br {
	background-position: 0 -960px;
}
.bx-flag-32.bs {
	background-position: 0 -992px;
}
.bx-flag-32.bt {
	background-position: 0 -1024px;
}
.bx-flag-32.bw {
	background-position: 0 -1056px;
}
.bx-flag-32.by {
	background-position: 0 -1088px;
}
.bx-flag-32.bz {
	background-position: 0 -1120px;
}
.bx-flag-32.ca {
	background-position: 0 -1152px;
}
.bx-flag-32.cc {
	background-position: 0 -1184px;
}
.bx-flag-32.cd {
	background-position: 0 -1216px;
}
.bx-flag-32.cf {
	background-position: 0 -1248px;
}
.bx-flag-32.cg {
	background-position: 0 -1280px;
}
.bx-flag-32.ch {
	background-position: 0 -1312px;
}
.bx-flag-32.ci {
	background-position: 0 -1344px;
}
.bx-flag-32.ck {
	background-position: 0 -1376px;
}
.bx-flag-32.cl {
	background-position: 0 -1408px;
}
.bx-flag-32.cm {
	background-position: 0 -1440px;
}
.bx-flag-32.cn {
	background-position: 0 -1472px;
}
.bx-flag-32.co {
	background-position: 0 -1504px;
}
.bx-flag-32.cr {
	background-position: 0 -1536px;
}
.bx-flag-32.cu {
	background-position: 0 -1568px;
}
.bx-flag-32.cv {
	background-position: 0 -1600px;
}
.bx-flag-32.cw {
	background-position: 0 -1632px;
}
.bx-flag-32.cx {
	background-position: 0 -1664px;
}
.bx-flag-32.cy {
	background-position: 0 -1696px;
}
.bx-flag-32.cz {
	background-position: 0 -1728px;
}
.bx-flag-32.de {
	background-position: 0 -1760px;
}
.bx-flag-32.dj {
	background-position: 0 -1792px;
}
.bx-flag-32.dk {
	background-position: 0 -1824px;
}
.bx-flag-32.dm {
	background-position: 0 -1856px;
}
.bx-flag-32.do {
	background-position: 0 -1888px;
}
.bx-flag-32.dz {
	background-position: 0 -1920px;
}
.bx-flag-32.ec {
	background-position: 0 -1952px;
}
.bx-flag-32.ee {
	background-position: 0 -1984px;
}
.bx-flag-32.eg {
	background-position: 0 -2016px;
}
.bx-flag-32.eh {
	background-position: 0 -2048px;
}
.bx-flag-32.er {
	background-position: 0 -2080px;
}
.bx-flag-32.es {
	background-position: 0 -2112px;
}
.bx-flag-32.et {
	background-position: 0 -2144px;
}
.bx-flag-32.eu {
	background-position: 0 -2176px;
}
.bx-flag-32.fi {
	background-position: 0 -2208px;
}
.bx-flag-32.fj {
	background-position: 0 -2240px;
}
.bx-flag-32.fk {
	background-position: 0 -2272px;
}
.bx-flag-32.fm {
	background-position: 0 -2304px;
}
.bx-flag-32.fo {
	background-position: 0 -2336px;
}
.bx-flag-32.pm,
.bx-flag-32.gf,
.bx-flag-32.gp,
.bx-flag-32.re,
.bx-flag-32.fr {
	background-position: 0 -2368px;
}
.bx-flag-32.ga {
	background-position: 0 -2400px;
}
.bx-flag-32.gb {
	background-position: 0 -2432px;
}
.bx-flag-32.gd {
	background-position: 0 -2464px;
}
.bx-flag-32.ge {
	background-position: 0 -2496px;
}
.bx-flag-32.gg {
	background-position: 0 -2528px;
}
.bx-flag-32.gh {
	background-position: 0 -2560px;
}
.bx-flag-32.gi {
	background-position: 0 -2592px;
}
.bx-flag-32.gl {
	background-position: 0 -2624px;
}
.bx-flag-32.gm {
	background-position: 0 -2656px;
}
.bx-flag-32.gn {
	background-position: 0 -2688px;
}
.bx-flag-32.gq {
	background-position: 0 -2720px;
}
.bx-flag-32.gr {
	background-position: 0 -2752px;
}
.bx-flag-32.gs {
	background-position: 0 -2784px;
}
.bx-flag-32.gt {
	background-position: 0 -2816px;
}
.bx-flag-32.gu {
	background-position: 0 -2848px;
}
.bx-flag-32.gw {
	background-position: 0 -2880px;
}
.bx-flag-32.gy {
	background-position: 0 -2912px;
}
.bx-flag-32.hk {
	background-position: 0 -2944px;
}
.bx-flag-32.hn {
	background-position: 0 -2976px;
}
.bx-flag-32.hr {
	background-position: 0 -3008px;
}
.bx-flag-32.ht {
	background-position: 0 -3040px;
}
.bx-flag-32.hu {
	background-position: 0 -3072px;
}
.bx-flag-32.ic {
	background-position: 0 -3104px;
}
.bx-flag-32.id {
	background-position: 0 -3136px;
}
.bx-flag-32.ie {
	background-position: 0 -3168px;
}
.bx-flag-32.il {
	background-position: 0 -3200px;
}
.bx-flag-32.im {
	background-position: 0 -3232px;
}
.bx-flag-32.in {
	background-position: 0 -3264px;
}
.bx-flag-32.iq {
	background-position: 0 -3296px;
}
.bx-flag-32.ir {
	background-position: 0 -3328px;
}
.bx-flag-32.is {
	background-position: 0 -3360px;
}
.bx-flag-32.it {
	background-position: 0 -3392px;
}
.bx-flag-32.je {
	background-position: 0 -3424px;
}
.bx-flag-32.jm {
	background-position: 0 -3456px;
}
.bx-flag-32.jo {
	background-position: 0 -3488px;
}
.bx-flag-32.jp {
	background-position: 0 -3520px;
}
.bx-flag-32.ke {
	background-position: 0 -3552px;
}
.bx-flag-32.kg {
	background-position: 0 -3584px;
}
.bx-flag-32.kh {
	background-position: 0 -3616px;
}
.bx-flag-32.ki {
	background-position: 0 -3648px;
}
.bx-flag-32.km {
	background-position: 0 -3680px;
}
.bx-flag-32.kn {
	background-position: 0 -3712px;
}
.bx-flag-32.kp {
	background-position: 0 -3744px;
}
.bx-flag-32.kr {
	background-position: 0 -3776px;
}
.bx-flag-32.kw {
	background-position: 0 -3808px;
}
.bx-flag-32.ky {
	background-position: 0 -3840px;
}
.bx-flag-32.kz {
	background-position: 0 -3872px;
}
.bx-flag-32.la {
	background-position: 0 -3904px;
}
.bx-flag-32.lb {
	background-position: 0 -3936px;
}
.bx-flag-32.lc {
	background-position: 0 -3968px;
}
.bx-flag-32.li {
	background-position: 0 -4000px;
}
.bx-flag-32.lk {
	background-position: 0 -4032px;
}
.bx-flag-32.lr {
	background-position: 0 -4064px;
}
.bx-flag-32.ls {
	background-position: 0 -4096px;
}
.bx-flag-32.lt {
	background-position: 0 -4128px;
}
.bx-flag-32.lu {
	background-position: 0 -4160px;
}
.bx-flag-32.lv {
	background-position: 0 -4192px;
}
.bx-flag-32.ly {
	background-position: 0 -4224px;
}
.bx-flag-32.ma {
	background-position: 0 -4256px;
}
.bx-flag-32.mc {
	background-position: 0 -4288px;
}
.bx-flag-32.md {
	background-position: 0 -4320px;
}
.bx-flag-32.me {
	background-position: 0 -4352px;
}
.bx-flag-32.mf {
	background-position: 0 -4384px;
}
.bx-flag-32.mg {
	background-position: 0 -4416px;
}
.bx-flag-32.mh {
	background-position: 0 -4448px;
}
.bx-flag-32.mk {
	background-position: 0 -4480px;
}
.bx-flag-32.ml {
	background-position: 0 -4512px;
}
.bx-flag-32.mm {
	background-position: 0 -4544px;
}
.bx-flag-32.mn {
	background-position: 0 -4576px;
}
.bx-flag-32.mo {
	background-position: 0 -4608px;
}
.bx-flag-32.mp {
	background-position: 0 -4640px;
}
.bx-flag-32.mq {
	background-position: 0 -4672px;
}
.bx-flag-32.mr {
	background-position: 0 -4704px;
}
.bx-flag-32.ms {
	background-position: 0 -4736px;
}
.bx-flag-32.mt {
	background-position: 0 -4768px;
}
.bx-flag-32.mu {
	background-position: 0 -4800px;
}
.bx-flag-32.mv {
	background-position: 0 -4832px;
}
.bx-flag-32.mw {
	background-position: 0 -4864px;
}
.bx-flag-32.mx {
	background-position: 0 -4896px;
}
.bx-flag-32.my {
	background-position: 0 -4928px;
}
.bx-flag-32.mz {
	background-position: 0 -4960px;
}
.bx-flag-32.na {
	background-position: 0 -4992px;
}
.bx-flag-32.nc {
	background-position: 0 -5024px;
}
.bx-flag-32.ne {
	background-position: 0 -5056px;
}
.bx-flag-32.nf {
	background-position: 0 -5088px;
}
.bx-flag-32.ng {
	background-position: 0 -5120px;
}
.bx-flag-32.ni {
	background-position: 0 -5152px;
}
.bx-flag-32.nl {
	background-position: 0 -5184px;
}
.bx-flag-32.sj,
.bx-flag-32.no {
	background-position: 0 -5216px;
}
.bx-flag-32.np {
	background-position: 0 -5248px;
}
.bx-flag-32.nr {
	background-position: 0 -5280px;
}
.bx-flag-32.nu {
	background-position: 0 -5312px;
}
.bx-flag-32.nz {
	background-position: 0 -5344px;
}
.bx-flag-32.om {
	background-position: 0 -5376px;
}
.bx-flag-32.pa {
	background-position: 0 -5408px;
}
.bx-flag-32.pe {
	background-position: 0 -5440px;
}
.bx-flag-32.pf {
	background-position: 0 -5472px;
}
.bx-flag-32.pg {
	background-position: 0 -5504px;
}
.bx-flag-32.ph {
	background-position: 0 -5536px;
}
.bx-flag-32.pk {
	background-position: 0 -5568px;
}
.bx-flag-32.pl {
	background-position: 0 -5600px;
}
.bx-flag-32.pn {
	background-position: 0 -5632px;
}
.bx-flag-32.pr {
	background-position: 0 -5664px;
}
.bx-flag-32.ps {
	background-position: 0 -5696px;
}
.bx-flag-32.pt {
	background-position: 0 -5728px;
}
.bx-flag-32.pw {
	background-position: 0 -5760px;
}
.bx-flag-32.py {
	background-position: 0 -5792px;
}
.bx-flag-32.qa {
	background-position: 0 -5824px;
}
.bx-flag-32.ro {
	background-position: 0 -5856px;
}
.bx-flag-32.rs {
	background-position: 0 -5888px;
}
.bx-flag-32.ru {
	background-position: 0 -5920px;
}
.bx-flag-32.rw {
	background-position: 0 -5952px;
}
.bx-flag-32.sa {
	background-position: 0 -5984px;
}
.bx-flag-32.sb {
	background-position: 0 -6016px;
}
.bx-flag-32.sc {
	background-position: 0 -6048px;
}
.bx-flag-32.sd {
	background-position: 0 -6080px;
}
.bx-flag-32.se {
	background-position: 0 -6112px;
}
.bx-flag-32.sg {
	background-position: 0 -6144px;
}
.bx-flag-32.sh {
	background-position: 0 -6176px;
}
.bx-flag-32.si {
	background-position: 0 -6208px;
}
.bx-flag-32.sk {
	background-position: 0 -6240px;
}
.bx-flag-32.sl {
	background-position: 0 -6272px;
}
.bx-flag-32.sm {
	background-position: 0 -6304px;
}
.bx-flag-32.sn {
	background-position: 0 -6336px;
}
.bx-flag-32.so {
	background-position: 0 -6368px;
}
.bx-flag-32.sr {
	background-position: 0 -6400px;
}
.bx-flag-32.ss {
	background-position: 0 -6432px;
}
.bx-flag-32.st {
	background-position: 0 -6464px;
}
.bx-flag-32.sv {
	background-position: 0 -6496px;
}
.bx-flag-32.sy {
	background-position: 0 -6528px;
}
.bx-flag-32.sz {
	background-position: 0 -6560px;
}
.bx-flag-32.tc {
	background-position: 0 -6592px;
}
.bx-flag-32.td {
	background-position: 0 -6624px;
}
.bx-flag-32.tf {
	background-position: 0 -6656px;
}
.bx-flag-32.tg {
	background-position: 0 -6688px;
}
.bx-flag-32.th {
	background-position: 0 -6720px;
}
.bx-flag-32.tj {
	background-position: 0 -6752px;
}
.bx-flag-32.tk {
	background-position: 0 -6784px;
}
.bx-flag-32.tl {
	background-position: 0 -6816px;
}
.bx-flag-32.tm {
	background-position: 0 -6848px;
}
.bx-flag-32.tn {
	background-position: 0 -6880px;
}
.bx-flag-32.to {
	background-position: 0 -6912px;
}
.bx-flag-32.tr {
	background-position: 0 -6944px;
}
.bx-flag-32.tt {
	background-position: 0 -6976px;
}
.bx-flag-32.tv {
	background-position: 0 -7008px;
}
.bx-flag-32.tw {
	background-position: 0 -7040px;
}
.bx-flag-32.tz {
	background-position: 0 -7072px;
}
.bx-flag-32.ua {
	background-position: 0 -7104px;
}
.bx-flag-32.ug {
	background-position: 0 -7136px;
}
.bx-flag-32.us {
	background-position: 0 -7168px;
}
.bx-flag-32.uy {
	background-position: 0 -7200px;
}
.bx-flag-32.uz {
	background-position: 0 -7232px;
}
.bx-flag-32.va {
	background-position: 0 -7264px;
}
.bx-flag-32.vc {
	background-position: 0 -7296px;
}
.bx-flag-32.ve {
	background-position: 0 -7328px;
}
.bx-flag-32.vg {
	background-position: 0 -7360px;
}
.bx-flag-32.vi {
	background-position: 0 -7392px;
}
.bx-flag-32.vn {
	background-position: 0 -7424px;
}
.bx-flag-32.vu {
	background-position: 0 -7456px;
}
.bx-flag-32.wf {
	background-position: 0 -7488px;
}
.bx-flag-32.ws {
	background-position: 0 -7520px;
}
.bx-flag-32.ye {
	background-position: 0 -7552px;
}
.bx-flag-32.yt {
	background-position: 0 -7584px;
}
.bx-flag-32.za {
	background-position: 0 -7616px;
}
.bx-flag-32.zm {
	background-position: 0 -7648px;
}
.bx-flag-32.zw {
	background-position: 0 -7680px;
}
.bx-flag-32._abkhazia {
	background-position: 0 -7712px;
}
.bx-flag-32._basque-country {
	background-position: 0 -7744px;
}
.bx-flag-32._british-antarctic-territory {
	background-position: 0 -7776px;
}
.bx-flag-32._commonwealth {
	background-position: 0 -7808px;
}
.bx-flag-32._england {
	background-position: 0 -7840px;
}
.bx-flag-32._gosquared {
	background-position: 0 -7872px;
}
.bx-flag-32._kosovo {
	background-position: 0 -7904px;
}
.bx-flag-32._mars {
	background-position: 0 -7936px;
}
.bx-flag-32._nagorno-karabakh {
	background-position: 0 -7968px;
}
.bx-flag-32._nato {
	background-position: 0 -8000px;
}
.bx-flag-32._northern-cyprus {
	background-position: 0 -8032px;
}
.bx-flag-32._olympics {
	background-position: 0 -8064px;
}
.bx-flag-32._red-cross {
	background-position: 0 -8096px;
}
.bx-flag-32._scotland {
	background-position: 0 -8128px;
}
.bx-flag-32._somaliland {
	background-position: 0 -8160px;
}
.bx-flag-32._south-ossetia {
	background-position: 0 -8192px;
}
.bx-flag-32._united-nations {
	background-position: 0 -8224px;
}
.bx-flag-32._unknown {
	background-position: 0 -8256px;
}
.bx-flag-32._wales {
	background-position: 0 -8288px;
}@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
 
@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

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

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

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

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

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

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

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

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

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

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

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

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

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

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

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

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

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

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

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

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1 !important;

}

.popup-window.animated {
    background-color: transparent;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.normal {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}

















/* PUBLIC MAIN CSS */


.popup-window.sw24PopupPro {
    padding: 0;
    z-index: 99998 !important;
    box-shadow: none;
    background-color: transparent;
    opacity: 0;
}

.popup-window.sw24PopupPro .popup-window-content {
    background-color: transparent
}

.popup-window.sw24PopupPro .popup-window-close-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    opacity: .6 !important;
    background: rgba(0, 0, 0, 1);
    z-index: 99999
}

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

.popup-window.sw24PopupPro .popup-window-close-icon:before {
    content: ' ';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    right: 11px;
    width: 2px;
    height: 20px;
    background-color: #fff
}

.popup-window.sw24PopupPro .popup-window-close-icon:after {
    content: ' ';
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 2px;
    left: 12px;
    width: 2px;
    height: 20px;
    background-color: #fff
}

.sk24-button-window-popup {
    display: none
}

.sk24-button-window-popup a {
    right: inherit;
    bottom: inherit;
    left: inherit;
    top: inherit
}

.sk24-button-window-popup .btn {
    position: fixed;
    right: inherit;
    bottom: inherit;
    left: inherit;
    top: inherit;
    z-index: 999;
    width: 70px;
    height: 70px;
    background: #f2f2f2;
    padding: 10px;
    border-radius: 50%;
    margin: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 74px -37px rgba(0, 0, 0, 0.45)
}

.sk24-button-window-popup .btn {
    font-size: 35px
}

.sk24-button-window-popup.show {
    display: block
}

@media (min-width: 450px) and (max-width: 720px) and (orientation: landscape) {
    .popup-window.sw24PopupPro {
        max-width: 90%
    }
}.popup-window{background-color:#fff;box-shadow:0 7px 21px rgba(83,92,105,.12),0 -1px 6px 0 rgba(83,92,105,.06);padding:10px;font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;justify-content:stretch}.popup-window[style*="block"]{display:flex!important}.bx-ie .popup-window[style*="block"]{display:block!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:flex;margin:5px 0 8px 0;text-align:center}.popup-window-delimiter-section:before,.popup-window-delimiter-section:after{display:block;content:"";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:bold;text-transform:uppercase;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;text-align:center;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:2px;cursor:pointer;color:#7a818a;font-family:"OpenSans-Bold",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;outline:0;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 .2s linear,color .2s linear;transition:background-color .2s linear,color .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;box-shadow:inset 0 0 0 1px #fff;border-radius:50%;color:#fff;display:block!important;content:'_'!important;font-size:10px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;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%;transform-origin:0 100%;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}@keyframes popup-window-button-animation{0%{transform:rotate(0deg)}100%{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;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:0;-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 .15s linear;transition:border-bottom-color .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:.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:bold;max-width:100%;line-height:49px;overflow:hidden;padding:0 30px 0 10px;text-overflow:ellipsis;white-space:nowrap}.popup-window-titlebar-text-version{font-weight:normal;font-size:13px;padding-left:0}.popup-window-content{box-sizing:border-box;background-color:#fff;flex:1}.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:0;opacity:.5;position:absolute;right:0;top:0;width:27px;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.popup-window-close-icon:after{display:block;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:10px;height:10px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43ODcgMUw1IDMuNzg3IDIuMjEzIDEgMSAyLjIxMyAzLjc4NyA1IDEgNy43ODcgMi4yMTMgOSA1IDYuMjEzIDcuNzg3IDkgOSA3Ljc4NyA2LjIxMyA1IDkgMi4yMTMiIGZpbGw9IiM5OTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:cover;content:""}.popup-window-titlebar-close-icon{top:12px;right:10px}.popup-window-close-icon:hover{opacity:1}.popup-window-angly{display:none;height:22px;position:absolute;overflow:hidden;width:33px}.popup-window-angly:before{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;transform:rotate(45deg);transform-origin:50% 50%;width:15px}.popup-window-angly-top{display:block;left:10px;margin:0;top:-22px}.popup-window-angly-right{display:block;right:-17px;top:10px;height:30px;width:17px}.popup-window-angly-right::before{left:-9px;top:8px}.popup-window-angly-bottom{bottom:-20px;display:block;height:20px;margin-left:10px}.popup-window-angly-bottom::before{top:-9px}.popup-window-angly-left{display:block;left:-14px;top:10px;height:30px;width:14px}.popup-window-angly-left::before{left:8px;top:8px}.popup-window-overlay{position:absolute;top:0;left:0;display:none;background:#333;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}.popup-window-resize{opacity:0;transition:opacity .3s;position:absolute;right:0;bottom:0;width:10px;height:10px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADBJREFUGBljYMADLl269B+PNESKNopwmoosgcxGcSeyBDKbKEUoGpA5uNgoplKNAwBv1DPc646T+wAAAABJRU5ErkJggg==");cursor:nwse-resize}.popup-window:hover .popup-window-resize{opacity:1}.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 Arial,Helvetica,sans-serif}.menu-popup .menu-popup-item{background-color:transparent;display:block;cursor:pointer;height:36px;position:relative;text-decoration:none;outline:0;white-space:nowrap;-webkit-transition:background-color .3s linear;transition:background-color .3s linear}.menu-popup .menu-popup-item-disabled{pointer-events:none;opacity:.4;cursor:default}.menu-popup-item-icon{display:inline-block;height:16px;margin-left:11px;vertical-align:middle;width:19px}.menu-popup-item-text{display:inline-block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#525c68;line-height:36px;padding:0 15px 0 9px;text-decoration:none;vertical-align:middle;-webkit-transition:color .2s linear;transition:color .2s linear}.popup-window-fixed-width .menu-popup-item-text{text-overflow:ellipsis;overflow:hidden;width:100%;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:#f6f8f9}.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,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tLjAxIDEuMTg3bDIuOTIyIDIuOTItMi45MiAyLjkyMyAxLjE3MyAxLjE3MyAyLjkyLTIuOTJMNS4yNiA0LjEwNyAxLjE2NC4wMTMiIGZpbGw9IiNBOEFCQjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);background-size:cover;content:""}.bx-admin-submenu-opened{background:#f0f0f0!important;-webkit-border-radius:3px;border-radius:3px}.menu-popup-no-icon .menu-popup-item-icon{display:none}.menu-popup-item-view .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -45px -271px transparent}.menu-popup-item-edit .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -43px -291px transparent}.menu-popup-item-create .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -44px -311px transparent}.menu-popup-item-create-quick .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -43px -329px transparent}.menu-popup-item-take .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -43px -347px transparent}.menu-popup-item-begin .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -44px -367px transparent}.menu-popup-item-decline .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -44px -383px transparent}.menu-popup-item-reopen .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -42px -484px transparent}.menu-popup-item-complete .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -42px -502px transparent}.menu-popup-item-hold .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -44px -520px transparent}.menu-popup-item-accept .menu-popup-item-icon{background:url(js/main/core/images/popup/menu-popup-item-angel.svg) no-repeat center transparent}.menu-popup-item-remake .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -44px -383px transparent}.menu-popup-item-delete .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -44px -535px transparent}.menu-popup-item-copy .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -42px -595px transparent}.menu-popup-item-delegate .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -42px -615px transparent}.menu-popup-item-add-to-tm .menu-popup-item-icon{background:url(js/main/core/images/popup/popup-menu-sprite.2.png) no-repeat scroll -42px -634px transparent}.popup-window-button-left,.popup-window-button-right{display:none}.popup-window-dark{background-color:rgba(0,0,0,0.8);-webkit-border-radius:4px;border-radius:4px;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:before{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;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43ODcgMUw1IDMuNzg3IDIuMjEzIDEgMSAyLjIxMyAzLjc4NyA1IDEgNy43ODcgMi4yMTMgOSA1IDYuMjEzIDcuNzg3IDkgOSA3Ljc4NyA2LjIxMyA1IDkgMi4yMTMiIGZpbGw9IiM1MzVDNkEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)}.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:0;vertical-align:top;font-size:14px;font-weight:bold;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:41px;color:#535c69;background-color:#ecf2f3;text-shadow:none;cursor:pointer;-webkit-transition:background-color .15s linear;transition:background-color .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:0;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{animation:popupWindowShowAnimationOpacity 100ms;animation-fill-mode:both}@keyframes popupWindowShowAnimationOpacity{0%{opacity:0}100%{opacity:1}}.popup-window-show-animation-opacity-transform{animation:popupWindowShowAnimationOpacityTransform 100ms;animation-fill-mode:both}@keyframes popupWindowShowAnimationOpacityTransform{0%{opacity:0;-webkit-transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0px,0);-moz-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);-o-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}}.popup-window-close-animation-opacity{animation:popupWindowCloseAnimationOpacity 150ms;animation-fill-mode:both}@keyframes popupWindowCloseAnimationOpacity{0%{opacity:1}100%{opacity:0}}.popup-window-close-animation-opacity-transform{animation:popupWindowCloseAnimationOpacity 150ms;animation-fill-mode:both}@keyframes popupWindowCloseAnimationOpacityTransform{0%{opacity:1;-webkit-transform:translate3d(0,0px,0);-moz-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);-o-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}100%{opacity:0;-webkit-transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-o-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}}.popup-window-show-animation-scale{animation:popup-window-show-animation-scale 400ms;animation-fill-mode:both}@keyframes popup-window-show-animation-scale{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}

/* Start:/mainPage.css?176034836617810*/
.main-page-banners{
	display: flex;
	gap: 15px;
	margin-bottom: 60px;
	justify-content: space-between;
}
.main-page-banners__left{
	width: calc(45% - 7.5px);
}
.main-page-banners__right{
	width: calc(24% - 7.5px);
}
.main-page-banners__right .banners-right-list{
	width: 100%;
}
.banners-left .banners-left__item{
	position: relative;
	height: 390px;
	border-radius: 10px;
	overflow: hidden;
}
.banners-left .banners-left__item:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	/*background: url('/upload/mainPage/banners-bg.png');
	background-size: cover;*/
	-webkit-box-shadow: 0px 0px 18px 1px rgba(31, 131, 159, 0.2) inset;
-moz-box-shadow: 0px 0px 18px 1px rgba(31, 131, 159, 0.2) inset;
box-shadow: 0px 0px 18px 1px rgba(31, 131, 159, 0.2) inset;
}
.banners-left .banners-left__item .banners-left__link{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.banners-left .banners-left__item .banners-left__bg{
	max-height: 85%;
	max-width: 270px;
	position: absolute;
	right: 15px;
	bottom: 20px;
	z-index: 1;
}
.banners-left .banners-left__item .banners-left__price{
	position: absolute;
	left: 20px;
	bottom: 80px;
	padding: 15px;
	border-radius: 10px;
	background: #FFF;
	z-index: 3;
}
.banners-left .banners-left__item .banners-left__price .price-value {
	color: #1F839F;

	margin-bottom: 5px;
}

.banners-left .banners-left__item .banners-left__title{
	margin-top: 20px;
    max-width: 280px;
    line-height: 150%;
}
.banners-left .banners-left__logo-wrap{
	
	width: 200px;
	padding: 20px 35px;
	background: #FFF;
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	left: 0;
}
.banners-left .banners-left__item__content{
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.banners-left .banners-left__item .banners-left__logo{
	max-width: 135px;
	width: 100%;
}

.banners-left .slick-dots{
	bottom: 20px;
	left: 20px;
	text-align: left;
}
.main-page-banners__right{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	max-height: 390px;
	justify-content: space-between;
}
.main-page-banners__right .banners-right-list__wrap{
	height: 100%;
}
.main-page-banners__right .banners-right-list__item{
	padding: 20px;
	border-radius: 10px;
	background: #f7f7f7;
	position: relative;
		height: 100%;
}
.main-page-banners__right .banners-right-list__image{
	position: absolute;
	right: 20px;
	bottom: 0;
	max-width: 135px;
}
.banners-right-list-vertical_wrap{
	width: calc(30% - 7.5px);
}
.banners-right-list-vertical_wrap .banners-right-list-vertical{
	
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 15px;
}
.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item{
	flex: 1; 
	background: url('/img/banners-right-list-vertical-bg.png');
	background-size: 100%;
	border-radius: 10px;
	position: relative;
	padding: 20px;
}
.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item.top{
	background: #E9F3F6;
}
.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item.bottom{
	display: flex;
	gap: 15px;
	padding: 0;
}

.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item.bottom .bottom-item{
	flex: 1;
	border-radius: 10px;
	border: 1px Solid #E9F3F6;
	padding: 20px;
}

.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list__title{
	display: flex;
	gap: 15px;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
}

.main-page-sections-list{
	margin-bottom: 60px;
}
.main-page-sections-list .main-page-sections-list__top{
	display: flex;
	justify-content: space-between;
}
.main-page-sections-list .main-page-sections-list__wrap{
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.main-page-sections-list__wrap .main-page-sections-list__item{
	border-radius: 10px;
	border: 2px Solid #F7F7F7;
	padding: 20px;
	transition: .3s;
	flex: 0 0 calc(16.6666% - 13px);
	width: calc(16.6666% - 13px);
}
.main-page-sections-list__wrap.list-catalog .main-page-sections-list__item{
	width: 260px;
}
.main-page-sections-list .main-page-sections-list__item:hover{
	border: 2px Solid #1F839F;
}
.main-page-sections-list .main-page-sections-list__item .image{
	display: flex;
	justify-content: center;
	height: 140px;
	margin-bottom: 15px;
	align-items: center;
}
.main-page-sections-list .main-page-sections-list__item .image svg {
	max-width: 110px;
}
.main-page-sections-list .main-page-sections-list__item .image svg path{
	fill: #909090;
}
.main-page-sections-list .main-page-sections-list__item:hover .image svg path{
	fill: #000;
}
.main-page-sections-list .main-page-sections-list__item .title{
	text-align: center;
	margin: 0;
}
.main-page-sections-list .main-page-sections-list__item .title a{
	color: #202020;
}
.main-page-sections-list .slick-track{
	gap: 15px;
}
.brands-slider .slick-track{
	gap: 15px;
}
.main-page .slick-prev, .main-page .slick-next{
	background: none !important;
	box-shadow: none !important;
}
.main-page-sections-list__btn.btn-mobile{
	display: none;
}
.main-page .slick-prev:before, .main-page .slick-next:before{
	content: '';
    width: 12px;
    height: 19px;
    background: url(/brands/img/slick-arrow.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}
.main-page .slick-prev:hover:before, .main-page .slick-next:hover:before{
	background: url(/brands/img/slick-arrow-active.svg) no-repeat;
}

.main-page-description{
	margin-bottom: 60px;
}
.main-page-description .main-page-description__wrap{
	display: flex;
	gap: 15px;
	justify-content: space-between;
}
.main-page-description .main-page-description__wrap .main-page-description__text{
	width: calc(60% - 7.5px);
	background: #F7F7F7;
	border-radius: 10px;
	padding: 30px 20px;
	overflow: auto;
}
.main-page-description .main-page-description__wrap .main-page-description__text i{
	font-style: italic;
}
.main-page-description .main-page-description__wrap .main-page-description__text ul{
	padding-left: 15px;
}
.main-page-description .main-page-description__wrap .main-page-description__text ul li {
	list-style-type: circle;
	margin-bottom: 5px;
}
.main-page-description .main-page-description__wrap .main-page-description__image{
	width: calc(40% - 7.5px);
	border-radius: 10px;
	overflow: hidden;
}
.main-page-description .main-page-description__wrap .main-page-description__image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-page-advantages{
	margin-bottom: 60px;
}
.main-page-advantages .main-page-advantages__items{
	display: flex;
	gap: 15px;
}
.main-page-advantages .main-page-advantages__items .main-page-advantages__item{
	flex: 1;

	padding: 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	border: 2px Solid #F7F7F7;
}
.main-page-advantages .main-page-advantages__items .main-page-advantages__item .title{
	display: flex;
	gap: 15px;
	align-items: center;
}
.main-page-advantages .main-page-advantages__items .main-page-advantages__item .text{
	color: #000;
}
.main-page-advantages .main-page-advantages__items .main-page-advantages__item .text p{
	padding: 0 0 5px;
}
.main-page-advantages .main-page-advantages__items .main-page-advantages__item .btn__wrap{
	margin-top: auto;
}
.new-products-group-slider-main-page .slick-track .slick-slide{
	margin: 0 7px;
}

.new-products-group-slider-main-page .specifications-open{
	display: none;
}
.main-page-reviews{
	margin-bottom: 60px;
}
.main-page-reviews .main-page-reviews__item{
	border-radius: 10px;
    border: 2px Solid #F7F7F7;
    padding: 20px;
    transition: .3s;
    height: auto;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}
.main-page-reviews .main-page-reviews__item .reviews__top{
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.main-page-reviews .main-page-reviews__item .reviews-author{
	margin-bottom: 5px;
}
.main-page-reviews .main-page-reviews__item .date{
	font-size: 12px;

}
.main-page-reviews .main-page-reviews__item .reviews-text{
	max-height: 130px;
	overflow: hidden;
	color: #454545;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 15px;
}
.main-page-reviews .main-page-reviews__item .goods{
	display: flex;
	padding: 10px;
	background: #F7F7F7;
	gap: 15px;
	height: 80px;
}
.main-page-reviews .main-page-reviews__item .goods .image{
	width: 60px;
	margin:  0;
}
.main-page-reviews .main-page-reviews__item .goods .text{
	width: calc(100% - 75px);
	color: #000;
	font-size: 12px;
	line-height: 16px;
}
.main-page-reviews .main-page-reviews__item .goods .text a{
	color: #000;
}
.main-page-reviews .main-page-reviews__item .goods .image img{
	width: 100%;
	border-radius: 10px;
}


.main-page-reviews .main-page-reviews__item .goods-params{
	display: flex;
	justify-content: space-between;
	color: #000;
	font-size: 12px;
}

.main-page-reviews .main-page-reviews__item .goods-params .goods-article{
	font-size: 10px;
	font-weight: bold;
	color: #909090;
}
.main-page-reviews .main-page-reviews__item .goods-params .goods-price{
	font-weight: bold;
}
.main-page-reviews .slick-track{
	align-items: stretch;
}
.main-page-reviews .slick-track .slick-slide{
	margin: 0 7px;
}

.main-page-articles{
	margin-bottom: 60px;
}

@media (min-width:960px){

.main-page-articles .main-page-articles__items{
	display: grid;
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: auto auto auto;
  gap: 16px;
  height: 630px;
}

.main-page-articles .main-page-articles__items .main-page-articles__item:first-child{
	grid-column: 1;
  	grid-row: 1 / span 3;
  	display: flex;
    flex-direction: column;
    gap: 15px;
}
.main-page-articles .main-page-articles__items .main-page-articles__item:not(:first-child){
	 grid-column: 2;
	 display: flex;
	 gap: 15px;
}
.main-page-articles .main-page-articles__items .main-page-articles__item:nth-child(2) { grid-row: 1; }
.main-page-articles .main-page-articles__items .main-page-articles__item:nth-child(3) { grid-row: 2; }
.main-page-articles .main-page-articles__items .main-page-articles__item:nth-child(4) { grid-row: 3; }

.main-page-articles .main-page-articles__items .main-page-articles__item:not(:first-child) .articles__image{
	width: 40%;
	height: 200px;
}
.main-page-articles .main-page-articles__items .main-page-articles__item:not(:first-child) .articles__text{
	font-size: 14px;
	line-height: 18px;
}
.main-page-articles .main-page-articles__items .main-page-articles__item:not(:first-child) .articles__content{
	gap: 5px;
}
.main-page-articles .main-page-articles__items .main-page-articles__item:first-child .articles__content{
	padding: 20px;
	background: #F7F7F7;
	border-radius: 10px;
}
.main-page-articles .main-page-articles__items .main-page-articles__item:first-child .articles__name {
	font-weight: 700;
    font-size: 21px;
    line-height: 1.2em;

    margin: 0 0 16px;
    display: block;
}
}





.main-page-articles .slick-track .slick-slide{
	margin: 0 7px;
}

.main-page-articles .articles__image{
	height: 290px;
	border-radius: 10px;
	overflow: hidden;
}




.main-page-articles .articles__image img{
	width: 100%;
  	height: 100%;
  	object-fit: cover;
}
.main-page-articles .articles__content{

	flex:1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.main-page-articles .articles__date{
	font-size: 14px;
	color: #909090;
	margin-bottom: 5px;
}
.main-page-articles .articles__name{
	margin-bottom: 0;
}
.main-page-articles .articles__name a{
	color: #000;
	text-decoration: none;
}
.main-page-articles .articles__text{
	font-size: 16px;
	color: #202020;
}
.main-page-articles .articles__btn{
	margin-top:  auto;
}
.brands-slider{
	margin-bottom: 60px;
}
.brands-slider .brands-slider__item{
	padding: 25px 15px;
	border-radius: 10px;
	border: 2px Solid #F7F7F7;
	display: flex;
	justify-content: center;

}
.brands-slider .brands-slider__item img{
	max-width: 130px;
	/*filter: grayscale(100%);*/
	display: block;
    margin: 0 auto;
}
.brands-slider .brands-slider__item:hover{
	background: #F7F7F7;
}
.brands-slider .brands-slider__item:hover img{
	filter:none;
}

.new-products-group-slider-brands .slick-track .slick-slide {
    margin: 0 7px;
}

.advantages-shop{
	padding: 20px;
	border-radius: 10px;
	background: #F7F7F7;
	margin-bottom: 60px;
}
.advantages-shop .advantages-shop__wrap{
	display: flex;
	justify-content: center;
	gap: 145px;
}
.advantages-shop .advantages-shop__wrap .advantages-shop__item{
	display: flex;
	align-items: center;
	gap: 25px;

}

@media (max-width:1200px){
	.main-page-banners{
		flex-wrap: wrap;

	}
	.main-page-banners__right{
		width: 100%;
	}
	.main-page-banners__right .banners-right-list__item{
		padding: 40px 20px;
	}
	.main-page-banners__left{
		width: calc(57% - 7.5px);
	}
	.banners-right-list-vertical_wrap{
		width: calc(42% - 7.5px);
	}
	.main-page-sections-list__wrap .main-page-sections-list__item{
		flex: auto;
		width: calc(25% - 15px);
	}
	.main-page-sections-list__wrap .main-page-sections-list__item:nth-child(9),
	.main-page-sections-list__wrap .main-page-sections-list__item:nth-child(10){
		display: none;
	}
	.main-page-advantages .main-page-advantages__items .main-page-advantages__item{
		padding: 15px;
	}
	.advantages-shop .advantages-shop__wrap{
		gap: 15px;
		justify-content: space-between;
	}
}

@media (max-width:1024px){
	.main-page-banners{
		flex-wrap: wrap;
	}
	.main-page-banners__left{
			width: 100%;
	}
	.main-page-banners__right{
		width: calc(50% - 15px);
		max-height: 100%;
	}
	.banners-right-list-vertical_wrap{
		width: calc(50% - 15px);
	}


	.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item{
		padding: 20px 20px 90px 20px;
	}
	.main-page-sections-list__wrap .main-page-sections-list__item{
		flex: auto;
		width: calc(33% - 15px);
	}
	.main-page-sections-list__wrap .main-page-sections-list__item:nth-child(7),
	.main-page-sections-list__wrap .main-page-sections-list__item:nth-child(8){
		display: none;
	}
}

@media (max-width:960px){
	
	.main-page-advantages .main-page-advantages__items{
		flex-wrap: wrap;
		gap: 15px;
	}
	.main-page-advantages .main-page-advantages__items .main-page-advantages__item{
		width: calc(50% - 15px);
		flex: auto;
	}
	.main-page-description .main-page-description__wrap{
		flex-wrap: wrap;
		gap: 15px;
	}
	.main-page-description .main-page-description__wrap .main-page-description__text{
		width: 100%;
		max-height: 100%!important;
	}
	.main-page-description .main-page-description__wrap .main-page-description__image{
		width: 100%;
		height: 350px;
	}
	
	.main-page-articles__items{
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.main-page-articles__item{
		display: flex;
		gap: 15px;
	}
	.main-page-articles .articles__image{
		height: 220px;
    	max-width: 300px;
	}
}

@media (max-width:640px){
	.banners-left .banners-left__item .banners-left__bg{
		right: 0;
        bottom: 40px;
       
        max-height: 45%
	}
	.banners-left .banners-left__item .banners-left__price{
		bottom: 40px;
		zoom: .8;
	}
	.main-page-banners__left{
		width: 100%	;
	}
	.main-page-banners__right{
		width: 100%;
	}
	.main-page-banners__right .slick-track .slick-slide{
		margin: 0 7px;
	}
	.banners-right-list-vertical_wrap .banners-right-list-vertical{
		flex-wrap: wrap;
	}
	.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item{
		width: 100%;
		flex:auto;
	}
	.main-page-advantages .main-page-advantages__items .main-page-advantages__item{
		width: 100%;
	}
	
	.main-page-banners__right{
		max-height: 100%;
	}

	.main-page-articles .articles__image{
		height: 220px;
	}
	.main-page .slick-prev{
		left: -25px;
	}
	.main-page .slick-next{
		right: -25px;
	}
	.main-page-articles .articles__content{
		padding: 20px;
        background: #F7F7F7;
        border-radius: 10px;

	}
	.main-page-articles .articles__image{
		width: 100%;
		max-width: 100%;
		height: 300px;
		margin-bottom: 15px;
	}
	.advantages-shop .advantages-shop__wrap{
		flex-direction: column;
	}
	.main-page-sections-list__wrap .main-page-sections-list__item{
		width: calc(50% - 15px);
	}
	.banners-right-list-vertical_wrap{
		width: 100%;

	}
	.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item{
		padding: 20px;
	}
	.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item.bottom{
		flex-direction: column;
	}
	.banners-right-list-vertical_wrap .banners-right-list-vertical .banners-right-list-vertical__item.bottom .bottom-item{
		flex: auto;
		width: 100%;
	}
	.main-page-banners__right .banners-right-list__item{
		padding: 20px;
	}
	.main-page-banners__right .banners-right-list__image{
		display: none;
	}
	.main-page-sections-list__btn{
		display: none;
	}
	.main-page-sections-list__btn.btn-mobile{
		display: block;
	}
	.main-page-sections-list__btn.btn-mobile .btn{
		width: 100%;
	}
	.main-page-advantages .main-page-advantages__items .main-page-advantages__item .btn__wrap{
		margin-top: 15px;
	}
}
/* End */


/* Start:/local/templates/makita-new-25/components/bitrix/catalog.section/sliderActionsMainPage/themes/blue/style.css?1752838773825*/
/* catalog.section */

/*
#3052bf
#26b0e4
#00a2df
*/

/* Slider */
.bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1;}
.bx-blue .product-item-image-slider-control:hover{ background-color: rgba(0,131,209,.8);}
.bx-blue .product-item-image-slider-control.active,
.bx-blue .product-item-image-slider-control:hover{ background-color: #0083d1;}

/* SCU */
.bx-blue .product-item-scu-item-text-block:hover,
.bx-blue .product-item-scu-item-color-block:hover,
.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #006cc0;}

/* Amount */
.bx-blue .product-item-amount-field:focus{border-color: #006cc0;}


.bx-blue .catalog-section-header{border-color:#006cc0;}
/* End */


/* Start:/local/templates/makita-new-25/components/bitrix/catalog.item/startcartBrands/style.css?175283877325525*/
.product-item-container { position: relative; }

.product-item-container.hover { z-index: 17; }

.product-item {
	display: block;
	box-sizing: border-box;
	padding: 15px 0 5px;
	width: 100%;
	border: 1px solid transparent;
	border-radius: 2px;
}

.product-item-line-card .product-item {
	width: auto !important;
	border-bottom: 1px solid #dadada;
}

@media (max-width: 991px) {
	.product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; }
}

.bx-retina .product-item { border-width: .5px; }

.product-item * { transition: opacity 300ms ease; }

@media (max-width: 767px) {
	.product-item { padding: 15px 5px 5px }

	.product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; }
}

.bx-no-touch .product-item-container.hover .product-item {
	position: absolute;
	right: -15px;
	left: -15px;
	padding: 15px 15px 0;
	width: auto;
	border: 1px solid transparent;
	background: #fff;
	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);
}

.bx-touch .product-item {
	padding: 15px 0 0;
	width: auto;
	background: #fff;
}

.bx-no-touch .product-item-container.hover .product-item { -webkit-animation: product-item-hover 300ms 1 ease; }

@-webkit-keyframes product-item-hover {
	0% {
		position: absolute;
		left: -15px;
		right: -15px;
		border: 1px solid transparent;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
	100% {
		border: 1px solid transparent;
		box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);
	}
}

/*Image*/
.product-item-image-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 116%;
	width: 100%;
	transition: all 300ms ease;
}

.product-item-image-wrapper:hover { }

.product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; }

.product-item-image-original,
.product-item-image-alternative {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: opacity 300ms linear;
}

.product-item-image-original { z-index: 11; }

.product-item-image-alternative {
	z-index: 13;
	opacity: 0;
}

.bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; }

.bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; }

.product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; }

/*Image Slider*/
.product-item-image-slider-slide-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: opacity 300ms ease;
}

.product-item-image-slide {
	position: relative;
	display: none;
	height: 100%;
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: .6s ease-in-out left;
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.product-item-image-slide {
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}

	.product-item-image-slide.next,
	.product-item-image-slide.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	.product-item-image-slide.prev,
	.product-item-image-slide.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.product-item-image-slide.next.left,
	.product-item-image-slide.prev.right,
	.product-item-image-slide.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.product-item-image-slider-slide-container > .active,
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev { display: block; }

.product-item-image-slider-slide-container > .active { left: 0; }

.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.product-item-image-slider-slide-container > .next { left: 100%; }

.product-item-image-slider-slide-container > .prev { left: -100%; }

.product-item-image-slider-slide-container > .next.left,
.product-item-image-slider-slide-container > .prev.right { left: 0; }

.product-item-image-slider-progress-bar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}

.product-item-image-slider-progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background-color: #f42c2c;
	opacity: .8;
}

.product-item-image-slider-control-container {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	padding: 0;
	text-align: center;
	opacity: 0;
	transition: opacity 300ms ease;
}

.product-item-container.hover .product-item-image-slider-control-container,
.product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; }

.product-item-image-slider-control,
.product-item-image-slider-control.active {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(128, 128, 128, .8);
	opacity: .6;
	cursor: pointer;
	transition: all 300ms ease;
}

.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover { cursor: pointer; }

/*Label*/
.product-item-label-text,
.product-item-label-ring {
	position: absolute;
	z-index: 15;
}

.product-item-label-text span,
.product-item-label-ring {
	display: inline-block;
	clear: both;
	margin-bottom: 2px;
	background: #f42c2c;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	transition: all 250ms ease;
}

.bx-red .product-item-label-text span,
.bx-red .product-item-label-ring { background-color: #fba90c; }

.product-item-label-text > div,
.product-item-label-ring > div { line-height: 0; }

/* TEXT */
.product-item-label-text span {
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: bold;
}

/*SMALL*/
.product-item-label-text.product-item-label-small span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
	margin-bottom: 1px;
	padding: 2px 7px;
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
}

.product-item-big-card .product-item-label-text.product-item-label-small span {
	padding: 5px 12px;
	font-size: 16px;
	line-height: 21px;
}

/* BIG */
.product-item-label-text.product-item-label-big span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
	padding: 4px 10px;
	font-size: 13px;
	line-height: 17px;
}

.product-item-big-card .product-item-label-text.product-item-label-big span {
	padding: 5px 17px;
	font-size: 22px;
	line-height: 33px;
}

@media (max-width: 767px) {
	.product-item-label-text > div { line-height: 0; }

	.product-item-label-text.product-item-label-small span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
		margin-bottom: 1px;
		padding: 2px 7px;
		font-size: 12px;
		line-height: 14px;
	}

	.product-item-big-card .product-item-label-text.product-item-label-small span,
	.product-item-label-text.product-item-label-big span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
		margin-bottom: 1px;
		padding: 3px 12px;
		font-size: 14px;
		line-height: 16px;
	}

	.product-item-big-card .product-item-label-text.product-item-label-big span {
		padding: 3px 12px;
		font-size: 20px;
		line-height: 25px;
	}
}

/*RING*/
.product-item-label-ring {
	box-sizing: border-box;
	border-radius: 50%;
	font-weight: bold;
}

.product-item-label-ring.product-item-label-small,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
}

.product-item-big-card .product-item-label-ring.product-item-label-small {
	width: 100px;
	height: 100px;
	font-size: 30px;
	line-height: 100px;
}

.product-item-label-ring.product-item-label-big,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
	width: 50px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
}

.product-item-big-card .product-item-label-ring.product-item-label-big {
	width: 120px;
	height: 120px;
	font-size: 42px;
	line-height: 120px;
}

@media (max-width: 767px) {
	.product-item-label-ring.product-item-label-small,
	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
		width: 35px;
		height: 35px;
		font-size: 12px;
		line-height: 35px;
	}

	.product-item-big-card .product-item-label-ring.product-item-label-small,
	.product-item-label-ring.product-item-label-big,
	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
		width: 35px;
		height: 35px;
		font-size: 12px;
		line-height: 35px;
	}

	.product-item-big-card .product-item-label-ring.product-item-label-big {
		width: 70px;
		height: 70px;
		font-size: 24px;
		line-height: 70px;
	}
}

.product-item-label-top { top: -5px; }

.product-item-label-center {
	left: 50%;
	transform: translateX(-50%);
}

.product-item-label-center > div { text-align: center; }

.product-item-label-left { left: -5px; }

.product-item-label-left > div { text-align: left; }

.product-item-label-bottom { bottom: -5px; }

.product-item-label-middle { top: 50%;
	transform: translateY(-50%);
}

.product-item-label-right { right: -5px; }

.product-item-label-right > div { text-align: right; }

.product-item-label-center.product-item-label-middle {
	transform: translateY(-50%) translateX(-50%);
}

/*Title*/
.product-item-title {
	overflow: hidden;
	margin-bottom: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bx-touch .product-item-title,
.product-item-container.hover .product-item-title {
	overflow: auto;
	white-space: normal;
}

.product-item-title a {
	color: #3f3f3f;
	text-decoration: none;
	font-size: 13px;
}

.product-item-big-card .product-item-title a { font-size: 21px; }

.product-item-line-card .product-item-title a { font-size: 20px; }

/*Price*/
.product-item-price-container { margin: 5px 0 10px; }

.product-item-price-current {
	color: #3f3f3f;
	white-space: nowrap;
	font-weight: bold;
	font-size: 13px;
}

.product-item-price-old {
	color: #a5a5a5;
	text-decoration: line-through;
	white-space: nowrap;
	font-size: 12px;
}

.product-item-big-card .product-item-price-current,
.product-item-big-card .product-item-price-old {
	vertical-align: middle;
	line-height: 20px;
}

.product-item-big-card .product-item-price-container { margin: 0 0 10px; }

.product-item-big-card .product-item-price-current { font-size: 18px; }

.product-item-big-card .product-item-price-old { font-size: 15px; }

/*Info*/
.product-item-line-card .product-item-info-container { text-align: center; }

.product-item-info-container { margin-bottom: 8px; }

.product-item-info-container-title {
	color: #000;
	font-weight: bold;
	font-size: 13px;
}

.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {
	display: none;
	opacity: 0;
	transition: opacity 300ms ease;
}

.bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important }

.bx-touch .product-item-info-container.product-item-hidden,
.bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden,
.product-item-line-card .product-item-container .product-item-info-container.product-item-hidden {
	display: block;
	opacity: 1;
}

/*Amount*/
.product-item-amount {
	padding: 0 0 2px;
	text-align: center;
}

.product-item-amount-field-container { }

.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
	position: relative;
	display: inline-block;
	min-width: 22px;
	height: 22px;
	border-radius: 2px;
	background-color: #f2f2f2;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	transition: background 300ms ease, opacity 300ms ease;
}

.bx-retina .product-item-amount-field-btn-plus,
.bx-retina .product-item-amount-field-btn-minus { border-width: .5px; }

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover { background: #d3d3d3; }

.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-minus:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: .8;
	transition: opacity 300ms ease, background 300ms ease;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
	opacity: .3 !important;
	cursor: default;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {
	background-color: #f2f2f2;
}

.product-item-amount-field-btn-plus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-minus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-plus:hover:after,
.product-item-amount-field-btn-minus:hover:after { opacity: 1; }

.product-item-amount-field {
	display: inline-block;
	padding: 0;
	max-width: 50px;
	width: auto;
	height: 22px;
	border: 1px solid transparent;
	border-radius: 2px;
	background: transparent !important;
	color: #000;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	transition: border 300ms ease;
}

.bx-retina .product-item-amount-field { border-width: .5px; }

.product-item-amount-field:focus { outline: none !important; }

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	appearance: none
}

.product-item-amount-description-container {
	color: #a5a5a5;
	white-space: nowrap;
	font-size: 12px;
	display: block;
}

.product-item-big-card .product-item-amount-field-container { text-align: left; }

.product-item-amount-description-container strong {
	color: #333;
	white-space: nowrap;
}

.product-item-amount-label-container {
	margin: 5px 0;
	color: #a5a5a5;
	font-weight: bold;
	font-size: 12px;
}

/**/
.product-item-quantity {
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

/*Properties */
.product-item-properties {
	display: block;
	overflow: hidden;
	margin: 0;
	color: #a5a5a5;
	font-size: 12px;
}

.product-item-properties dl { clear: both; }

.product-item-properties dt {
	float: left;
	clear: both;
	font-weight: normal;
}

.product-item-properties dd {
	float: right;
	margin-bottom: 3px;
	margin-left: 5px;
	color: #000;
}

/*Compare*/
.product-item-compare-container {
	position: relative;
	display: none;
	margin: 0 -15px;
	padding: 4px 15px;
	min-height: 30px;
	border-top: 1px solid #e6e6e6;
	background: #f3f3f3;
	box-shadow: inset 0 1px 1px 0 #eee;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
}

.product-item-line-card .product-item-compare-container {
	margin: 0;
	border: none;
	background-color: transparent;
	box-shadow: none;
	text-align: center;
}

.bx-touch .product-item-compare-container { display: none; }

.product-item-line-card .product-item-compare-container,
.product-item-container.hover .product-item-compare-container { display: block; }

.product-item-compare .checkbox {
	margin: 0;
	padding: 0;
}

/* SCU */
.product-item-scu-container { padding: 0 0 2px; }

.product-item-scu-container-title {
	color: #333;
	font-size: 12px;
}

.product-item-scu-block { }

.product-item-scu-list { margin: 0; }

.product-item-scu-item-list {
	overflow: hidden;
	margin: 0 0 0 -2px;
	padding: 0;
	list-style: none;
}

.product-item-scu-item-color-container,
.product-item-scu-item-text-container {
	/* float: left; */
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 3px;
	max-width: 100%;
}

.product-item-scu-item-text-container { min-width: 32px; }

.product-item-scu-item-color-container {
	max-width: 38px;
	width: 25%;
}

.product-item-scu-item-color-block {
	position: relative;
	padding-top: 100%;
	outline: 1px solid #c0cfda;
	cursor: pointer;
}

.bx-no-touch .product-item-scu-item-color-block {
	transition: outline 200ms ease;
}

.bx-retina .product-item-scu-item-color-block { outline-width: .5px; }

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; }

.product-item-scu-item-color {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.product-item-scu-item-text-block {
	position: relative;
	padding: 0 5px;
	outline: 1px solid #c0cfda;
	cursor: pointer;
}

.bx-no-touch .product-item-scu-item-text-block {
	transition: outline 300ms ease;
}

.bx-retina .product-item-scu-item-text-block { outline-width: .5px; }

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; }

.product-item-scu-item-text {
	overflow: hidden;
	max-width: 100%;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	line-height: 18px;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
	position: relative;
	outline-color: #a9adb4 !important;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;
	background-size: 80% 80%;
	content: "";
}

@media (max-width: 991px) {
	.product-item-line-card .product-item-scu-container-title { text-align: center; }

	.product-item-line-card .product-item-scu-item-list { text-align: center; }

	.product-item-line-card .product-item-scu-item-color-container,
	.product-item-line-card .product-item-scu-item-text-container {
		display: inline-block;
		float: none;
	}
}

/*Description*/
.product-item-description-container { }

.product-item-description-container p {
	color: #575757;
	font-size: 13px;
}

/*Buttons*/
.product-item-button-container { text-align: center; }

.product-item-button-container .btn { margin-bottom: 2px; }

/*Stickers*/
.product-item-sticker,
.product-item-sticker-round { display: none; }

/*More*/
.product-item-more-container {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 15px 15px 5px;
	width: 100%;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: all 300ms ease;
}

.product-item-more-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 116%;
	width: 100%;
}

.product-item-more {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center;
	background-size: 50%;
	opacity: .7;
	transition: opacity 300ms ease;
}

.bx-touch .product-item-more,
.product-item-container.hover .product-item-more { opacity: 1; }

.product-item-more-title {
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type='number'] {
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.product-item-price-current-nds-list{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 12px;
	color: #1F839F;
}
/* End */


/* Start:/local/templates/makita-new-25/components/bitrix/catalog.section/BlockNewBrands/themes/blue/style.css?1752838773825*/
/* catalog.section */

/*
#3052bf
#26b0e4
#00a2df
*/

/* Slider */
.bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1;}
.bx-blue .product-item-image-slider-control:hover{ background-color: rgba(0,131,209,.8);}
.bx-blue .product-item-image-slider-control.active,
.bx-blue .product-item-image-slider-control:hover{ background-color: #0083d1;}

/* SCU */
.bx-blue .product-item-scu-item-text-block:hover,
.bx-blue .product-item-scu-item-color-block:hover,
.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #006cc0;}

/* Amount */
.bx-blue .product-item-amount-field:focus{border-color: #006cc0;}


.bx-blue .catalog-section-header{border-color:#006cc0;}
/* End */
/* /mainPage.css?176034836617810 */
/* /local/templates/makita-new-25/components/bitrix/catalog.section/sliderActionsMainPage/themes/blue/style.css?1752838773825 */
/* /local/templates/makita-new-25/components/bitrix/catalog.item/startcartBrands/style.css?175283877325525 */
/* /local/templates/makita-new-25/components/bitrix/catalog.section/BlockNewBrands/themes/blue/style.css?1752838773825 */