@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.google.com/specimen/open+Sans#standard-styles);@import url(https://fonts.googleapis.com/css?family=Dosis&subset=latin-ext);@import url(https://use.typekit.net/nsh5mnu.css);/* This file was automatically generated by the `figma-variables` npm workspace. Do not edit this file directly. */
:root {
  --sa-color-black-100: #030610;
  --sa-color-black-200: #02060e;
  --sa-color-black-300: #02050d;
  --sa-color-black-400: #02040b;
  --sa-color-black-500: #020409;
  --sa-color-black-50: #030712;
  --sa-color-black-600: #010307;
  --sa-color-black-700: #010205;
  --sa-color-black-800: #010104;
  --sa-color-black-900: #000102;
  --sa-color-black-950: #000;
  --sa-color-black-transparent-12: #0307121f;
  --sa-color-black-transparent-16: #03071229;
  --sa-color-black-transparent-25: #03071240;
  --sa-color-black-transparent-30: #0307124d;
  --sa-color-black-transparent-38: #03071261;
  --sa-color-black-transparent-4: #0307120a;
  --sa-color-black-transparent-50: #03071280;
  --sa-color-black-transparent-56: #0307128f;
  --sa-color-black-transparent-75: #030712bf;
  --sa-color-black-transparent-80: #030712cc;
  --sa-color-black-transparent-88: #030712e0;
  --sa-color-black-transparent-8: #03071214;
  --sa-color-blue-100: #d4d8e8;
  --sa-color-blue-200: #a8b0d1;
  --sa-color-blue-300: #808cbc;
  --sa-color-blue-400: #5665a4;
  --sa-color-blue-500: #3f4a78;
  --sa-color-blue-50: #ebedf4;
  --sa-color-blue-600: #333c61;
  --sa-color-blue-700: #272d4a;
  --sa-color-blue-800: #191d2f;
  --sa-color-blue-900: #0c0e17;
  --sa-color-blue-950: #07080d;
  --sa-color-blue-transparent-12: #3f4a781f;
  --sa-color-blue-transparent-16: #3f4a7829;
  --sa-color-blue-transparent-25: #3f4a7840;
  --sa-color-blue-transparent-30: #3f4a784d;
  --sa-color-blue-transparent-38: #3f4a7861;
  --sa-color-blue-transparent-4: #3f4a780a;
  --sa-color-blue-transparent-50: #3f4a7880;
  --sa-color-blue-transparent-56: #3f4a788f;
  --sa-color-blue-transparent-75: #3f4a78bf;
  --sa-color-blue-transparent-80: #3f4a78cc;
  --sa-color-blue-transparent-88: #3f4a78e0;
  --sa-color-blue-transparent-8: #3f4a7814;
  --sa-color-green-100: #c5ecda;
  --sa-color-green-200: #8bdab6;
  --sa-color-green-300: #4ec68e;
  --sa-color-green-400: #319667;
  --sa-color-green-500: #1e5d40;
  --sa-color-green-50: #e0f5eb;
  --sa-color-green-600: #184932;
  --sa-color-green-700: #113625;
  --sa-color-green-800: #0c271b;
  --sa-color-green-900: #06130d;
  --sa-color-green-950: #020805;
  --sa-color-green-transparent-12: #1e5d401f;
  --sa-color-green-transparent-16: #1e5d4029;
  --sa-color-green-transparent-25: #1e5d4040;
  --sa-color-green-transparent-30: #1e5d404d;
  --sa-color-green-transparent-38: #1e5d4061;
  --sa-color-green-transparent-4: #1e5d400a;
  --sa-color-green-transparent-50: #1e5d4080;
  --sa-color-green-transparent-56: #1e5d408f;
  --sa-color-green-transparent-75: #1e5d40bf;
  --sa-color-green-transparent-80: #1e5d40cc;
  --sa-color-green-transparent-88: #1e5d40e0;
  --sa-color-green-transparent-8: #1e5d4014;
  --sa-color-grey-100: #e7e6e7;
  --sa-color-grey-200: #d6d5d6;
  --sa-color-grey-300: #c3c2c3;
  --sa-color-grey-400: #b2b0b3;
  --sa-color-grey-500: #939093;
  --sa-color-grey-50: #f8f8f8;
  --sa-color-grey-600: #6f6b70;
  --sa-color-grey-700: #4b474c;
  --sa-color-grey-800: #3f3a40;
  --sa-color-grey-900: #272228;
  --sa-color-grey-950: #0f0910;
  --sa-color-grey-transparent-12: #9390931f;
  --sa-color-grey-transparent-16: #93909329;
  --sa-color-grey-transparent-25: #93909340;
  --sa-color-grey-transparent-30: #9390934d;
  --sa-color-grey-transparent-38: #93909361;
  --sa-color-grey-transparent-4: #9390930a;
  --sa-color-grey-transparent-50: #93909380;
  --sa-color-grey-transparent-56: #9390938f;
  --sa-color-grey-transparent-75: #939093bf;
  --sa-color-grey-transparent-80: #939093cc;
  --sa-color-grey-transparent-88: #939093e0;
  --sa-color-grey-transparent-8: #93909314;
  --sa-color-orange-100: #fce0d4;
  --sa-color-orange-200: #f9c1a9;
  --sa-color-orange-300: #f6a27e;
  --sa-color-orange-400: #f38353;
  --sa-color-orange-500: #f06428;
  --sa-color-orange-50: #fdeee7;
  --sa-color-orange-600: #d2490f;
  --sa-color-orange-700: #9d370b;
  --sa-color-orange-800: #692507;
  --sa-color-orange-900: #341204;
  --sa-color-orange-950: #180802;
  --sa-color-orange-transparent-12: #f064281f;
  --sa-color-orange-transparent-16: #f0642829;
  --sa-color-orange-transparent-25: #f0642840;
  --sa-color-orange-transparent-30: #f064284d;
  --sa-color-orange-transparent-38: #f0642861;
  --sa-color-orange-transparent-4: #f064280a;
  --sa-color-orange-transparent-50: #f0642880;
  --sa-color-orange-transparent-56: #f064288f;
  --sa-color-orange-transparent-75: #f06428bf;
  --sa-color-orange-transparent-80: #f06428cc;
  --sa-color-orange-transparent-88: #f06428e0;
  --sa-color-orange-transparent-8: #f0642814;
  --sa-color-red-100: #f5cccf;
  --sa-color-red-200: #eb999f;
  --sa-color-red-300: #e0626b;
  --sa-color-red-400: #d62f3b;
  --sa-color-red-500: #a6212b;
  --sa-color-red-50: #fae5e7;
  --sa-color-red-600: #841a22;
  --sa-color-red-700: #621319;
  --sa-color-red-800: #440e12;
  --sa-color-red-900: #220709;
  --sa-color-red-950: #110304;
  --sa-color-red-transparent-12: #a6212b1f;
  --sa-color-red-transparent-16: #a6212b29;
  --sa-color-red-transparent-25: #a6212b40;
  --sa-color-red-transparent-30: #a6212b4d;
  --sa-color-red-transparent-38: #a6212b61;
  --sa-color-red-transparent-4: #a6212b0a;
  --sa-color-red-transparent-50: #a6212b80;
  --sa-color-red-transparent-56: #a6212b8f;
  --sa-color-red-transparent-75: #a6212bbf;
  --sa-color-red-transparent-80: #a6212bcc;
  --sa-color-red-transparent-88: #a6212be0;
  --sa-color-red-transparent-8: #a6212b14;
  --sa-color-violet-100: #ebdfec;
  --sa-color-violet-200: #d6beda;
  --sa-color-violet-300: #c29ec7;
  --sa-color-violet-400: #ae7db5;
  --sa-color-violet-500: #9a5ea3;
  --sa-color-violet-50: #f5eff6;
  --sa-color-violet-600: #7b4a82;
  --sa-color-violet-700: #5c3861;
  --sa-color-violet-800: #3d2541;
  --sa-color-violet-900: #1f1320;
  --sa-color-violet-950: #0f0910;
  --sa-color-violet-transparent-12: #9a5ea31f;
  --sa-color-violet-transparent-16: #9a5ea329;
  --sa-color-violet-transparent-25: #9a5ea340;
  --sa-color-violet-transparent-30: #9a5ea34d;
  --sa-color-violet-transparent-38: #9a5ea34d;
  --sa-color-violet-transparent-4: #9a5ea30a;
  --sa-color-violet-transparent-50: #9a5ea380;
  --sa-color-violet-transparent-56: #9a5ea38f;
  --sa-color-violet-transparent-75: #9a5ea3bf;
  --sa-color-violet-transparent-80: #9a5ea3cc;
  --sa-color-violet-transparent-88: #9a5ea3e0;
  --sa-color-violet-transparent-8: #9a5ea314;
  --sa-color-white-100: #f3f5f5;
  --sa-color-white-200: #f5f6f6;
  --sa-color-white-300: #f6f7f7;
  --sa-color-white-400: #f7f8f8;
  --sa-color-white-500: #f9fafa;
  --sa-color-white-50: #f2f4f4;
  --sa-color-white-600: #fafbfb;
  --sa-color-white-700: #fbfcfc;
  --sa-color-white-800: #fcfdfd;
  --sa-color-white-900: #fefefe;
  --sa-color-white-950: #fff;
  --sa-color-white-transparent-12: #ffffff1f;
  --sa-color-white-transparent-16: #ffffff29;
  --sa-color-white-transparent-25: #ffffff40;
  --sa-color-white-transparent-30: #ffffff4d;
  --sa-color-white-transparent-38: #ffffff61;
  --sa-color-white-transparent-4: #ffffff0a;
  --sa-color-white-transparent-50: #ffffff80;
  --sa-color-white-transparent-56: #ffffff8f;
  --sa-color-white-transparent-75: #ffffffbf;
  --sa-color-white-transparent-80: #fffc;
  --sa-color-white-transparent-88: #ffffffe0;
  --sa-color-white-transparent-8: #ffffff14;
  --sa-color-yellow-100: #fce3b5;
  --sa-color-yellow-200: #fac86b;
  --sa-color-yellow-300: #f7aa1c;
  --sa-color-yellow-400: #c07f07;
  --sa-color-yellow-500: #764e04;
  --sa-color-yellow-50: #fef0d8;
  --sa-color-yellow-600: #5e3e03;
  --sa-color-yellow-700: #452e02;
  --sa-color-yellow-800: #312102;
  --sa-color-yellow-900: #191001;
  --sa-color-yellow-950: #0a0700;
  --sa-color-yellow-transparent-12: #764e041f;
  --sa-color-yellow-transparent-16: #764e0429;
  --sa-color-yellow-transparent-25: #764e0440;
  --sa-color-yellow-transparent-30: #764e044d;
  --sa-color-yellow-transparent-38: #764e0461;
  --sa-color-yellow-transparent-4: #764e040a;
  --sa-color-yellow-transparent-50: #764e0480;
  --sa-color-yellow-transparent-56: #764e048f;
  --sa-color-yellow-transparent-75: #764e04bf;
  --sa-color-yellow-transparent-80: #764e04cc;
  --sa-color-yellow-transparent-88: #764e04e0;
  --sa-color-yellow-transparent-8: #764e0414;
  --sa-typography-font-family-fallback-heading: "system-ui";
  --sa-typography-font-family-fallback-paragraph: "system-ui";
  --sa-typography-font-family-heading: "Roboto Condensed";
  --sa-typography-font-family-paragraph: "Roboto Flex";
  --sa-typography-font-weight-bold: "bold";
  --sa-typography-font-weight-medium: "medium";
  --sa-typography-font-weight-regular: "regular";
}
/* This file was automatically generated by the `figma-variables` npm workspace. Do not edit this file directly. */
:root {
  --sa-border-width-lg: 0.25rem;
  --sa-border-width-md: 0.125rem;
  --sa-border-width-sm: 0.0625rem;
  --sa-drop-shadow-blur-lg: 3rem;
  --sa-drop-shadow-blur-md: 1.5rem;
  --sa-drop-shadow-blur-sm: 1rem;
  --sa-drop-shadow-blur-xl: 4rem;
  --sa-drop-shadow-blur-xs: 0.25rem;
  --sa-drop-shadow-positioning-2xl: 2rem;
  --sa-drop-shadow-positioning-2xs: 0.25rem;
  --sa-drop-shadow-positioning-3xl: 3rem;
  --sa-drop-shadow-positioning-3xs: 0.125rem;
  --sa-drop-shadow-positioning-lg: 1.25rem;
  --sa-drop-shadow-positioning-md: 1rem;
  --sa-drop-shadow-positioning-sm: 0.75rem;
  --sa-drop-shadow-positioning-xl: 1.5rem;
  --sa-drop-shadow-positioning-xs: 0.5rem;
  --sa-drop-shadow-spread-2xl: 1.5rem;
  --sa-drop-shadow-spread-lg: 1rem;
  --sa-drop-shadow-spread-md: 0.75rem;
  --sa-drop-shadow-spread-sm: 0.5rem;
  --sa-drop-shadow-spread-xl: 1.25rem;
  --sa-drop-shadow-spread-xs: 0.25rem;
  --sa-grid-gutter-lg: 1.25rem;
  --sa-grid-gutter-md: 1rem;
  --sa-grid-gutter-sm: 0.5rem;
  --sa-grid-margin-lg: 6.25rem;
  --sa-grid-margin-md: 2rem;
  --sa-grid-margin-sm: 1rem;
  --sa-grid-max-width-lg: 110.4375rem;
  --sa-grid-max-width-md: 79.9375rem;
  --sa-grid-max-width-sm: 47.9375rem;
  --sa-grid-min-width-lg: 80rem;
  --sa-grid-min-width-md: 48rem;
  --sa-grid-min-width-sm: 20rem;
  --sa-grid-padding-lg: 1.25rem;
  --sa-grid-padding-md: 1rem;
  --sa-grid-padding-sm: 0.5rem;
  --sa-radius-2xl: 1.75rem;
  --sa-radius-2xs: 0.25rem;
  --sa-radius-3xl: 5rem;
  --sa-radius-3xs: 0.125rem;
  --sa-radius-lg: 1.25rem;
  --sa-radius-md: 1rem;
  --sa-radius-sm: 0.75rem;
  --sa-radius-xl: 1.5rem;
  --sa-radius-xs: 0.5rem;
  --sa-spacing-2xl: 2rem;
  --sa-spacing-2xs: 0.25rem;
  --sa-spacing-3xl: 3rem;
  --sa-spacing-3xs: 0.125rem;
  --sa-spacing-4xl: 4rem;
  --sa-spacing-5xl: 5.5rem;
  --sa-spacing-6xl: 6.25rem;
  --sa-spacing-lg: 1.25rem;
  --sa-spacing-md: 1rem;
  --sa-spacing-sm: 0.75rem;
  --sa-spacing-xl: 1.5rem;
  --sa-spacing-xs: 0.5rem;
  --sa-typography-font-size-2xl: 2rem;
  --sa-typography-font-size-2xs: 0.75rem;
  --sa-typography-font-size-3xl: 2.5rem;
  --sa-typography-font-size-lg: 1.25rem;
  --sa-typography-font-size-md: 1.125rem;
  --sa-typography-font-size-sm: 1rem;
  --sa-typography-font-size-xl: 1.5rem;
  --sa-typography-font-size-xs: 0.875rem;
  --sa-typography-letter-spacing-lg: 0.0938rem;
  --sa-typography-letter-spacing-md: 0.025rem;
  --sa-typography-letter-spacing-sm: 0.0156rem;
  --sa-typography-letter-spacing-xs: 0.0094rem;
  --sa-typography-line-height-heading-2xl: 2.75rem;
  --sa-typography-line-height-heading-2xs: 0.9375rem;
  --sa-typography-line-height-heading-lg: 1.625rem;
  --sa-typography-line-height-heading-md: 1.375rem;
  --sa-typography-line-height-heading-sm: 1.25rem;
  --sa-typography-line-height-heading-xl: 2.1875rem;
  --sa-typography-line-height-heading-xs: 1.125rem;
  --sa-typography-line-height-paragraph-lg: 1.5rem;
  --sa-typography-line-height-paragraph-md: 1.3125rem;
  --sa-typography-line-height-paragraph-sm: 1.125rem;
  --sa-typography-line-height-paragraph-xl: 1.6875rem;
}
/* This file was automatically generated by the `figma-variables` npm workspace. Do not edit this file directly. */
:root {
  --sa-action-active: var(--sa-color-black-transparent-56);
  --sa-action-disabled-background: var(--sa-color-black-transparent-12);
  --sa-action-disabled: var(--sa-color-black-transparent-38);
  --sa-action-focus: var(--sa-color-black-transparent-12);
  --sa-action-hover: var(--sa-color-black-transparent-4);
  --sa-action-selected: var(--sa-color-black-transparent-8);
  --sa-background-app: var(--sa-color-white-50);
  --sa-background-avatar: var(--sa-color-grey-400);
  --sa-background-card: var(--sa-color-grey-50);
  --sa-background-chip: var(--sa-color-grey-200);
  --sa-background-default50: var(--sa-color-white-950);
  --sa-background-default: var(--sa-color-white-900);
  --sa-background-dialog: var(--sa-color-white-950);
  --sa-background-dimmer: var(--sa-color-black-transparent-30);
  --sa-background-input: var(--sa-color-white-950);
  --sa-background-menu: var(--sa-color-white-700);
  --sa-background-popover: var(--sa-color-white-950);
  --sa-background-sidenav: var(--sa-color-white-900);
  --sa-background-textarea: var(--sa-color-white-950);
  --sa-background-tooltip: var(--sa-color-grey-600);
  --sa-button-primary: var(--sa-color-violet-500);
  --sa-button-secondary: var(--sa-color-white-950);
  --sa-common-black-state-focus-visible: var(--sa-color-black-transparent-56);
  --sa-common-black-state-focus: var(--sa-color-black-transparent-25);
  --sa-common-black-state-hover: var(--sa-color-black-transparent-88);
  --sa-common-black-state-main: var(--sa-color-black-50);
  --sa-common-black-state-outlined-border: var(--sa-color-black-transparent-50);
  --sa-common-black-state-selected: var(--sa-color-black-transparent-4);
  --sa-common-white-state-focus-visible: var(--sa-color-white-transparent-56);
  --sa-common-white-state-focus: var(--sa-color-white-transparent-25);
  --sa-common-white-state-hover: var(--sa-color-white-transparent-88);
  --sa-common-white-state-main: var(--sa-color-white-950);
  --sa-common-white-state-outlined-border: var(--sa-color-white-transparent-50);
  --sa-common-white-state-selected: var(--sa-color-white-transparent-4);
  --sa-divider-grey: var(--sa-color-grey-transparent-25);
  --sa-divider-violet: var(--sa-color-violet-transparent-25);
  --sa-error-contrast: var(--sa-color-white-950);
  --sa-error-main: var(--sa-color-red-500);
  --sa-error-state-focus-visible: var(--sa-color-red-transparent-75);
  --sa-error-state-hover: var(--sa-color-red-transparent-88);
  --sa-error-state-outlined-border: var(--sa-color-red-transparent-56);
  --sa-error-state-selected: var(--sa-color-red-transparent-4);
  --sa-icon-link: var(--sa-color-blue-500);
  --sa-icon-nega: var(--sa-color-white-950);
  --sa-icon-primary: var(--sa-color-violet-500);
  --sa-icon-secondary: var(--sa-color-black-50);
  --sa-icon-state-disabled: var(--sa-color-black-transparent-56);
  --sa-icon-state-error: var(--sa-color-red-500);
  --sa-icon-state-focus: var(--sa-color-blue-400);
  --sa-icon-state-hover: var(--sa-color-violet-transparent-88);
  --sa-info-contrast: var(--sa-color-white-950);
  --sa-info-main: var(--sa-color-blue-500);
  --sa-info-state-focus-visible: var(--sa-color-blue-transparent-75);
  --sa-info-state-hover: var(--sa-color-blue-transparent-88);
  --sa-info-state-outlined-border: var(--sa-color-blue-transparent-56);
  --sa-info-state-selected: var(--sa-color-blue-transparent-4);
  --sa-primary-contrast: var(--sa-color-white-950);
  --sa-primary-dark: var(--sa-color-violet-600);
  --sa-primary-light: var(--sa-color-violet-400);
  --sa-primary-main: var(--sa-color-violet-500);
  --sa-primary-state-focus-visible: var(--sa-color-violet-transparent-56);
  --sa-primary-state-focus: var(--sa-color-violet-transparent-25);
  --sa-primary-state-hover: var(--sa-color-violet-transparent-50);
  --sa-primary-state-outlined-border: var(--sa-color-violet-transparent-88);
  --sa-primary-state-selected: var(--sa-color-violet-transparent-4);
  --sa-secondary-contrast: var(--sa-color-white-950);
  --sa-secondary-dark: var(--sa-color-blue-600);
  --sa-secondary-light: var(--sa-color-blue-400);
  --sa-secondary-main: var(--sa-color-blue-500);
  --sa-secondary-state-focus-visible: var(--sa-color-blue-transparent-56);
  --sa-secondary-state-focus: var(--sa-color-blue-transparent-25);
  --sa-secondary-state-hover: var(--sa-color-blue-transparent-88);
  --sa-secondary-state-outlined-border: var(--sa-color-blue-transparent-50);
  --sa-secondary-state-selected: var(--sa-color-blue-transparent-4);
  --sa-stroke-button: var(--sa-color-violet-500);
  --sa-stroke-default: var(--sa-color-grey-400);
  --sa-stroke-link: var(--sa-color-blue-500);
  --sa-stroke-nega: var(--sa-color-white-950);
  --sa-stroke-state-disabled: var(--sa-color-grey-transparent-56);
  --sa-stroke-state-error: var(--sa-color-red-500);
  --sa-stroke-state-focus: var(--sa-color-blue-transparent-25);
  --sa-stroke-state-hover: var(--sa-color-grey-50);
  --sa-stroke-state-selected: var(--sa-color-violet-500);
  --sa-success-contrast: var(--sa-color-white-950);
  --sa-success-main: var(--sa-color-green-500);
  --sa-success-state-focus-visible: var(--sa-color-green-transparent-75);
  --sa-success-state-hover: var(--sa-color-green-transparent-88);
  --sa-success-state-outlined-border: var(--sa-color-green-transparent-56);
  --sa-success-state-selected: var(--sa-color-green-transparent-4);
  --sa-table-state-error: var(--sa-color-red-transparent-4);
  --sa-table-state-info: var(--sa-color-blue-transparent-4);
  --sa-table-state-success: var(--sa-color-green-transparent-4);
  --sa-table-state-warning: var(--sa-color-yellow-transparent-4);
  --sa-text-link: var(--sa-color-blue-500);
  --sa-text-nega: var(--sa-color-white-950);
  --sa-text-placeholder: var(--sa-color-grey-600);
  --sa-text-primary: var(--sa-color-black-950);
  --sa-text-secondary: var(--sa-color-grey-700);
  --sa-text-state-disabled: var(--sa-color-black-transparent-56);
  --sa-text-state-focus-visible: var(--sa-color-black-transparent-50);
  --sa-text-state-focus: var(--sa-color-blue-400);
  --sa-text-state-hover: var(--sa-color-black-transparent-88);
  --sa-text-state-selected: var(--sa-color-black-transparent-80);
  --sa-warning-contrast: var(--sa-color-white-950);
  --sa-warning-main: var(--sa-color-yellow-500);
  --sa-warning-state-focus-visible: var(--sa-color-yellow-transparent-75);
  --sa-warning-state-hover: var(--sa-color-yellow-transparent-88);
  --sa-warning-state-outlined-border: var(--sa-color-yellow-transparent-56);
  --sa-warning-state-selected: var(--sa-color-yellow-transparent-4);
}
body {
  background-color: #ffffff;
  font-family: acumin-pro, sans-serif; }

body {
  position: relative !important;
  max-width: 1767px;
  margin-left: auto !important;
  margin-right: auto !important; }

.suggestions .item .name {
  /*padding-right: 50px;*/ }

.suggestions .item .product-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  border: none; }

.suggestions .item .product-sales-price {
  color: #e06c3a;
  margin-left: 15px; }

.suggestions .item .product-list-price {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  margin-left: -15px; }

.suggestions .item .product-link:hover span {
  color: #9A5EA3 !important; }

.suggestions .item .product-picture {
  height: 55px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.suggestions .item .product-img {
  max-height: 55px;
  width: inherit;
  max-width: -webkit-fit-content;
  max-width: fit-content; }

.suggestions .items {
  padding: 0.313em 0;
  margin-left: 0px;
  margin-right: 0px; }

.add-to-cart-messages {
  z-index: 9999; }

.add-to-basket-alert.alert-success {
  display: none; }

.veil, .veil .underlay {
  position: unset; }

.btn-outline-primary:hover {
  color: #fff;
  background-color: #9b5ba5 !important;
  border-color: #9b5ba5 !important; }

#productTileImage {
  padding-left: 20%;
  padding-right: 20%; }

.photo-tile-image {
  width: 100%;
  max-width: 1140px;
  margin-left: 2%; }

.product-tags-tiles {
  position: absolute;
  top: 0px;
  left: 15px;
  width: 170px; }

.eko-tag-badge-tile {
  position: relative;
  height: 65px;
  width: 65px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  float: left;
  margin: 10px 0px 0px 10px;
  background-color: #00A651; }

.promotion-tag-badge-tile {
  position: relative;
  height: 65px;
  width: 65px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  float: left;
  margin: 10px 0px 0px 10px;
  background-color: #e06c3a; }

#viewAll {
  color: #91639f !important; }

.wishlistTile .fa-heart {
  color: #91639f !important; }

#heartOnNoSearchResult {
  font-size: 20px !important; }

#tilini {
  margin-right: 33px; }

.popover {
  width: 160%; }

.popover.popover-bottom ul.nav {
  padding-top: 0px !important; }

.header-purple-strip {
  background-color: #9b5ba5;
  font-size: 14px;
  color: #ffffff;
  text-align: center; }

.header-purple-strip p {
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px; }

.header-purple-strip a {
  color: #ffffff; }

.header-purple-strip a:hover {
  color: #1e1e1e !important; }

del {
  text-decoration: none; }

#fitmixPopupIntegrationMenu {
  right: 20px !important;
  top: 20px !important; }

#fitmixPopupIntegrationMenu div {
  right: 7.5px !important;
  font-weight: 600 !important;
  top: 2px !important; }

#cookieDesktop :focus-visible, #consent-tracking :focus-visible {
  outline: 2px solid #005fcc;
  /* High-contrast blue */
  outline-offset: 2px;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #005fcc;
  /* Extra visibility */ }

@media screen and (max-width: 780px), (max-height: 560px) {
  #fitmixPopupIntegrationMenu {
    right: 20px !important;
    top: 20px !important;
    margin-top: 30px !important;
    margin-right: 20px !important; }
  #fitmixPopupIntegrationMenu div {
    right: 7.5px !important;
    font-weight: 600 !important;
    top: 2px !important; } }

@media only screen and (max-width: 768px) {
  .header-purple-strip a {
    color: #ffffff !important; }
  .header-purple-strip a:hover {
    color: #1e1e1e !important; } }

@media only screen and (max-width: 450px) {
  .silmaasema-logo {
    height: 100px;
    width: 130px !important;
    margin-top: -19px !important;
    top: 5px !important;
    margin-left: 0px !important; }
  .navbar-header .navbar-toggler {
    font-size: 1.25em !important;
    margin: 0px 0px 0px 0px; }
  .mobile-header-container {
    width: 158px;
    position: absolute;
    right: 0px;
    margin-top: 0px;
    padding-top: 17px; }
  .headerbtn-makeAppointment {
    width: 100% !important;
    margin-right: 0 !important; }
  .secondlevelLink-desktop {
    width: 100% !important; }
  .secondlevelLink-desktop a {
    width: inherit !important;
    display: -ms-inline-grid !important;
    display: inline-grid !important; }
  .menu-toggleable-left.navbar-toggleable-md.in {
    padding-right: 0px !important; } }

@media only screen and (max-width: 340px) {
  .silmaasema-logo {
    width: 70px !important;
    margin-left: -15px !important;
    top: 8px !important; } }

@media (min-width: 451px) and (max-width: 1099px) {
  .silmaasema-logo {
    height: 100px;
    width: 160px !important;
    margin-top: -14px !important;
    top: 0px !important;
    margin-left: 18px !important; }
  .navbar-header .navbar-toggler {
    font-size: 1.25em !important;
    margin: 0px 25px 0px 0px; }
  .mobile-header-container {
    width: 222px;
    position: absolute;
    right: 0px;
    margin-top: 0px;
    padding-top: 17px; }
  .login-icon {
    width: 24px;
    height: 24px;
    margin-bottom: 7px; }
  .navbar-header .minicart {
    margin: 0px;
    line-height: 1.25em;
    padding-left: 5px;
    padding-right: 6px; } }

/* Extra small devices (phones, 1050px and down) */
@media only screen and (max-width: 1050px) {
  .site-search {
    width: 100% !important; } }

/* Extra small devices (phones, 1100px and down) */
@media only screen and (max-width: 1099px) {
  .silmaMainHeader.container {
    height: 56px;
    border-bottom: 1px solid #CCCCCC; }
  .col-12.navbar-header.silmaasemaHeader {
    display: none !important; }
  .site-search {
    width: 110% !important; }
  .fa-search {
    color: #000000c7 !important;
    -webkit-text-stroke: 1.4px white;
    font-size: 25px !important;
    border: none !important;
    background-color: white;
    /* margin-bottom: 13px; */
    /* position: relative; */
    /* right: 39px; */
    /*margin-top: 17px;*/
    /* top: -10px; */ }
  .container-fluid1 {
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
  .favicon-header {
    width: 24px;
    height: 24px;
    /* position: relative; */
    /* right: 30px; */
    /* top: 18px; */
    object-fit: contain;
    margin-top: -7px; }
  .minicart .minicart-quantity {
    top: -28px !important;
    left: 9px !important; }
  .silmaasemaBrand {
    height: 50px !important;
    background-color: #ffffff !important; }
  .silmaasemaHeader {
    height: auto !important;
    background-color: #ffffff !important; }
  .silmaasemaBrandPadding {
    height: auto;
    background-color: white !important; }
  .search.pull-left.show-mobile-header-down {
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 40px; }
  .header-search {
    height: 33px !important;
    border-radius: 30px;
    background-color: #fff;
    border: 2px solid #9A5EA3 !important;
    font-family: acumin-pro, sans-serif;
    font-size: 20px;
    width: 90% !important;
    padding-left: 25px !important; }
  .site-search .fa-close, .site-search .fa-searchIcon {
    right: -15.1em !important; }
  .site-search .fa-close, .site-search .fa-searchIcon, .site-search .resetIcon-button {
    position: absolute;
    border: none;
    top: .5625em;
    padding: 0;
    background-color: transparent;
    width: 27px !important; }
  .fa-searchIcon:before {
    content: "\F002"; }
  .fa-searchIcon-plus:before {
    content: "\F00E"; }
  .fa-searchIcon-minus:before {
    content: "\F010"; }
  .menu-toggleable-left.in .dropdown {
    display: block;
    position: static; }
  .navbar-nav {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  nav.navbar.navbar-expand-md.bg-inverse.col-12 {
    margin-left: 0%; }
  .nav-item > .nav-link {
    color: #000000 !important; }
  .main-menu {
    background-color: #ffffff !important; }
  .desktop-menu {
    margin-left: 14%;
    width: auto;
    height: auto;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 100;
    padding-bottom: 100px;
    padding-right: 2%; }
  .multilevel-dropdown .dropdown-menu {
    top: 0px !important;
    left: 222px;
    margin-left: 0px;
    width: auto;
    height: 511px;
    z-index: 100; }
  .header-HamburgerMenu {
    height: 19px;
    margin-left: -48px !important;
    width: 19px;
    background-color: #ffffff; }
  .villiko-menu {
    width: 79px;
    height: 25px;
    font-family: acumin-pro, sans-serif;
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222222; }
  .silmaasemaminicart-icon {
    width: 18px;
    height: 17px;
    margin-top: 1px !important;
    /*position: relative;*/
    right: 18px;
    top: -11px;
    object-fit: contain; }
  .minicart-link svg {
    height: 24px !important;
    width: 24px;
    outline: 0px; }
  .silmaasemaBrand .pull-left {
    margin-top: -20px;
    margin-left: 18px; }
  button.navbar-toggler.show-mobile-header-down {
    position: absolute;
    right: 0px;
    top: 4px;
    z-index: 9; }
  .storelocator-header {
    margin: 0px !important; }
  .footer-item-mobile {
    -ms-flex: none;
        flex: none;
    max-width: 100%;
    padding-right: 34px;
    padding-left: 34px; }
  _::-webkit-full-page-media, _:future, :root .site-search input {
    padding-top: 2px !important; }
  _::-webkit-full-page-media, _:future, :root .suggestions {
    top: 0px; }
  .product-breadcrumb .breadcrumb {
    border-top: 0px !important; }
  .minicart-link {
    max-width: 24px;
    display: block;
    height: 24px; }
  .minicart-link:hover {
    text-decoration: none !important;
    color: #000000 !important; } }

#productCardTotalPrice {
  color: #212529;
  font-weight: 600; }

/* Extra small devices (phones, 880px and down) */
/*@media only screen and (max-width: 880px) {
  .storelocator-header {
    margin-top: 40px !important; }
  .Store-Locator {
    width: 113px;
    height: 25px;
    font-family: acumin-pro, sans-serif;
    font-size: 0.7em !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 10px !important; }
  .Make-An-Appointment {
    width: 193px;
    height: 25px;
    font-family: acumin-pro, sans-serif;
    font-size: 0.7em !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 10px !important; }
  .Customer-Service {
    width: 147px;
    height: 25px;
    font-family: acumin-pro, sans-serif;
    font-size: 0.7em !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 10px !important; }
  .Accessories-Care-Products {
    width: 239px;
    height: 25px;
    font-family: acumin-pro, sans-serif;
    font-size: 0.7em !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 10px !important; } }*/
/* Small devices (portrait tablets and large phones, 768px and up) */
@media only screen and (min-width: 769px) {
  .photo-tile-image {
    width: auto !important; }
  .fa-searchIcon:before {
    content: "\F002"; }
  .fa-searchIcon-plus:before {
    content: "\F00E"; }
  .fa-searchIcon-minus:before {
    content: "\F010"; }
  .desktop-menu {
    margin-left: 4%;
    width: auto;
    height: auto;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 100;
    padding-bottom: 100px;
    padding-right: 3%; } }

.LOGIN {
  width: 57px;
  height: 25px;
  font-family: acumin-pro, sans-serif;
  font-size: 15px;
  font-weight: 0;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  vertical-align: text-top; }

.btn.focus, .btn:focus {
  box-shadow: none !important; }

.headerbtn-makeAppointment {
  width: 149px;
  height: 47px;
  border-radius: 23.5px !important;
  background-color: #9A5EA3 !important;
  font-family: acumin-pro, sans-serif;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding-bottom: 7px !important;
  /* padding-bottom: 7px !important; */
  margin-left: 12px;
  margin-right: 90px; }

.headerbtn-makeAppointment a, .headerbtn-makeAppointment a:hover {
  color: #ffffff !important; }

.headerbtn-makeAppointment:hover {
  background-color: #73467A !important; }

.headerbtn-makeAppointment:active {
  background-color: #B386BA !important; }

.btn-LOGIN {
  margin-left: -5px;
  background-color: #fff;
  border: none;
  font-size: 14px; }

i#headerCalender {
  /*padding-right: 6px;*/ }

.LoginUser {
  border-radius: 100px;
  background-color: #9b5ba5 !important;
  height: 30px !important;
  width: 60px;
  margin-top: 18px;
  right: 16px;
  text-align: center; }

.Store-Locator {
  width: 113px;
  height: 25px;
  font-family: acumin-pro, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 10px; }

.Make-An-Appointment {
  width: 193px;
  height: 25px;
  font-family: acumin-pro, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 10px; }

.Customer-Service {
  width: 147px;
  height: 25px;
  font-family: acumin-pro, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 1px; }

.Accessories-Care-Products {
  width: 239px;
  height: 25px;
  font-family: acumin-pro, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 1px; }

h1.page-title {
  background-color: purple; }

.breadcrumb-item a {
  color: purple;
  font-family: acumin-pro, sans-serif; }

.mobile-header-icons {
  display: inline-block;
  padding-right: 5px; }

.mobile-Login {
  width: 13px;
  height: 16px;
  object-fit: contain; }

.mobile-favicon {
  width: 17px;
  object-fit: contain;
  height: 76px; }

.close-icon {
  object-fit: contain;
  display: -ms-flexbox;
  display: flex; }

.minicart .minicart-quantity {
  background-color: #9b5ba5 !important;
  width: 1.5em !important;
  height: 1.5em !important; }

.container.cart.minicart {
  padding-left: 25px;
  padding-right: 30px; }

.container {
  /*background-color: #f9f9f9; */
  max-width: 96%; }

.silmaMainHeader.container {
  max-width: 100% !important; }

.firstLevelCategory {
  padding-left: 18px; }

.firstLevelCategory .container {
  margin-left: 2px;
  padding-left: 0px;
  position: relative;
  max-width: 100% !important;
  background: transparent; }

.categoryContainer.dropdown-menu {
  transform: translateX(20%);
  max-width: 1500px;
  width: 1500px !important;
  top: 50px;
  left: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

.nav-item.dropdown .nav-link.dropdown-toggle.show-desktop-header-down:hover {
  color: black !important;
  font-size: 18px;
  /*font-weight: bold;*/
  /*text-decoration: underline !important;*/
  padding: 9.5px 4px 0px 4px;
  border-bottom: 3px solid #9A5EA3 !important; }

.nav-item.dropdown .nav-link.dropdown-toggle.show-desktop-header-down:active {
  color: black !important;
  font-size: 18px;
  /*font-weight: bold;*/
  /*text-decoration: underline !important;*/
  padding: 9.5px 4px 0px 4px;
  border-bottom: 3px solid #9A5EA3 !important; }

.nav-item-box {
  /*width:130px;*/
  width: calc(var(--variable-width) + 60px); }

.user.show-desktop-header-down .content-asset a:active {
  color: #B386BA !important; }

.btn-LOGIN:active {
  color: #B386BA !important; }

.dropdown-container1 {
  width: 776px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 26px; }

.secondlevelcategory {
  display: inline-table;
  margin-top: 32px; }

.secondlevelcategory li a {
  font-size: 16px;
  text-transform: uppercase;
  color: #9B5BA5;
  font-weight: bold; }

.secondlevelcategory li a:hover {
  color: #9A5EA3 !important;
  text-decoration: underline !important; }

.secondlevelcategory li a:active {
  color: #B386BA !important;
  text-decoration: underline !important; }

.listthirdCategory:first-child {
  margin-top: 16px; }

.listthirdCategory {
  width: 255px;
  margin-top: 11px;
  margin-bottom: 11px; }

.listthirdCategory li a {
  color: #000000;
  font-weight: normal;
  display: block;
  text-transform: lowercase; }

.listthirdCategory li a:first-letter {
  text-transform: uppercase; }

.listthirdCategory li a:hover {
  color: #9A5EA3 !important;
  text-decoration: none !important; }

.listthirdCategory li a:active {
  color: #B386BA !important;
  text-decoration: none !important; }

.listsecondCategory {
  width: 255px; }

.listsecondCategory a::after {
  content: none !important; }

#thirdCategory {
  padding-left: 0px;
  width: -webkit-max-content;
  width: max-content; }

#thirdCategory li {
  display: block; }

#closebtnDesktop {
  background-color: transparent;
  border: 0; }

.categoryContainer.dropdown-menu .close-button {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 10px; }

.categoryContainer.dropdown-menu .close-button .close-icon {
  margin-right: 6px; }

a#goToCart {
  color: white !important; }

a#goToCart:active {
  color: white !important; }

a#goToCart:hover {
  color: white !important; }

i.favicon-header.fa.fa-heart-o:hover {
  color: #9A5EA3 !important; }

i.favicon-header.fa.fa-heart-o:active {
  color: #B386BA !important; }

.categoryContainer.dropdown-menu .close-button .close-icon:hover {
  color: #9A5EA3 !important;
  text-decoration: none !important; }

.categoryContainer.dropdown-menu .close-button .close-icon:active {
  color: #B386BA !important;
  text-decoration: none !important; }

.categoryContainer.dropdown-menu .close-button :focus {
  outline: -webkit-focus-ring-color auto 1px; }

#headerFavCartIcon a {
  color: #222; }

#headerFavCartIcon a:hover {
  color: #9A5EA3;
  text-decoration: none !important; }

#headerFavCartIcon a:active {
  color: #B386BA;
  text-decoration: none !important; }

.minicart-link svg {
  height: 30px; }

.minicart-link svg:hover path {
  fill: #9A5EA3 !important; }

.minicart-link svg:active path {
  fill: #B386BA !important; }

.secondlevelBanner-desktop {
  margin-right: 35px;
  margin-left: auto; }

.secondlevelBanner-desktop .html-slot-container img, .secondlevelBanner-desktop .html-slot-container a img {
  width: 320px;
  height: 56px; }

.firstlevelBanner-mobile.show-mobile-header-down, .secondlevelBanner-mobile {
  width: 100%; }

.secondlevelBanner-mobile .html-slot-container img, .secondlevelBanner-mobile .html-slot-container a img {
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px; }

.firstlevelBanner-mobile .html-slot-container img, .firstlevelBanner-mobile .html-slot-container a img {
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px; }

.secondlevelLink-desktop {
  margin-top: 2%;
  margin-right: auto;
  text-transform: none; }

.secondlevelLink-desktop a {
  color: #9B5BA5;
  font-style: normal;
  font-weight: normal;
  font-size: 16px; }

.secondlevelLink-desktop a:hover {
  color: #9A5EA3 !important;
  text-decoration: underline !important; }

.secondlevelLink-desktop a:active {
  color: #B386BA !important;
  text-decoration: underline !important; }

.mainCategoryLink {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  margin-top: 44px;
  margin-bottom: 22px;
  margin-left: inherit; }

.header-search .search-field [placeholder] {
  border: solid 1px #222222;
  background-color: #222222; }

.search.HeaderSearchBar.show-desktop-header-down {
  margin-left: 1px;
  margin-right: 15px;
  margin-top: -13px; }

img.profile-icon {
  width: 15px;
  padding-bottom: 3px; }

.site-search {
  margin-right: 0px; }

.user.show-desktop-header-down {
  margin: 0px; }

.Store-Locator {
  margin-left: 0px; }

.fa.fa-search.pull-right.show-desktop-header-down {
  top: 15px;
  right: 86%; }

.silmaasema-logo {
  margin-top: -65px;
  height: 130px;
  position: relative;
  top: 26px;
  width: 234.42px;
  margin-left: 100px; }

.silmasema-logo-mobile-404 {
  height: 130px;
  position: relative;
  width: 130px !important;
  margin-top: -20px !important;
  top: 0px !important;
  margin-left: 18px !important; }

/* Sizes for screen 1100 to 1500*/
@media (max-width: 1499px) and (min-width: 1100px) {
  .menu-group.override .nav {
    padding-left: 30px;
    margin-top: -10px; }
  .silmaasema-logo {
    margin-left: 40px; }
  .headerbtn-makeAppointment {
    margin-right: 0px; } }

/* Sizes for screen 1024 to 1152 */
@media (max-width: 1152px) and (min-width: 992px) {
  .Store-Locator, .Customer-Service, .Accessories-Care-Products, .btn-LOGIN, #headerSignin {
    font-size: 14px !important; }
  .nav-link.dropdown-toggle.show-desktop-header-down {
    font-size: 16px !important; }
  .search.HeaderSearchBar.show-desktop-header-down {
    /*width: calc(100vw - 806px) !important;*/ } }

/* Sizes for screen  1100px and above*/
@media only screen and (min-width: 1100px) {
  .search.HeaderSearchBar.show-desktop-header-down {
    padding-top: 25px;
    width: 575px;
    margin-right: -45px; }
  .nav-item-padding {
    width: 5%; }
  .categoryContainer.dropdown-menu {
    max-width: 1100px; } }

@media only screen and (min-width: 1100px) and (max-width: 1350px) {
  .categoryContainer.dropdown-menu {
    transform: translateX(0%); } }

@media only screen and (min-width: 1500px) and (max-width: 3000px) {
  .search.HeaderSearchBar.show-desktop-header-down {
    padding-top: 25px;
    width: 650px; } }

@media only screen and (min-width: 1100px) and (max-width: 1400px) {
  .nav-item-padding {
    width: 2%; }
  .menu-group.override .nav {
    padding-left: 3%;
    margin-top: -10px; }
  .silmaasema-logo {
    width: 150px;
    margin-left: 20px; }
  li.nav-item.dropdown {
    padding-right: 0px !important;
    padding-bottom: 0px; }
  .site-search {
    max-width: 200px !important; }
  .search.HeaderSearchBar.show-desktop-header-down {
    padding-top: 25px;
    width: 575px;
    margin-right: -90px !important; }
  .storelocator-header {
    margin: 5px 50px 0px 0px !important; }
  .nav-item-box-padding {
    width: 4% !important; } }

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
  .nav-item-padding {
    width: 3%; }
  .menu-group.override .nav {
    padding-left: 5%;
    margin-top: -10px; }
  .silmaasema-logo {
    width: 200px;
    margin-left: 80px; }
  .storelocator-header {
    margin: 5px 95px 0px 0px !important; }
  .nav-item-box-padding {
    width: 2% !important; } }

@media only screen and (min-width: 1500px) and (max-width: 1600px) {
  .nav-item-padding {
    width: 3%; }
  .menu-group.override .nav {
    padding-left: 5%;
    margin-top: -10px; }
  .silmaasema-logo {
    width: 200px;
    margin-left: 80px; }
  .storelocator-header {
    margin: 5px 50px 0px 0px !important; }
  .nav-item-box-padding {
    width: 5%; } }

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .nav-item-padding {
    width: 4%; }
  .nav-item-box-padding {
    width: 5%; } }

@media only screen and (min-width: 1800px) and (max-width: 3000px) {
  .nav-item-padding {
    width: 10%; }
  .nav-item-box-padding {
    width: 10%; } }

@media only screen and (min-width: 3001px) {
  .search.HeaderSearchBar.show-desktop-header-down {
    padding-top: 25px;
    width: 800px; }
  .nav-item-padding {
    width: 20%; }
  .nav-item-box-padding {
    width: 6%; } }

@media only screen and (max-width: 1023.98px) and (min-width: 991.98px) {
  .minicart-link svg {
    height: 25px; }
  .favicon-header {
    font-size: 25px !important; } }

/*different config for search margin to make it responsive*/
/*@media only screen and (max-width: 1799.99px) and (min-width: 1580px) {
  .search.HeaderSearchBar.show-desktop-header-down {
    margin-left: 100px; } }
@media only screen and (max-width: 1919.99px) and (min-width: 1800px) {
  .search.HeaderSearchBar.show-desktop-header-down {
    margin-left: 250px; } }
@media only screen and (max-width: 2000.99px) and (min-width: 1920px) {
  .search.HeaderSearchBar.show-desktop-header-down {
    margin-left: 242px; } }*/
/* Small devices (portrait tablets and large phones, 1051px and up) */
@media only screen and (min-width: 1100px) {
  .site-search {
    width: 100% !important;
    max-width: 239px; } }

@media only screen and (min-width: 1051px) and (max-width: 1099px) {
  .site-search {
    width: 100% !important;
    max-width: 110%; } }

@media (max-width: 768.98px) {
  .show-desktop-down {
    display: none !important; } }

@media (min-width: 1100px) {
  .show-mobile-down {
    display: none !important; } }

@media (max-width: 1099px) {
  .show-desktop-header-down {
    display: none !important; }
  .mobile-hamburger {
    width: 28px;
    border-radius: 100px;
    position: relative;
    top: 8px;
    background-color: black;
    border: 1.5px solid black;
    margin: 5px 0; }
  .multilevel-dropdown .dropdown-menu > .dropdown > .dropdown-menu {
    left: -100%; }
  .menu-toggleable-left.navbar-toggleable-md.in {
    box-shadow: 0 -0.2rem 0.6rem 0 rgba(0, 0, 0, 0.25);
    min-width: 100%;
    left: 0;
    top: 55px;
    padding-right: 50px;
    /*padding-left: 30px;*/ }
  .multilevel-dropdown .dropdown-menu {
    box-shadow: none; }
  li.nav-item.dropdown a:focus {
    outline: none; }
  .menu-group-width {
    width: 100%; }
  .navbar.bg-inverse .navbar-nav .nav-link {
    padding: 9.5px 4px 6.5px 0px !important;
    font-size: 16px !important; }
  .multilevel-dropdown .dropdown-item.top-category {
    font-weight: 700;
    padding: 0px 0px 0px 2px; }
  .multilevel-dropdown .dropdown-item {
    padding: 0px; }
  .suggestions .item .product-list-price {
    margin-left: 15px; } }

@media (min-width: 1500px) and (max-width: 3000px) {
  .storelocator-header {
    float: right;
    margin: 5px 168px 0px 0px !important; } }

@media (min-width: 3001px) {
  .storelocator-header {
    float: right;
    margin: 5px 322px 0px 0px !important; } }

@media (min-width: 1100px) {
  li.nav-item.dropdown:focus {
    outline: -webkit-focus-ring-color auto 1px; }
  .silmaMainHeader.container {
    height: auto !important; }
  .show-mobile-header-down {
    display: none !important; }
  .navbar-header.silmaasemaHeader .col-4.pull-right.show-desktop-header-down {
    margin-left: -8px;
    text-align: end; }
  .navbar-header.silmaasemaHeader .pull-left.col-6.show-desktop-header-down {
    text-align: center; }
  .navbar-header.silmaasemaHeader .pull-left.col-6.show-desktop-header-down .site-search {
    display: inline-block; }
  .fa-search {
    font-size: samll !important;
    border: none !important;
    background-color: white; }
  .favicon-header {
    position: relative;
    top: 9px; }
  .login-icon {
    width: 13px;
    height: 16px;
    object-fit: contain;
    display: inline-block; }
  .silmaasemaBrand {
    height: 50px !important;
    background-color: #ffffff !important; }
  .silmaasemaHeader {
    height: 56px !important;
    background-color: #ffffff !important;
    margin-bottom: 28px; }
  .silmaasemaBrandPadding {
    height: 65px;
    background-color: white !important; }
  .header-search {
    height: 47px !important;
    width: 100%;
    max-width: 620px !important;
    border-radius: 30px;
    border: 2px solid #9A5EA3 !important;
    padding-left: 40px !important; }
  .header-search-null {
    padding-left: 7% !important; }
  .header-search:active, .header-search:focus {
    border: 3px solid #9A5EA3 !important; }
  .site-search .fa-close, .site-search .fa-searchIcon {
    right: -15.1em !important; }
  .site-search .fa-close, .site-search .fa-searchIcon, .site-search .resetIcon-button {
    position: absolute;
    border: none;
    top: .5625em;
    padding: 0;
    background-color: transparent;
    width: 27px !important; }
  .menu-toggleable-left.in .dropdown {
    display: block; }
  .nav-item > .nav-link {
    color: #000000 !important; }
  .main-menu {
    background-color: #ffffff !important; }
  .multilevel-dropdown .dropdown-menu {
    top: -6px !important;
    left: 107%;
    margin-left: 0%;
    width: auto;
    height: 511px;
    z-index: 100; }
  .header-HamburgerMenu {
    margin-left: -48px !important;
    background-color: #ffffff;
    height: 2vw;
    width: 2vw; }
  .silmaasemaminicart-icon {
    width: 2.2vw;
    height: 2.2vw;
    object-fit: contain; }
  .menu-group-width {
    width: calc(80% - 400px); }
  .menu-group.override .nav {
    padding-left: 5%;
    margin-top: -10px; } }

@supports (-webkit-touch-callout: none) {
  .favicon-header {
    right: -6px !important;
    top: -10px !important; }
  .login-icon {
    top: 18px !important;
    right: -38px !important; }
  .fa-search {
    right: 34px !important;
    top: -8px !important;
    padding: 0px; }
  @media only screen and (max-width: 420px) {
    .favicon-header {
      top: -8px !important; }
    .login-icon {
      top: 16px !important; }
    .fa-search {
      right: 24px !important;
      top: -6px !important; } } }

@media only screen and (max-width: 450px), only screen and (max-device-width: 450px) {
  .mobile-hamburger {
    width: 18px;
    margin: 4px 0; }
  .silmaasemaBrand .pull-left {
    margin-left: 12px; }
  .fa-search {
    font-size: 23px !important;
    right: 27px;
    top: -7px;
    padding: 0px; }
  .favicon-header {
    width: 20px;
    height: 20px;
    right: 25px !important;
    top: -10px; }
  .login-icon {
    width: 20px;
    height: 20px;
    margin-bottom: 7px; }
  .minicart-link svg {
    height: 20px !important;
    width: 20px;
    margin-top: -1px !important; }
  .navbar-header .minicart {
    margin: 0px;
    line-height: 1.25em; } }

.suggestions {
  z-index: 10001;
  border-radius: 40px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.08);
  width: -webkit-fit-content;
  width: fit-content;
  position: relative !important; }

@media only screen and (max-width: 1050px) {
  .suggestions {
    border-radius: 30px;
    width: 90%; } }

@media (max-width: 785.9px) {
  .suggestions {
    width: 90%; }
  .btn::before {
    content: none !important; } }

@media (max-width: 543.98px) {
  .suggestions {
    width: 90%; }
  .suggestions .header-text {
    padding-left: 0px; } }

.suggestions .selected, .suggestions .item:hover {
  /*background-color: #ebdeed;
  border-radius: 40px;*/ }

.suggestions .item {
  padding-bottom: 5px;
  padding-top: 5px;
  width: -webkit-max-content;
  width: max-content; }

.suggestions .header {
  color: #9b5ba5 !important;
  font-family: acumin-pro, sans-serif;
  margin-left: 15px;
  margin-right: 0px;
  padding-right: 60px; }

element.style {
  padding-left: 0px;
  padding-right: 0px; }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) {
  color: #9b5ba5; }

.body {
  background-color: #ffffff; }

.pdp-attribute {
  margin-top: .938em;
  padding-left: 15px; }

.pdp-attribute label {
  display: block; }

.breadcrumb-item + .breadcrumb-item {
  font-family: acumin-pro, sans-serif;
  padding-left: .5rem; }

.breadcrumb-item + .breadcrumb-item:before {
  display: inline-block;
  padding-right: .5rem;
  color: #9b5ba5 !important;
  content: ">" !important; }

.breadcrumb-item + .breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none; }

.breadcrumb-item.active {
  font-family: acumin-pro, sans-serif;
  color: #222222 !important; }

.breadcrumb-logo {
  font-family: acumin-pro, sans-serif;
  color: #222222 !important; }

.site-search :focus {
  outline: none; }

.header-HamburgerMenu :focus {
  outline: none; }

.header-HamburgerMenu :active {
  outline: none; }

.close-menu .content-asset {
  display: none; }

.menu-store-links {
  width: 100%;
  /*margin-left: 1em;*/ }

.menu-store-links:before {
  content: "";
  display: block;
  width: 94%;
  margin-left: 13px;
  padding-top: 10px;
  border-top: 1px dashed #ada8a8; }

.menu-store-links li.nav-item a.nav-link {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 0px !important;
  font-family: acumin-pro, sans-serif; }

@media only screen and (max-width: 360px) {
  .menu-store-links:before {
    width: 93%; } }

.site-search .fa-search {
  color: #444;
  font-weight: normal;
  font-stretch: normal; }

li.dropdown-item.dropdown {
  border: none; }

li.dropdown-menu.dropdown:focus {
  border: none;
  outline: none; }

li.dropdown-menu.dropdown:active {
  border: none;
  outline: none; }

.navbar-toggler:focus, .navbar-toggler:hover {
  outline: none; }

.navbar-header {
  position: relative; }

.multilevel-dropdown .dropdown-item .dropdown-link {
  outline: none; }

@media (min-width: 769px) {
  .menu-toggleable-left.in .dropdown-toggle:after {
    border-top: 0em solid transparent;
    border-bottom: 0em solid transparent;
    border-left: 0em solid;
    position: absolute;
    right: -20px;
    margin-top: -0.28em; }
  .navbar.bg-inverse .navbar-nav .nav-link {
    padding: 9.5px 4px 6.5px 4px;
    /*margin-right: 10px;*/
    /* white-space: nowrap; */
    font-size: 18px;
    border-bottom: 3px solid white; }
  /*.nav-item .nav-link {
    padding-right: 2% !important; }*/ }

@media (max-width: 1099px) {
  i.fa.fa-sign-in {
    color: #000000 !important; }
  .menu-toggleable-left.in .dropdown-toggle:after {
    content: " \203A" !important;
    font-size: 25px;
    border-top: 0em solid transparent !important;
    border-bottom: 0em solid transparent !important;
    border-left: 0em solid !important;
    position: absolute !important;
    right: 0.3rem !important;
    margin-top: -0.28em !important; } }

.nav-link.dropdown-toggle:after {
  content: none !important; }

.dropdown-item.dropdown a.dropdown-link.dropdown-toggle:after {
  content: none !important; }

@media (max-width: 1099px) {
  .dropdown-item.dropdown a.dropdown-link.dropdown-toggle:after {
    content: " \203A" !important;
    font-size: 25px; }
  .multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle:after {
    border-top: 0em solid transparent !important;
    border-bottom: 0em solid transparent !important;
    border-left: 0em solid !important;
    position: absolute !important;
    right: 0.3rem !important;
    margin-top: -10px !important; } }

.dropdown-item > a:hover {
  color: #9b5ba5;
  text-decoration: none;
  background-color: transparent; }

.dropdown > a:hover {
  color: #9b5ba5;
  text-decoration: none;
  background-color: transparent; }

.multilevel-dropdown {
  font-family: acumin-pro, sans-serif; }

.nav-item, .nav-item .nav-link:hover, .nav-item.show .nav-link {
  color: #9b5ba5 !important;
  background-color: transparent; }

li.nav-item.dropdown.show, li.nav-item.dropdown, .show-desktop-header-down.desktop-menu-close {
  padding-right: 0.7rem;
  /*width: 25%;*/ }

li.nav-item, li.dropdown-item {
  font-size: 16px; }

.nav-link.dropdown-toggle.show-desktop-header-down {
  font-size: 18px;
  font-weight: 6; }

#headerRightIcon {
  position: absolute;
  top: -8px;
  right: 0; }

#headerSignin {
  font-size: 18px;
  margin: 0 2px 0 6px; }

.acc-drop-down {
  font-size: .875rem !important; }

.show-desktop-down .content-asset:focus, .show-desktop-down .content-asset:hover {
  color: #9b5ba5 !important;
  background-color: transparent; }

.dropdown-item.active, .dropdown-item:active {
  background-color: transparent !important; }

.dropdown-item.focus, .dropdown-item:focus {
  background-color: none; }

.close-button {
  margin-right: -10px; }

.close-button .close-icon {
  font-size: 25px;
  font-weight: bold;
  margin-right: -10px; }

.menu-toggleable-left .close-menu {
  padding: 0px 16px 0px 0px !important;
  border-bottom: 1px solid #e9ecef !important;
  background-color: transparent !important; }

@media (max-width: 1099px) {
  .menu-toggleable-left.navbar-toggleable-sm.in {
    min-width: 50%;
    left: 0; }
  .menu-toggleable-left.in .show > .dropdown-menu {
    left: 0;
    padding-left: 10px; }
  .menu-toggleable-left.in .dropdown-menu {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 110%;
    border: 0 none;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block; }
  .clearfix:after {
    display: block;
    clear: both;
    content: ""; }
  .main-menu.menu-toggleable-left {
    z-index: 4; }
  .menu-toggleable-left.navbar-toggleable-sm {
    position: fixed;
    top: 67px !important;
    width: 100%;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
  .close-menu .back.pull-left {
    margin-top: 1rem; }
  .close-button .close-icon {
    margin-right: 0px;
    margin-top: -10px;
    margin-bottom: 10px; }
  .menu-toggleable-left.in .nav-item + .nav-item {
    width: 100%;
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important; }
  .menu-toggleable-left.in .dropdown-item + .dropdown-item {
    white-space: inherit !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important; }
  .menu-toggleable-left .close-menu {
    border-bottom: 1px solid #ffffff !important;
    display: block !important; }
  .dropdown-item .nav-link:focus {
    border: none !important;
    outline: none !important;
    text-decoration: none; }
  .dropdown-item a {
    color: inherit !important; }
  .top-category a {
    color: #9b5ba5 !important; }
  .menu-toggleable-left.navbar-toggleable-md {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
  .navbar, .navbar > .container, .navbar > .container-fluid {
    display: block; }
  .main-menu .navbar .close-button button, .main-menu .navbar .close-menu button {
    color: black; } }

.menu-toggleable-left.navbar-toggleable-sm.in {
  box-shadow: 0 -0.2rem 0.6rem 0 rgba(0, 0, 0, 0.2); }

.show-desktop-down > a.hover {
  color: #9b5ba5;
  text-decoration: none;
  background-color: transparent; }

a:hover {
  text-decoration: none !important;
  color: #9b5ba5 !important; }

.site-search input {
  color: rgba(0, 0, 0, 0.6);
  font-family: acumin-pro, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px; }

.wishlistTile i.fa-heart-o {
  color: #91639f !important; }

#heartOnPlp {
  font-size: 20px !important;
  padding-top: 20% !important; }

@media (max-width: 1099px) {
  .product-tile {
    min-height: auto !important;
    margin-right: -85px; } }

#plpDescription {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

nav.navbar.navbar-expand-md.bg-inverse.col-12 {
  text-align: left; }

.product-tile .image-container a .tile-image {
  width: 100%;
  padding-left: 20% !important;
  padding-right: 20% !important; }

.header-search:-ms-input-placeholder, .header-search:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-family: acumin-pro, sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 16px; }

.header-search:-ms-input-placeholder, .header-search::placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-family: acumin-pro, sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 16px; }

@media only screen and (max-width: 576px) {
  .productImage {
    padding-left: 10%;
    padding-right: 10%; } }

@media only screen and (min-width: 577px) {
  .productImage {
    padding-left: 8%;
    padding-right: 8%; } }

@media (min-width: 769px) {
  html {
    font-size: 1rem !important; } }

.minicart.show-desktop-header-down {
  vertical-align: unset !important;
  padding-left: 8px;
  padding-right: 5px;
  margin: 0px; }

@media (max-width: 850px) and (min-width: 769px) {
  .user.show-desktop-down {
    margin-left: -7% !important; } }

/*To prevent the opening of minicart in small devices below 1100px */
@media only screen and (max-width: 1099x) {
  .minicart .popover {
    display: none !important; }
  #navbarHeader {
    padding-left: 5px; }
  button:focus {
    outline: none !important; } }

.close-menu.clearfix.d-lg-none .close-button.pull-right {
  margin-top: 1rem; }

@media (min-width: 1100px) and (max-width: 1600px) {
  .favicon-header {
    font-size: 30px; }
  .silmaasemaminicart-icon {
    width: 1.8vw;
    height: 1.8vw; }
  .villiko-menu {
    font-size: 18px; } }

@media (min-width: 1400px) and (max-width: 1600px) {
  .villiko-menu {
    font-size: 20px; } }

@media only screen and (min-width: 1600.1px) {
  .favicon-header {
    font-size: 30px; }
  .header-search {
    height: 47px !important; }
  .villiko-menu {
    font-size: 20px; }
  .silmaasemaminicart-icon {
    width: 1.5vw;
    height: 1.5vw; }
  .header-HamburgerMenu {
    width: 25px; }
  .minicart .minicart-quantity {
    width: 25px;
    height: 25px;
    font-size: 15px; }
  #popoverAccount {
    margin-top: 5px;
    margin-left: 2px; } }

@media only screen and (max-width: 1000px) and (min-width: 769px) {
  .desktop-menu {
    padding-right: 5%; } }

@media only screen and (max-width: 1099px) and (min-width: 1000.1px) {
  .desktop-menu {
    padding-right: 4%; } }

@media only screen and (max-width: 2000px) and (min-width: 1600.1px) {
  .desktop-menu {
    padding-right: 2.5%; } }

@media only screen and (min-width: 2000.1px) {
  .silmaasemaminicart-icon {
    width: 1.5vw;
    height: 1.5vw; }
  .villiko-menu {
    font-size: 22px; }
  .desktop-menu {
    padding-right: 2%; } }

.line-item-promo {
  color: #222222;
  font-size: .813em;
  position: relative;
  display: inline-block;
  padding: 10px;
  border: 0 solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #ebdeed; }

.line-item-promo > p > a {
  color: purple !important; }

.minicart .popover.show {
  z-index: 1050 !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column; }

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

.minicart_background {
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0.7;
  background: #676767;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 1001; }

.minicart-popover {
  left: unset !important;
  right: 0 !important;
  position: fixed;
  height: 100%;
  width: 483px;
  max-width: unset !important;
  top: 0 !important;
  border-left: 4px solid #e9e9e9;
  border-top: 0;
  border-right: 0;
  display: none; }

.minicart-button {
  background: white;
  outline: 0px !important;
  border: 0px; }

.multilevel-dropdown.show-mobile-down .dropdown-item {
  white-space: inherit !important; }

/*Styling for the Consent Tracking Modal*/
.modal-content .modal-footer .affirm,
.modal-content .modal-footer .affirm:active,
.modal-content .modal-footer .affirm:hover {
  color: white !important;
  background-color: #9b5ba5 !important;
  border-color: #9b5ba5 !important;
  border-radius: 2em !important;
  font-family: acumin-pro, sans-serif !important;
  width: 10em !important; }

.modal-content .modal-footer .decline,
.modal-content .modal-footer .decline:active,
.modal-content .modal-footer .decline:hover {
  color: #9b5ba5 !important;
  background-color: white !important;
  border-color: #9b5ba5 !important;
  border-radius: 2em !important;
  font-family: acumin-pro, sans-serif !important; }

#plpContent {
  width: 96% !important;
  max-width: 1340px !important; }

.No-Banner {
  height: 10vw; }

.bc-price {
  color: #000; }

.category-product-image {
  height: 260px; }

.image-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

_::-webkit-full-page-media, _:future, :root .col-4.show-desktop-down {
  padding-left: 0px !important;
  margin-right: 30px !important;
  margin-left: -30px !important;
  padding-right: 0px; }

_::-webkit-full-page-media, _:future, :root .header-HamburgerMenu {
  margin-left: 0px !important; }

@media (min-width: 1201px) and (max-width: 1600px) {
  _::-webkit-full-page-media, _:future, :root .header-HamburgerMenu {
    margin-left: 2px !important; } }

@media (min-width: 1024px) and (max-width: 1099px) {
  _::-webkit-full-page-media, _:future, :root .header-HamburgerMenu {
    margin-left: 5px !important; } }

@media (min-width: 769px) and (max-width: 1023px) {
  _::-webkit-full-page-media, _:future, :root .header-HamburgerMenu {
    margin-left: 10px !important; } }

_::-webkit-full-page-media, _:future, :root .site-search input {
  padding-top: 12px; }

@media (min-width: 600px) and (max-width: 768px) {
  #productImageStyling {
    max-width: 330px;
    max-height: 330px;
    padding-left: 0 !important;
    padding-right: 0 !important; } }

.navbar-header .user .popover {
  width: -webkit-fit-content;
  width: fit-content;
  /*left: calc(-2.5vw);*/ }

body {
  overflow-x: hidden; }

#search-suggestion-image {
  border: none;
  border-radius: 0; }

#sortByTag {
  -webkit-appearance: none !important; }

strong {
  display: contents; }

#consentTrackingSpinner {
  display: none; }

#consentModelTrackingHeader {
  display: none; }

#consentTrackingDecline {
  display: none; }

#consentTrackingAccept {
  width: 200px !important; }

#consentTrackingFooter {
  padding-right: 2em !important; }

input[_ngcontent-fcom-ux-c389] {
  height: 1px;
  left: -9999px;
  opacity: 0;
  position: absolute;
  width: 1px; }

label[_ngcontent-fcom-ux-c389] {
  margin-bottom: 0;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  transition: .3s all ease; }

input[_ngcontent-fcom-ux-c389] + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389] {
  position: relative;
  margin-bottom: 0; }

label[_ngcontent-fcom-ux-c389]:first-of-type > span.bar[_ngcontent-fcom-ux-c389] {
  border-top-left-radius: .5em;
  border-top-right-radius: .5em; }

label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389] {
  -ms-flex-align: center;
  align-items: center;
  background: #d7d7d7;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 1em;
  flex: 0 0 1em;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  overflow: hidden; }

label[_ngcontent-fcom-ux-c389] > span.content[_ngcontent-fcom-ux-c389] {
  color: #1e1e1e;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  line-height: 1em;
  padding: 0 0 1em 1em;
  transition: color .3s ease; }

label[_ngcontent-fcom-ux-c389] > span.content[_ngcontent-fcom-ux-c389] > span[_ngcontent-fcom-ux-c389] {
  font-family: acumin-pro,Sans-Serif; }

input[_ngcontent-fcom-ux-c389] + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389]:before {
  background: #91639f;
  content: "";
  display: block;
  height: 100%;
  overflow: hidden;
  transform-origin: top center;
  width: 100%; }

input[_ngcontent-fcom-ux-c389] + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389]:after {
  background: #fff;
  border-radius: .2em;
  content: "";
  display: block;
  height: .2em;
  left: 50%;
  position: absolute;
  top: .4em;
  transform: translateX(-50%);
  width: .2em; }

input[_ngcontent-fcom-ux-c389]:checked + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389]:before {
  background: #91639f;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  height: 1em; }

input[_ngcontent-fcom-ux-c389] + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389]:before {
  background: #91639f;
  content: "";
  display: block;
  height: 100%;
  overflow: hidden;
  transform-origin: top center;
  width: 100%; }

input[_ngcontent-fcom-ux-c389]:checked + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389]:after {
  background: #fff;
  border-radius: .8em;
  content: "";
  display: block;
  height: .8em;
  left: 50%;
  position: absolute;
  top: .1em;
  transform: translateX(-50%);
  width: .8em; }

input[_ngcontent-fcom-ux-c389] + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389]:after {
  background: #fff;
  border-radius: .2em;
  content: "";
  display: block;
  height: .2em;
  left: 50%;
  position: absolute;
  top: .4em;
  transform: translateX(-50%);
  width: .2em; }

input[_ngcontent-fcom-ux-c389]:checked ~ input[_ngcontent-fcom-ux-c389]:not(:checked) + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389]:before, input[_ngcontent-fcom-ux-c389]:checked ~ input[_ngcontent-fcom-ux-c389]:not(:checked) ~ input[_ngcontent-fcom-ux-c389] + label[_ngcontent-fcom-ux-c389] > span.bar[_ngcontent-fcom-ux-c389]:before {
  background: #d7d7d7; }

* {
  margin: 0; }

span.bar.end {
  height: 20px;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

/*----css new changes----*/
@media only screen and (max-width: 810px) and (min-width: 769px) {
  .contentheading {
    font-size: 20px; }
  .footer-item ul li a {
    font-size: 15px; } }

@media only screen and (max-width: 930px) and (min-width: 860px) {
  .contentheading {
    font-size: 20px; } }

@media only screen and (max-width: 860px) and (min-width: 810px) {
  .contentheading {
    font-size: 20px; } }

#change-cookie-settings-link {
  color: #9b5ba5 !important; }

/*----css new changes----*/
@media only screen and (max-width: 810px) and (min-width: 769px) {
  .contentheading {
    font-size: 20px; }
  .footer-item ul li a {
    font-size: 15px; } }

@media only screen and (max-width: 930px) and (min-width: 860px) {
  .contentheading {
    font-size: 20px; } }

@media only screen and (max-width: 860px) and (min-width: 810px) {
  .contentheading {
    font-size: 20px; } }

#cookieHeader {
  margin-top: 15px; }

#popupCloseBUtton {
  margin-top: 15px;
  padding-left: 50px; }

.cookie-header {
  color: #91639f;
  font-family: acumin-pro, sans-serif;
  font-size: 25px;
  font-weight: 600;
  height: 45px; }

.cookie-desc {
  font-family: acumin-pro, sans-serif;
  font-size: 400;
  font-size: 16px;
  color: #1e1e1e;
  line-height: 1.5em; }

.btn-save {
  color: #ffffff !important; }

#rowDisplay {
  text-align: center;
  display: contents; }

.btn-box {
  font-family: acumin-pro, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 50px !important;
  border-radius: 100px;
  background-color: #9b5ba5; }

.btn-box {
  display: block;
  width: 100%; }

#confirmSettingsButton {
  margin-left: auto;
  margin-right: auto; }

#cookie-name {
  padding-left: 10px;
  color: darkslategrey;
  font-family: acumin-pro, sans-serif;
  font-size: initial; }

#chooseCookie {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 17px !important;
  color: #1e1e1e;
  font-family: acumin-pro, sans-serif; }

#change-cookie-settings-link {
  color: white !important; }

#cookieContent {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 550px;
  max-width: 800px !important;
  padding-left: 3.8rem;
  padding-right: 3.8rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

@media only screen and (min-width: 768px) {
  #cookieDialog {
    max-width: 600px !important;
    overflow-x: hidden;
    overflow-y: auto; } }

@media only screen and (min-width: 870px) {
  #cookieDialog {
    max-width: 700px !important;
    overflow-x: hidden;
    overflow-y: auto; } }

@media only screen and (min-width: 1000px) {
  #cookieDialog {
    max-width: 800px !important;
    overflow-x: hidden;
    overflow-y: auto; } }

#cookiePreference {
  margin-left: 2%;
  margin-top: 6px; }

#cookieDetail {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

strong {
  font-weight: 600 !important; }

@media only screen and (max-width: 768px) {
  #cookieContent {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 700px;
    max-width: 800px !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem; } }

@media only screen and (max-width: 768px) {
  #confirmSettingsButton {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px; }
  #body_Content {
    margin: 10px; }
  #lens_combination {
    word-break: break-word; } }

#AcceptAllBtn {
  margin: 0 !important;
  height: 45px !important; }

#cookieModal {
  color: #9b5ba5 !important; }

#cookieDesktop {
  z-index: 2000; }

#desktopCookie {
  color: #9b5ba5 !important; }

.content_desc p {
  line-height: 1.3; }

#consent-tracking .modal-content {
  margin-bottom: 20px; }

#cookieDialog {
  overflow-x: hidden;
  overflow-y: auto; }

#confirmSettingsButton {
  padding-bottom: 100px; }

.carousel-control-next-icon, .carousel-control-prev-icon {
  height: 20px;
  color: purple;
  filter: invert(48%) sepia(20%) saturate(1351%) hue-rotate(245deg) brightness(84%) contrast(83%) !important;
  margin-left: 5px;
  margin-top: -20px; }

#forMoreInfo {
  color: #9b5ba5 !important; }

#declineButton {
  display: none; }

@supports (-webkit-touch-callout: none) {
  .cookie-desc {
    margin-top: 65px; }
  #consent-tracking {
    position: absolute; }
  .modal-footer {
    text-align: right; }
  .content_desc p {
    line-height: 1.3; }
  #consent-tracking .modal-content {
    margin-bottom: 20px; }
  #cookieDialog {
    overflow-x: hidden;
    overflow-y: auto; }
  #confirmSettingsButton {
    padding-bottom: 100px; } }

.carousel-control-next-icon, .carousel-control-prev-icon {
  height: 20px;
  color: purple;
  filter: invert(48%) sepia(20%) saturate(1351%) hue-rotate(245deg) brightness(84%) contrast(83%) !important; }

.carousel-control-next, .carousel-control-prev {
  margin-right: 0px;
  margin-left: 0px; }

@media only screen and (max-width: 480px) {
  .carousel-control-next, .carousel-control-prev {
    margin-right: 0px;
    margin-left: -1px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .carousel-control-next, .carousel-control-prev {
    margin-right: 7px;
    margin-left: 7px; } }

@media (max-width: 340px) {
  #consent-tracking .modal-content {
    height: 500px;
    overflow-y: scroll; } }

@media only screen and (max-width: 393px) {
  #filterch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px !important;
    margin-left: -4px; } }

@media only screen and (max-width: 414px) {
  #filterch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px !important;
    margin-left: -5px; } }

@media only screen and (max-width: 375px) {
  #filterch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px !important;
    margin-left: -4px; } }

@media only screen and (min-width: 768px) and (max-width: 768px) {
  #filterch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px !important;
    margin-left: -20px; } }

.checkbox {
  color: #9b5ba5; }

.orderDeliveryDateMsg {
  padding-left: 15px;
  color: grey; }

/* web design change for mobile footer*/
@media (max-width: 543.8px) {
  .footer-item {
    border-bottom: 1px solid #f9f9f9; } }

/* web design change for desktop footer*/
@media (min-width: 544px) {
  .ml-sm-3, mx-sm-3 {
    margin-left: 0rem !important; } }

#textcolour {
  color: #9A5EA3; }

.errorMessage {
  display: none; }

.postalCode {
  text-align: left; }

div.unifaun-checkout-selected0 div div div div span.unifaun-checkout-option-delivery {
  color: black; }

.unifaun-checkout-option-delivery {
  color: #646464; }

a.unifaun-checkout-option-agent-info-onoff-link {
  color: black !important; }

.unifaun-checkout-option-agent-panel {
  width: 300px; }

.unifaun-checkout-option-agent-info {
  width: 300px;
  border-width: 0px !important; }

.unifaun-checkout-option0 .unifaun-checkout-option-sub-columns {
  position: relative;
  top: -10px; }

.unifaun-checkout-option-agent-info {
  background-color: #ffffff;
  position: relative;
  top: -2px;
  border-bottom: 2px solid #ffffff; }

a.nshiftIntergration {
  width: 110px !important; }

/************************************* typography design 2.0   ****************************************/
.typography-h1, .typography h1 {
  color: var(--sa-text-primary);
  /* typography/heading-1 */
  font-family: var(--sa-typography-font-family-heading, "Roboto Condensed");
  font-size: var(--typography-font-size-3xl, 2.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--typography-line-height-heading-2xl, 2.75rem);
  /* 110% */ }

.typography-h2, .typography h2 {
  color: var(--sa-text-primary);
  /* typography/heading-2 */
  font-family: var(--sa-typography-font-family-heading, "Roboto Condensed");
  font-size: var(--sa-typography-font-size-2xl, 2rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--sa-typography-line-height-heading-xl, 2.1875rem);
  /* 109.375% */
  letter-spacing: var(--sa-typography-letter-spacing-sm, 0.01563rem); }

.typography-h3, .typography h3 {
  color: var(--sa-text-primary);
  /* typography/heading-3 */
  font-family: var(--sa-typography-font-family-heading, "Roboto Condensed");
  font-size: var(--sa-typography-font-size-xl, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--sa-typography-line-height-heading-lg, 1.625rem);
  /* 108.333% */ }

.typography-h4, .typography h4 {
  color: var(--sa-text-primary);
  /* typography/heading-4 */
  font-family: var(--sa-typography-font-family-heading, "Roboto Condensed");
  font-size: var(--sa-typography-font-size-lg, 1.25rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--sa-typography-line-height-heading-md, 1.375rem);
  /* 110% */
  letter-spacing: var(--sa-typography-letter-spacing-xs, 0.00938rem); }

.typography-p1, .typography-p1 li, .typography .typography-p1 {
  color: var(--sa-text-secondary);
  /* typography/paragraph-1 */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex") !important;
  font-size: var(--sa-typography-font-size-md, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--sa-typography-line-height-paragraph-xl, 1.6875rem);
  /* 150% */
  letter-spacing: var(--sa-typography-letter-spacing-sm, 0.01563rem); }

.typography-p2, .typography .typography-p2 {
  color: var(--sa-text-secondary);
  /* typography/paragraph-2 */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex");
  font-size: var(--sa-typography-font-size-sm, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--sa-typography-line-height-paragraph-lg, 1.5rem);
  /* 150% */
  letter-spacing: var(--sa-typography-letter-spacing-sm, 0.01563rem); }

.typography-p3, .typography .typography-p3 {
  color: var(--sa-text-secondary);
  /* typography/paragraph-3 */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex");
  font-size: var(--sa-typography-font-size-xs, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--sa-typography-line-height-paragraph-md, 1.3125rem);
  /* 150% */
  letter-spacing: var(--sa-typography-letter-spacing-sm, 0.01563rem); }

.typoraphy-sub1, .typography .typoraphy-sub1 {
  color: var(--sa-text-primary);
  /* typography/subtitle-1 */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex");
  font-size: var(--sa-typography-font-size-md, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--sa-typography-line-height-heading-sm, 1.25rem);
  /* 111.111% */
  letter-spacing: var(--sa-typography-letter-spacing-xs, 0.00938rem); }

.typoraphy-sub2, .typography .typoraphy-sub2 {
  color: var(--sa-text-primary);
  /* typography/subtitle-2 */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex");
  font-size: var(--sa-typography-font-size-sm, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--sa-typography-line-height-heading-xs, 1.125rem);
  /* 112.5% */
  letter-spacing: var(--sa-typography-letter-spacing-xs, 0.00938rem); }

.typoraphy-sub3, .typography .typoraphy-sub3 {
  color: var(--sa-text-primary);
  /* typography/subtitle-3 */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex");
  font-size: var(--sa-typography-font-size-xs, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--sa-typography-line-height-heading-2xs, 0.9375rem);
  /* 107.143% */
  letter-spacing: var(--sa-typography-letter-spacing-xs, 0.00938rem); }

.typography-caption, .typography .typography-caption {
  color: var(--sa-text-secondary);
  /* typography/caption */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex");
  font-size: var(--sa-typography-font-size-xs, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--sa-typography-line-height-paragraph-md, 1.3125rem);
  /* 150% */
  letter-spacing: var(--sa-typography-letter-spacing-md, 0.025rem); }

.typography-helptxt, .typography .typography-helptxt {
  color: var(--sa-text-primary);
  /* typography/helpertext */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex");
  font-size: var(--sa-typography-font-size-2xs, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--sa-typography-line-height-paragraph-sm, 1.125rem);
  /* 150% */
  letter-spacing: var(--sa-typography-letter-spacing-md, 0.025rem); }

.typography-btn-large {
  color: var(--sa-button-primary);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  /* button/large */
  font-family: var(--sa-typography-font-family-paragraph, "Roboto Flex");
  font-size: var(--sa-typography-font-size-md, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--sa-typography-line-height-heading-sm, 20px);
  /* 111.111% */
  letter-spacing: var(--sa-typography-letter-spacing-md, 0.4px); }

/**********************************************Buttons ***************************/
.btnPrimary-iconOnly-Large {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: var(--sa-spacing-md, 1rem);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: var(--radius-3xl, 5rem);
  background: var(--button-primary, #9A5EA3);
  border: 0px; }

.btnPrimary-iconOnly-Large-disabled {
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-md, 1rem);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: var(--radius-3xl, 5rem);
  background: var(--action-disabled-background, rgba(3, 7, 18, 0.12));
  border: 0px; }

.btn-with-icon-large {
  display: -ms-flexbox;
  display: flex;
  padding: var(--sa-spacing-md, 1rem) var(--sa-spacing-xl, 1.5rem);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: var(--sa-spacing-xs, 0.5rem); }

@media (min-width: 1100px) and (max-height: 950px) {
  .dropdown-container1 {
    width: 776px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px; }
  .secondlevelcategory {
    display: inline-table;
    margin-top: 10px; }
  .listthirdCategory:first-child {
    margin-top: 5px; }
  .listthirdCategory {
    width: 255px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .mainCategoryLink {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: inherit; } }

@media (min-width: 1100px) and (max-width: 1400px) {
  .no-results-search-field {
    height: 47px !important;
    width: 100%;
    max-width: 620px !important;
    border-radius: 30px;
    border: 2px solid #9A5EA3 !important;
    padding-left: 35px !important;
    margin-left: -20px; } }