:root { --components--sections--backgrounds--bg-color-default: var(--globals--color--surfaces--01); --core--font-family--primary-font: Manrope, Arial, sans-serif; --components--titles-paragraphs--text-paragraphs: var(--globals--color--texts--03); --core--font-size--base-font: 16px; --core--line-height--large: 1.6em; --core--font-size--base-font-mb: 16px; --core--font-family--headlines: var(--core--font-family--primary-font); --components--titles-paragraphs--text-titles: var(--globals--color--texts--04); --core--font-size--headings--h1: var(--core--font-size--displays--display-8); --core--line-height--regular: 1.3em; --core--font-size--headings-tablet--h1: var(--core--font-size--displays-tablet--display-8); --core--font-size--headings-mbl--h1: var(--core--font-size--displays-mbl--display-8); --core--font-size--headings-mbp--h1: var(--core--font-size--displays-mbp--display-8); --core--font-size--headings--h2: var(--core--font-size--displays--display-7); --core--font-size--headings-tablet--h2: var(--core--font-size--displays-tablet--display-7); --core--font-size--headings-mbl--h2: var(--core--font-size--displays-mbl--display-7); --core--font-size--headings-mbp--h2: var(--core--font-size--displays-mbp--display-7); --core--font-size--headings--h3: var(--core--font-size--displays--display-6); --core--font-size--headings-tablet--h3: var(--core--font-size--displays-tablet--display-6); --core--font-size--headings-mbl--h3: var(--core--font-size--displays-mbl--display-6); --core--font-size--headings-mbp--h3: var(--core--font-size--displays-mbp--display-6); --core--font-size--headings--h4: var(--core--font-size--displays--display-5); --core--font-size--headings-tablet--h4: var(--core--font-size--displays-tablet--display-5); --core--font-size--headings-mbl--h4: var(--core--font-size--displays-mbl--display-5); --core--font-size--headings-mbp--h4: var(--core--font-size--displays-mbp--display-5); --core--font-size--headings--h5: var(--core--font-size--displays--display-4); --core--font-size--headings-tablet--h5: var(--core--font-size--displays-tablet--display-4); --core--font-size--headings-mbl--h5: var(--core--font-size--displays-mbl--display-4); --core--font-size--headings-mbp--h5: var(--core--font-size--displays-mbp--display-4); --core--font-size--headings--h6: var(--core--font-size--displays--display-3); --core--font-size--headings-tablet--h6: var(--core--font-size--displays-tablet--display-3); --core--font-size--headings-mbl--h6: var(--core--font-size--displays-mbl--display-3); --core--font-size--headings-mbp--h6: var(--core--font-size--displays-mbp--display-3); --components--links--text-color--text-dark: var(--globals--color--texts--04); --components--links--text-color--text-accent: var(--globals--color--texts--accent); --globals--margins--mg-extra-small: var(--core--sizes--size-2); --neutral--800: #19213d; --core--colors--primary--200: #fff6e5; --core--colors--secondary--200: #f7805a; --core--font-size--displays--display-7: 36px; --components--cards--paddings--pd-medium: var(--globals--paddings--pd-large); --globals--paddings--pd-large: var(--core--sizes--size-6); --globals--gaps--gap-none: 0px; --components--cards--background-color--bg-color-default: var(--globals--color--surfaces--01); --core--box-shadow--bs-neutral-small: #0003261a; --globals--paddings--pd-extra-large: var(--core--sizes--size-8); --core--colors--neutral--200: whitesmoke; --components--divider--border-width--bw-regular: var(--globals--border-width--bw-default); --components--divider--border-color--border-default: var(--globals--border-color--border-2); --globals--margins--mg-large: var(--core--sizes--size-7); --globals--margins--mg-medium: var(--core--sizes--size-6); --globals--margins--mg-default: var(--core--sizes--size-5); --globals--margins--mg-small: var(--core--sizes--size-4); --core--sizes--size-8: 48px; --core--sizes--size-7: 40px; --core--sizes--size-5: 24px; --core--sizes--size-4: 16px; --components--divider--border-color--border-secondary: var(--globals--border-color--border-4); --components--divider--border-width--bw-medium: var(--globals--border-width--bw-large); --components--checkboxes-radio-toogles--border-width--bw-medium: var(--globals--border-width--bw-large); --globals--gaps--gap-medium: var(--core--sizes--size-4); --globals--gaps--gap-large: var(--core--sizes--size-5); --globals--paddings--pd-medium: var(--core--sizes--size-5); --globals--gaps--gap-small: var(--core--sizes--size-2); --globals--border-width--bw-large: var(--core--border-width--bw-size-3); --core--font-size--displays--display-10: 80px; --core--line-height--small: 1.115em; --gesture: "Gesturaheadlinetrial Bf 64 B 755043 Bff 0", Arial, sans-serif; --core--font-size--displays-tablet--display-10: 64px; --core--font-size--displays-mbl--display-10: 44px; --core--font-size--displays-mbp--display-10: 38px; --gestura-bold: "Gesturaheadlinetrial Bf 64 B 7550428366", Arial, sans-serif; --core--font-size--displays-tablet--display-9: 56px; --core--font-size--displays-mbl--display-9: 36px; --core--font-size--displays-mbp--display-9: 34px; --core--font-size--displays--display-8: 48px; --core--font-size--displays-tablet--display-8: 40px; --core--font-size--displays-mbl--display-8: 34px; --core--font-size--displays-mbp--display-8: 32px; --core--font-size--displays-tablet--display-7: 30px; --core--font-size--displays-mbl--display-7: 28px; --core--font-size--displays-mbp--display-7: var(--core--font-size--displays-mbl--display-7); --core--font-size--displays--display-4: 20px; --core--border-radius--br-size-4: 16px; --core--font-size--displays--display-2: var(--core--font-size--base-font); --core--font-size--displays--display-6: 30px; --core--font-size--displays-tablet--display-6: 28px; --core--font-size--displays-mbl--display-6: 24px; --core--font-size--displays-mbp--display-6: var(--core--font-size--displays-mbl--display-6); --core--font-size--displays--display-5: 24px; --core--font-size--displays-tablet--display-5: var(--core--font-size--displays--display-5); --core--font-size--displays-mbl--display-5: 22px; --core--font-size--displays-mbp--display-5: var(--core--font-size--displays-mbl--display-5); --core--font-size--displays-mbp--display-4: var(--core--font-size--displays-mbl--display-4); --primary: #741f34; --core--font-size--displays--display-1: 14px; --core--colors--primary--100: #00489d; --core--colors--neutral--800: #000326; --components--titles-paragraphs--text-light: var(--globals--color--texts--01); --core--font-size--displays-tablet--display-4: var(--core--font-size--displays--display-4); --core--font-size--displays-mbl--display-4: var(--core--font-size--displays-tablet--display-4); --components--badge--text-color--text-light: var(--globals--color--texts--01); --core--font-size--displays--display-3: 18px; --core--colors--neutral--600: #828295; --globals--color--texts--accent: var(--globals--accent-color); --core--font-size--displays-tablet--display-3: var(--core--font-size--displays--display-3); --core--font-size--displays-mbl--display-3: var(--core--font-size--displays-tablet--display-3); --core--font-size--displays-mbp--display-3: var(--core--font-size--displays-mbl--display-3); --core--font-size--displays-tablet--display-2: var(--core--font-size--displays--display-2); --core--font-size--displays-mbl--display-2: var(--core--font-size--base-font-mb); --core--font-size--displays-mbp--display-2: var(--core--font-size--displays-mbl--display-2); --transparent: transparent; --core--font-size--displays-tablet--display-1: var(--core--font-size--displays--display-1); --core--font-size--displays-mbl--display-1: var(--core--font-size--displays-tablet--display-1); --core--font-size--displays-mbp--display-1: var(--core--font-size--displays-mbl--display-1); --globals--margins--mg-tiny: var(--core--sizes--size-0); --globals--grid-gap--default: 30px; --globals--grid-gap--small: var(--core--sizes--size-4); --globals--paddings--pd-small: var(--core--sizes--size-3); --globals--gaps--gap-default: var(--core--sizes--size-3); --globals--border-width--bw-default: var(--core--border-width--bw-size-2); --components--cards--border-color--br-color-default: var(--globals--border-color--border-2); --components--cards--border-radius--br-regular: var(--globals--border-radius--br-default); --components--cards--border-color--br-color-secondary: var(--globals--border-color--border-3); --components--cards--border-radius--br-small: var(--globals--border-radius--br-small); --components--badges--paddings--pd-regular: var(--globals--paddings--pd-extra-small); --components--badges--gaps--pd-regular: var(--globals--gaps--gap-small); --components--badges--border-radius--br-regular: var(--globals--border-radius--br-small); --components--badge-primary--background-color--bg-light: var(--globals--color--surfaces--accent); --components--badge-neutral--background-color--bg-light: var(--globals--color--surfaces--07); --components--badge-secondary--border-color--bg-light: var(--globals--border-color--border-2); --components--badge-secondary--background-color--bg-light: var(--globals--color--surfaces--01); --components--badge--text-color--text-dark: var(--globals--color--texts--04); --components--badge-tertiary--border-color--bg-light: var(--globals--color--surfaces--02); --components--badge-tertiary--background-color--bg-light: var(--globals--color--surfaces--02); --components--badges--paddings--pd-small: var(--globals--paddings--pd-tiny); --components--badges--gaps--pd-small: var(--globals--gaps--gap-tiny); --components--badges--border-radius--br-small: var(--core--border-radius--br-size-1); --core--colors--neutral--400: #d4d4e0; --neutral--100: white; --core--colors--primary--300: #f5f0ff; --core--colors--primary--400: #e0f4ff; --core--colors--secondary--300: #a276ff; --core--colors--secondary--400: #64c7ff; --core--colors--neutral--700: #4b4b5d; --core--colors--neutral--500: #b1b1c4; --core--colors--neutral--300: #e0e0e7; --core--colors--neutral--100: white; --core--colors--overlays--dark-400: #19213dcc; --core--colors--overlays--dark-300: #19213da6; --core--colors--overlays--dark-200: #19213d80; --core--colors--overlays--dark-100: #19213d66; --core--colors--overlays--light-400: #fffc; --core--colors--overlays--light-300: #ffffffa6; --core--colors--overlays--light-200: #ffffff80; --core--colors--overlays--light-100: #fff6; --globals--grid-gap--large: var(--core--sizes--size-8); --globals--grid-gap--medium: var(--core--sizes--size-6); --globals--margins--mg-extra-large: var(--core--sizes--size-9); --components--sections--paddings--pd-large: var(--core--sizes--size-10); --components--sections--paddings--pd-medium: var(--core--sizes--size-9); --components--sections--paddings--pd-default: var(--globals--paddings--pd-extra-large); --components--cards--border-width--bw-regular: var(--globals--border-width--bw-default); --core--box-shadow--bs-neutral-regular: #00032614; --components--cards--paddings--pd-large: var(--globals--paddings--pd-extra-large); --components--cards--paddings--pd-default: var(--globals--paddings--pd-medium); --core--colors--system--blue-400: #64a7ff; --core--colors--primary--600: #edf9eb; --components--cards--paddings--pd-small: var(--globals--paddings--pd-default); --core--box-shadow--bs-neutral-medium: #0003261a; --globals--color--texts--03: var(--core--colors--neutral--700); --components--accordions--gaps--gap-medium: var(--globals--gaps--gap-medium); --components--accordions--gaps--gap-regular: var(--globals--gaps--gap-default); --components--accordions--gaps--gap-small: var(--globals--gaps--gap-small); --globals--accent-color: var(--core--colors--primary--100); --globals--paddings--pd-default: var(--core--sizes--size-4); --globals--gaps--gap-extra-small: var(--core--sizes--size-1); --core--box-shadow--bs-neutral-large: #0003261f; --core--box-shadow--bs-primary-small: #2e0db13b; --core--box-shadow--bs-primary-regular: #2e0db11a; --core--box-shadow--bs-primary-large: #2e0db11a; --core--box-shadow--bs-primary-medium: #2e0db11a; --core--box-shadow--bs-secondary-small: #9b202f1a; --core--box-shadow--bs-secondary-regular: #9b202f1a; --core--box-shadow--bs-secondary-medium: #9b202f1a; --core--box-shadow--bs-secondary-large: #9b202f24; --globals--gaps--gap-extra-large: var(--core--sizes--size-7); --core--letter-spacing--none: 0px; --components--cards--border-color--br-color-tertiary: var(--globals--border-color--border-6); --components--cards--background-color--bg-color-tertiary: var(--globals--color--surfaces--07); --core--icon-family--line-rounded: "Icon Rounded", sans-serif; --components--buttons--paddings--pd-regular: var(--globals--paddings--pd-small); --components--buttons--paddings--pd-large: 40px; --components--buttons--gaps--gap-small: var(--globals--gaps--gap-extra-small); --components--buttons--border-width--bw-default: var(--globals--border-width--bw-default); --dark-green: #144128; --core--border-radius--br-pill: 100px; --components--buttons--paddings--pd-small: var(--globals--paddings--pd-extra-small); --components--buttons--paddings--pd-medium: var(--globals--paddings--pd-default); --components--buttons-primary--border-color--b-dark-mode: var(--globals--border-color--border-1); --components--buttons-primary--backgrounds--bg-dark-mode: var(--globals--color--surfaces--01); --components--buttons-primary--text--text-dark-mode: var(--globals--color--texts--04); --components--buttons-secondary--border-color--b-light-mode: var(--globals--border-color--border-2); --components--buttons-secondary--backgrounds--bg-light-mode: var(--globals--color--surfaces--02); --components--buttons-secondary--text--text-light-mode: var(--globals--color--texts--04); --components--buttons-secondary--border-color--b-dark-mode: var(--globals--border-color--border-1); --components--buttons-secondary--text--text-dark-mode: var(--globals--color--texts--01); --components--buttons-tertiary--text--text-light-mode: var(--globals--color--texts--04); --components--buttons-tertiary--border-color--b-dark-mode: var(--globals--color--surfaces--06); --components--buttons-tertiary--backgrounds--bg-dark-mode: var(--globals--color--surfaces--06); --components--buttons-tertiary--text--text-dark-mode: var(--globals--color--texts--01); --components--buttons-primary--border-color--b-light-mode: var(--globals--border-color--border-accent); --core--border-radius--br-size-7: 48px; --components--buttons-primary--backgrounds--bg-light-mode: var(--globals--color--surfaces--accent); --neutral-shadow--02\: #19213d14; --components--buttons-primary--text--text-light-mode: var(--globals--color--texts--01); --components--badge-primary--border-color--b-dark: var(--globals--border-color--border-1); --components--badge-primary--background-color--bg-dark: var(--globals--border-color--border-1); --1\: #2388ff; --components--links--text-color--text-light: var(--globals--color--texts--01); --globals--color--texts--04: var(--core--colors--neutral--800); --globals--color--texts--01: var(--core--colors--neutral--100); --components--icons--border-radius--br-regular: var(--globals--border-radius--br-default); --globals--color--surfaces--accent: var(--globals--accent-color); --neutral--400\: #e1e4ed; --components--avatars--border-radius--br-regular: var(--globals--border-radius--br-default); --2: #ff2d46; --components--input-text--paddings--pd-regular: var(--globals--paddings--pd-small); --components--input-text--paddings--pd-medium: var(--globals--paddings--pd-default); --components--input-text--border-color--br-default: var(--globals--border-color--border-2); --components--input-text--background-color--bg-default: var(--globals--color--surfaces--01); --components--input-text--text-color--text-tertiary: var(--globals--color--texts--04); --components--input-text--border-color--br-secondary: var(--globals--border-color--border-4); --components--input-text--border-color--br-tertiary: var(--globals--border-color--border-accent); --components--input-text--text-color--text-default: var(--components--titles-paragraphs--text-neutral-light); --components--input-text--paddings--pd-small: var(--globals--paddings--pd-tiny); --core--font-size--paragraphs--small: 14px; --components--inputs-select--border-width--bw-regular: var(--globals--border-width--bw-default); --components--titles-paragraphs--text-neutral-light: var(--globals--color--texts--02); --components--inputs-select--border-radius--br-regular: var(--globals--border-radius--br-default); --globals--border-radius--br-small: var(--core--border-radius--br-size-2); --globals--border-color--border-accent: var(--globals--accent-color); --components--checkboxes-radios-toogles--gaps--gap-regular: var(--globals--gaps--gap-extra-small); --globals--color--surfaces--07: var(--core--colors--neutral--800); --globals--color--surfaces--01: var(--core--colors--neutral--100); --globals--border-color--border-5: var(--core--colors--neutral--600); --components--cards--background-color--bg-color-secondary: var(--globals--color--surfaces--02); --globals--border-color--border-6: var(--core--colors--neutral--800); --secondary: #272727; --core--font-size--paragraphs--default: var(--core--font-size--base-font); --core--sizes--size-3: 12px; --core--font-size--paragraphs--large: 18px; --components--badge--text-color--text-accent: var(--globals--color--texts--accent); --components--badge-neutral--background-color--bg-dark: var(--globals--color--surfaces--06); --components--badge-secondary--border-color--bg-dark: var(--globals--border-color--border-1); --components--badge-tertiary--border-color--bg-dark: var(--globals--border-color--border-5); --components--badge-tertiary--background-color--bg-dark: var(--globals--color--surfaces--06); --core--border-width--bw-size-4: 2px; --core--border-radius--br-size-5: 24px; --core--font-size--displays--display-9: 60px; --components--dropdowns--paddings--pd-regular: var(--globals--paddings--pd-extra-small); --core--letter-spacing--regular: 0.08em; --globals--utilities--utility-2: var(--core--colors--neutral--200); --globals--paddings--pd-extra-small: var(--core--sizes--size-2); --components--dropdowns--gaps--gap-regular: var(--globals--gaps--gap-small); --components--input-text--gaps--gap-regular: var(--globals--gaps--gap-extra-small); --core--border-width--bw-size-2: 1px; --core--border-radius--br-size-2: 4px; --globals--utilities--utility-accent: var(--globals--accent-color); --globals--utilities--utility-6: var(--core--colors--neutral--800); --globals--utilities--utility-1: var(--core--colors--neutral--100); --components--titles-paragraphs--text-accent: var(--globals--color--texts--accent); --globals--paddings--pd-tiny: var(--core--sizes--size-1); --core--border-radius--br-size-3: 8px; --core--sizing--container-default--default: 1398px; --core--container-default--padding--default: var(--core--sizes--size-5); --core--container-default--padding--mb: var(--core--sizes--size-4); --components--accordions--border-radius--br-none: var(--core--border-radius--br-none); --core--sizes--size-6: 32px; --components--sections--paddings--pd-extra-large: var(--core--sizes--size-11); --components--sections--backgrounds--bg-color-tertiary: var(--globals--color--surfaces--07); --components--popups--paddings--pd-large: var(--globals--paddings--pd-extra-large); --components--sections--paddings--pd-small: var(--globals--paddings--pd-medium); --core--sizes--size-10: 80px; --core--sizes--size-9: 64px; --components--sections--paddings--pd-extra-small: var(--globals--paddings--pd-default); --core--sizes--size-11: 120px; --components--footers--paddings--pd-extra-large: var(--core--sizes--size-10); --components--footers--paddings--pd-medium: var(--globals--paddings--pd-extra-large); --components--footers--paddings--pd-large: var(--core--sizes--size-9); --core--colors--system--red-400: #fe566b; --components--divider--border-color--border-tertiary: var(--globals--border-color--border-5); --components--links--gaps--gap-small: var(--globals--gaps--gap-tiny); --neutral-shadow--03\: #19213d24; --neutral--300\: #f1f3f7; --globals--color--surfaces--03: var(--core--colors--neutral--300); --components--images--border-radius--br-small: var(--globals--border-radius--br-small); --core--sizes--size-2: 8px; --components--icons--border-radius--br-small: var(--globals--border-radius--br-small); --core--colors--secondary--100: #63c06c; --core--colors--secondary--500: #ff72d3; --core--icon-family--base-font: var(--core--icon-family--line-rounded); --components--sections--backgrounds--bg-color-secondary: var(--globals--color--surfaces--02); --core--icon-family--filled-icons: "Filled Icons", sans-serif; --components--cards--paddings--pd-extra-small: var(--globals--paddings--pd-extra-small); --globals--border-color--border-4: var(--core--colors--neutral--500); --components--sections--backgrounds--bg-color-accent: var(--globals--color--surfaces--accent); --core--sizes--size-0: 4px; --core--colors--primary--500: #ffeffa; --skin: #ffe8b5; --components--accordions--paddings--pd-regular: var(--globals--paddings--pd-default); --globals--utilities--utility-3: var(--core--colors--neutral--300); --light-blue: #d0e9ff; --components--badge-primary--border-color--b-light: var(--globals--border-color--border-accent); --light-green: #82c4a3; --core--colors--system--yellow-100: #fffae9; --light-yellow: #ffd166; --components--accordions--border-radius--br-small: var(--globals--border-radius--br-small); --components--accordions--border-radius--br-regular: var(--globals--border-radius--br-default); --components--accordions--border-radius--br-medium: var(--globals--border-radius--br-medium); --components--accordions--border-width--bw-small: var(--globals--border-width--bw-small); --components--accordions--border-width--bw-regular: var(--globals--border-width--bw-default); --components--accordions--border-width--bw-medium: var(--globals--border-width--bw-large); --components--accordions--paddings--pd-small: var(--globals--paddings--pd-extra-small); --components--accordions--paddings--pd-medium: var(--globals--paddings--pd-medium); --components--avatars--border-radius--br-small: var(--globals--border-radius--br-small); --components--avatars--border-radius--br-medium: var(--globals--border-radius--br-medium); --components--badge-neutral--border-color--bg-light: var(--globals--color--surfaces--07); --components--badge-neutral--border-color--bg-dark: var(--globals--color--surfaces--06); --components--badge-secondary--background-color--bg-dark: var(--globals--color--surfaces--07); --components--badges--border-radius--br-none: var(--core--border-radius--br-none); --components--badges--border-radius--br-pill: var(--core--border-radius--br-pill); --components--badges--border-width--bw-small: var(--globals--border-width--bw-small); --components--badges--border-width--bw-regular: var(--globals--border-width--bw-default); --components--badges--border-width--bw-medium: var(--globals--border-width--bw-large); --components--badges--paddings--pd-medium: var(--globals--paddings--pd-small); --components--breadcrumbs--border-radius--br-none: var(--core--border-radius--br-none); --components--breadcrumbs--border-radius--br-regular: var(--globals--border-radius--br-small); --components--breadcrumbs--gaps--gap-small: var(--globals--gaps--gap-small); --components--breadcrumbs--gaps--gap-regular: var(--globals--gaps--gap-default); --components--breadcrumbs--gaps--gap-medium: var(--globals--gaps--gap-medium); --components--buttons-secondary--backgrounds--bg-dark-mode: var(--globals--color--surfaces--01); --components--buttons-tertiary--backgrounds--bg-light-mode: var(--globals--color--surfaces--08); --components--buttons-tertiary--border-color--b-light-mode: var(--globals--color--surfaces--08); --components--buttons--border-radius--br-none: var(--core--border-radius--br-none); --components--buttons--border-radius--br-regular: var(--globals--border-radius--br-small); --components--buttons--border-radius--br-medium: var(--globals--border-radius--br-medium); --components--buttons--border-radius--br-pill: var(--core--border-radius--br-pill); --components--buttons--border-width--bw-small: var(--globals--border-width--bw-small); --components--buttons--border-width--bw-medium: var(--globals--border-width--bw-large); --components--buttons--gaps--gap-regular: var(--globals--gaps--gap-small); --components--buttons--gaps--gap-medium: var(--globals--gaps--gap-default); --components--cards--border-radius--br-none: var(--core--border-radius--br-none); --components--cards--border-radius--br-medium: var(--globals--border-radius--br-medium); --components--cards--border-radius--br-large: var(--globals--border-radius--br-large); --components--cards--border-width--bw-small: var(--globals--border-width--bw-small); --components--cards--border-width--bw-medium: var(--globals--border-width--bw-large); --components--cards--paddings--pd-extra-large: var(--core--sizes--size-9); --components--checkboxes-radio-toogles--border-radius--br-none: var(--core--border-radius--br-none); --components--checkboxes-radio-toogles--border-radius--br-regular: var(--globals--border-radius--br-small); --components--checkboxes-radio-toogles--border-radius--br-pill: var(--core--border-radius--br-pill); --components--checkboxes-radio-toogles--border-width--bw-small: var(--globals--border-width--bw-small); --components--checkboxes-radio-toogles--border-width--bw-regular: var(--globals--border-width--bw-default); --components--checkboxes-radios-toogles--gaps--gap-small: var(--globals--gaps--gap-tiny); --components--checkboxes-radios-toogles--gaps--gap-medium: var(--globals--gaps--gap-small); --components--divider--border-width--bw-small: var(--globals--border-width--bw-small); --components--dropdowns--border-radius--br-none: var(--core--border-radius--br-none); --components--dropdowns--border-radius--br-small: var(--globals--border-radius--br-small); --components--dropdowns--border-radius--br-default: var(--globals--border-radius--br-default); --components--dropdowns--border-radius--br-medium: var(--globals--border-radius--br-medium); --components--dropdowns--gaps--gap-small: var(--globals--gaps--gap-extra-small); --components--dropdowns--gaps--gap-medium: var(--globals--gaps--gap-medium); --components--dropdowns--gaps--gap-large: var(--globals--gaps--gap-large); --components--dropdowns--gaps--gap-extra-large: var(--globals--gaps--gap-extra-large); --components--dropdowns--paddings--pd-small: var(--globals--paddings--pd-tiny); --components--dropdowns--paddings--pd-medium: var(--globals--paddings--pd-default); --components--dropdowns--paddings--pd-large: var(--globals--paddings--pd-large); --components--footers--paddings--pd-small: var(--globals--paddings--pd-medium); --components--footers--paddings--pd-regular: var(--globals--paddings--pd-large); --components--icons--border-radius--br-none: var(--core--border-radius--br-none); --components--icons--border-radius--br-medium: var(--globals--border-radius--br-medium); --components--images--border-radius--br-none: var(--core--border-radius--br-none); --components--images--border-radius--br-default: var(--globals--border-radius--br-default); --components--input-text--background-color--bg-secondary: var(--globals--color--surfaces--02); --components--input-text--background-color--bg-tertiary: var(--globals--color--surfaces--accent); --components--input-text--gaps--gap-small: var(--globals--gaps--gap-tiny); --components--input-text--gaps--gap-medium: var(--globals--gaps--gap-small); --components--input-text--text-color--text-secondary: var(--globals--color--texts--03); --components--inputs-select--border-radius--br-none: var(--core--border-radius--br-none); --components--inputs-select--border-radius--br-small: var(--globals--border-radius--br-small); --components--inputs-select--border-radius--br-medium: var(--globals--border-radius--br-medium); --components--inputs-select--border-width--bw-small: var(--globals--border-width--bw-small); --components--inputs-select--border-width--bw-medium: var(--globals--border-width--bw-large); --components--links--gaps--gap-regular: var(--globals--gaps--gap-small); --components--links--gaps--gap-medium: var(--globals--gaps--gap-small); --components--lists--gaps--gap-small: var(--globals--gaps--gap-tiny); --components--lists--gaps--gap-medium: var(--globals--gaps--gap-small); --components--lists--gaps--gap-regular: var(--globals--gaps--gap-extra-small); --components--notifications--border-radius--br-none: var(--core--border-radius--br-none); --components--notifications--border-radius--br-small: var(--globals--border-radius--br-small); --components--notifications--border-radius--br-regular: var(--globals--border-radius--br-default); --components--notifications--border-width--bw-small: var(--globals--border-width--bw-small); --components--notifications--border-width--bw-regular: var(--globals--border-width--bw-default); --components--notifications--border-width--bw-medium: var(--globals--border-width--bw-large); --components--notifications--gaps--gap-small: var(--globals--gaps--gap-tiny); --components--notifications--gaps--gap-regular: var(--globals--gaps--gap-extra-small); --components--notifications--gaps--gap-medium: var(--globals--gaps--gap-small); --components--notifications--paddings--pd-small: var(--globals--paddings--pd-tiny); --components--notifications--paddings--pd-regular: var(--globals--paddings--pd-extra-small); --components--notifications--paddings--pd-medium: var(--globals--paddings--pd-small); --components--notifications--paddings--pd-large: var(--globals--paddings--pd-default); --components--pagination--gaps--gap-small: var(--globals--gaps--gap-small); --components--pagination--gaps--gap-regular: var(--globals--gaps--gap-default); --components--pagination--gaps--gap-medium: var(--globals--gaps--gap-large); --components--pagination--gaps--gap-large: var(--globals--gaps--gap-extra-large); --components--paginations--border-radius--br-none: var(--core--border-radius--br-none); --components--paginations--border-radius--br-small: var(--core--border-radius--br-size-1); --components--paginations--border-radius--br-pill: var(--core--border-radius--br-pill); --components--popups--border-radius--br-none: var(--core--border-radius--br-none); --components--popups--border-radius--br-small: var(--globals--border-radius--br-small); --components--popups--border-radius--br-regular: var(--globals--border-radius--br-default); --components--popups--border-radius--br-medium: var(--globals--border-radius--br-medium); --components--popups--border-radius--br-large: var(--globals--border-radius--br-large); --components--popups--gaps--gap-small: var(--globals--gaps--gap-medium); --components--popups--gaps--gap-regular: var(--globals--gaps--gap-large); --components--popups--gaps--gap-medium: var(--globals--gaps--gap-extra-large); --components--popups--gaps--gap-large: var(--globals--grid-gap--large); --components--popups--paddings--pd-small: var(--globals--paddings--pd-default); --components--popups--paddings--pd-regular: var(--globals--paddings--pd-medium); --components--popups--paddings--pd-medium: var(--core--sizes--size-7); --components--select--gaps--gap-small: var(--globals--gaps--gap-tiny); --components--select--gaps--gap-regular: var(--globals--gaps--gap-extra-small); --components--select--gaps--gap-medium: var(--globals--gaps--gap-small); --components--select--paddings--pd-small: var(--globals--paddings--pd-extra-small); --components--select--paddings--pd-regular: var(--globals--paddings--pd-small); --components--select--paddings--pd-medium: var(--globals--paddings--pd-default); --components--state-messages--gaps--gap-small: var(--globals--gaps--gap-small); --components--state-messages--gaps--gap-regular: var(--globals--gaps--gap-medium); --components--state-messages--gaps--gap-medium: var(--globals--gaps--gap-large); --components--tabs-tables--border-radius--br-none: var(--core--border-radius--br-none); --components--tabs-tables--border-radius--br-small: var(--globals--border-radius--br-small); --components--tabs-tables--border-radius--br-regular: var(--globals--border-radius--br-default); --components--tabs-tables--border-width--bw-extra-small: var(--globals--border-width--bw-default); --components--tabs-tables--border-width--bw-small: var(--core--border-width--bw-size-4); --components--tabs-tables--border-width--bw-regular: var(--core--sizes--size-1); --components--tabs-tables--gaps--gap-small: var(--globals--gaps--gap-tiny); --components--tabs-tables--gaps--gap-regular: var(--globals--gaps--gap-extra-small); --components--tabs-tables--gaps--gap-medium: var(--globals--gaps--gap-small); --components--tabs-tables--paddings--pd-small: var(--components--cards--paddings--pd-extra-small); --components--tabs-tables--paddings--pd-regular: var(--globals--paddings--pd-small); --components--tabs-tables--paddings--pd-medium: var(--globals--paddings--pd-default); --components--tabs-tables--paddings--pd-large: var(--globals--paddings--pd-medium); --components--text-areas--paddings--pd-small: var(--globals--paddings--pd-tiny); --components--text-areas--paddings--pd-regular: var(--globals--paddings--pd-small); --components--text-areas--paddings--pd-medium: var(--globals--paddings--pd-default); --components--tooltips--border-radius--br-none: var(--core--border-radius--br-none); --components--tooltips--border-radius--br-extra-small: var(--core--border-radius--br-size-1); --components--tooltips--border-radius--br-small: var(--globals--border-radius--br-small); --components--tooltips--border-radius--br-regular: var(--globals--border-radius--br-default); --components--tooltips--border-width--bw-small: var(--globals--border-width--bw-small); --components--tooltips--border-width--bw-regular: var(--globals--border-width--bw-default); --components--tooltips--border-width--bw-medium: var(--globals--border-width--bw-large); --components--tooltips--gaps--gap-small: var(--globals--gaps--gap-tiny); --components--tooltips--gaps--gap-regular: var(--globals--gaps--gap-extra-small); --components--tooltips--gaps--gap-medium: var(--core--sizes--size-3); --core--border-radius--br-none: 0px; --core--border-radius--br-size-1: 2px; --core--border-radius--br-size-6: 32px; --core--border-radius--br-size-8: 56px; --core--border-radius--br-size-9: 80px; --core--border-width--bw-size-1: 0.5px; --core--border-width--bw-size-3: 1.5px; --core--border-width--bw-size-5: 2.5px; --core--border-width--bw-size-6: 3px; --core--colors--system--red-100: #fff5f6; --core--colors--system--red-200: #fac6d0; --core--colors--system--red-300: #fb93a3; --core--colors--system--blue-100: #e3efff; --core--colors--system--blue-200: #c3ddff; --core--colors--system--blue-300: #8dc1ff; --core--colors--system--yellow-200: #faedbf; --core--colors--system--yellow-300: #fbe080; --core--colors--system--yellow-400: #efc42c; --core--colors--system--green-100: #eef9f5; --core--colors--system--green-200: #e2fbea; --core--colors--system--green-300: #adecbb; --core--colors--system--green-400: #74d184; --core--font-family--secondary-font: Montserrat, sans-serif; --core--icon-family--line-squared: "Icon Squared", sans-serif; --core--icon-family--social-media: "Social Media Icon Font BRIX", sans-serif; --core--letter-spacing--small: 0.04em; --core--letter-spacing--large: 0.1em; --core--sizes--size-1: 6px; --globals--accent-hover: var(--globals--accent-color); --globals--border-color--border-1: var(--core--colors--neutral--100); --globals--border-color--border-2: var(--core--colors--neutral--300); --globals--border-color--border-3: var(--core--colors--neutral--400); --globals--border-radius--br-default: var(--core--border-radius--br-size-3); --globals--border-radius--br-medium: var(--core--border-radius--br-size-4); --globals--border-radius--br-large: var(--core--border-radius--br-size-6); --globals--border-radius--br-extra-large: var(--core--border-radius--br-size-7); --globals--border-width--bw-small: var(--core--border-width--bw-size-1); --globals--color--surfaces--02: var(--core--colors--neutral--200); --globals--color--surfaces--04: var(--core--colors--neutral--500); --globals--color--surfaces--05: var(--core--colors--neutral--600); --globals--color--surfaces--06: var(--core--colors--neutral--700); --globals--color--surfaces--08: var(--core--colors--secondary--200); --globals--color--texts--02: var(--core--colors--neutral--600); --globals--gaps--gap-tiny: var(--core--sizes--size-0); --globals--utilities--utility-4: var(--core--colors--neutral--500); --globals--utilities--utility-5: var(--core--colors--neutral--600); --globals--utilities--utility-7: var(--core--colors--secondary--200); --neutral--500: #b4b9c9; --neutral--200: #f8faff; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-layout-hflex { flex-direction: row; align-items: flex-start; display: flex; } .w-commerce-commercelayoutcontainer { justify-content: center; align-items: flex-start; display: flex; } .w-commerce-commercecheckoutformcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercelayoutmain { flex: 0 800px; margin-right: 20px; } .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutblockcontent { background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 20px; } .w-commerce-commercecheckoutlabel { margin-bottom: 8px; } .w-commerce-commercecheckoutemailinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutemailinput::placeholder { color: #999; } .w-commerce-commercecheckoutemailinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingfullname { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutrow { margin-left: -8px; margin-right: -8px; display: flex; } .w-commerce-commercecheckoutcolumn { flex: 1; padding-left: 8px; padding-right: 8px; } .w-commerce-commercecheckoutshippingcity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcity::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingcountryselector { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingmethodslist { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .w-commerce-commercecheckoutshippingmethoditem { background-color: #fff; border-bottom: 1px solid #e6e6e6; flex-direction: row; align-items: baseline; margin-bottom: 0; padding: 16px; font-weight: 400; display: flex; } .w-commerce-commercecheckoutshippingmethoddescriptionblock { flex-direction: column; flex-grow: 1; margin-left: 12px; margin-right: 12px; display: flex; } .w-commerce-commerceboldtextblock { font-weight: 700; } .w-commerce-commercecheckoutshippingmethodsemptystate { text-align: center; background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 64px 16px; } .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutcardnumber { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardnumber::placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingaddresstogglewrapper { flex-direction: row; display: flex; } .w-commerce-commercecheckoutbillingaddresstogglecheckbox { margin-top: 4px; } .w-commerce-commercecheckoutbillingaddresstogglelabel { margin-left: 8px; font-weight: 400; } .w-commerce-commercecheckoutbillingaddresswrapper { margin-top: 16px; margin-bottom: 20px; } .w-commerce-commercecheckoutbillingfullname { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcity::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcountryselector { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutorderitemslist { margin-bottom: -20px; } .w-commerce-commercecheckoutorderitem { margin-bottom: 20px; display: flex; } .w-commerce-commercecartitemimage { width: 60px; height: 0%; } .w-commerce-commercecheckoutorderitemdescriptionwrapper { flex-grow: 1; margin-left: 16px; margin-right: 16px; } .w-commerce-commercecheckoutorderitemquantitywrapper { white-space: pre-wrap; display: flex; } .w-commerce-commercecheckoutorderitemoptionlist { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style-type: none; } .w-commerce-commercelayoutsidebar { flex: 0 0 320px; position: sticky; top: 20px; } .w-commerce-commercecheckoutordersummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem { flex-direction: row; justify-content: space-between; margin-bottom: 8px; display: flex; } .w-commerce-commercecheckoutsummarytotal { font-weight: 700; } .w-commerce-commercecheckoutdiscounts { background-color: #fff; border: 1px solid #e6e6e6; flex-wrap: wrap; padding: 20px; display: flex; } .w-commerce-commercecheckoutdiscountslabel { flex-basis: 100%; margin-bottom: 8px; } .w-commerce-commercecheckoutdiscountsinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; flex: 1; width: auto; min-width: 0; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutdiscountsinput::placeholder { color: #999; } .w-commerce-commercecheckoutdiscountsinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutdiscountsbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 3px; flex-grow: 0; flex-shrink: 0; align-items: center; height: 38px; margin-left: 8px; padding: 9px 15px; text-decoration: none; display: flex; } .w-commerce-commercecheckoutplaceorderbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; text-align: center; background-color: #3898ec; border-width: 0; border-radius: 3px; align-items: center; margin-bottom: 20px; padding: 9px 15px; text-decoration: none; display: block; } .w-commerce-commercecartapplepaybutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #000; border-width: 0; border-radius: 2px; align-items: center; height: 38px; min-height: 30px; margin-bottom: 8px; padding: 0; text-decoration: none; display: flex; } .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px; } .w-commerce-commercecartquickcheckoutbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #000; border-width: 0; border-radius: 2px; justify-content: center; align-items: center; height: 38px; margin-bottom: 8px; padding: 0 15px; text-decoration: none; display: flex; } .w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon { margin-right: 8px; display: block; } .w-commerce-commercecheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-commerce-commerceaddtocartform { margin: 0 0 15px; } .w-commerce-commerceaddtocartoptionpillgroup { margin-bottom: 10px; display: flex; } .w-commerce-commerceaddtocartoptionpill { color: #000; cursor: pointer; background-color: #fff; border: 1px solid #000; margin-right: 10px; padding: 8px 15px; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected { color: #fff; background-color: #000; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commerceaddtocartquantityinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 60px; height: 38px; margin-bottom: 10px; padding: 8px 6px 8px 12px; line-height: 20px; display: block; } .w-commerce-commerceaddtocartquantityinput::placeholder { color: #999; } .w-commerce-commerceaddtocartquantityinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commerceaddtocartbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; padding: 9px 15px; text-decoration: none; display: flex; } .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commercebuynowbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; margin-top: 10px; padding: 9px 15px; text-decoration: none; display: inline-block; } .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commerceaddtocartoutofstock { background-color: #ddd; margin-top: 10px; padding: 10px; } .w-commerce-commerceaddtocarterror { background-color: #ffdede; margin-top: 10px; padding: 10px; } .w-commerce-commerceorderconfirmationcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercecheckoutcustomerinfosummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel { margin-bottom: 8px; } .w-commerce-commercecheckoutsummaryflexboxdiv { flex-direction: row; justify-content: flex-start; display: flex; } .w-commerce-commercecheckoutsummarytextspacingondiv { margin-right: 0.33em; } .w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px; } .w-commerce-commercepaypalcheckoutformcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercepaypalcheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-layout-vflex { flex-direction: column; align-items: flex-start; display: flex; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } .w-commerce-commercelayoutcontainer { flex-direction: column; align-items: stretch; } .w-commerce-commercelayoutmain { flex-basis: auto; margin-right: 0; } .w-commerce-commercelayoutsidebar { flex-basis: auto; } } @media screen and (max-width: 479px) { .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutrow { flex-direction: column; } .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput, .w-commerce-commerceaddtocartquantityinput { font-size: 16px; } } body { background-color: var(--components--sections--backgrounds--bg-color-default); font-family: var(--core--font-family--primary-font); color: var(--components--titles-paragraphs--text-paragraphs); font-size: var(--core--font-size--base-font); line-height: var(--core--line-height--large); font-weight: 500; } h1 { font-family: var(--core--font-family--headlines); color: var(--components--titles-paragraphs--text-titles); font-size: var(--core--font-size--headings--h1); line-height: var(--core--line-height--regular); margin-top: 0; margin-bottom: 0; font-weight: 700; } h2 { font-family: var(--core--font-family--headlines); color: var(--components--titles-paragraphs--text-titles); font-size: var(--core--font-size--headings--h2); line-height: var(--core--line-height--regular); margin-top: 0; margin-bottom: 0; font-weight: 700; } h3 { font-family: var(--core--font-family--headlines); color: var(--components--titles-paragraphs--text-titles); font-size: var(--core--font-size--headings--h3); line-height: var(--core--line-height--regular); margin-top: 0; margin-bottom: 0; font-weight: 700; } h4 { font-family: var(--core--font-family--headlines); color: var(--components--titles-paragraphs--text-titles); font-size: var(--core--font-size--headings--h4); line-height: var(--core--line-height--regular); margin-top: 0; margin-bottom: 0; font-weight: 700; } h5 { font-family: var(--core--font-family--headlines); color: var(--components--titles-paragraphs--text-titles); font-size: var(--core--font-size--headings--h5); line-height: var(--core--line-height--regular); margin-top: 0; margin-bottom: 0; font-weight: 700; } h6 { font-family: var(--core--font-family--headlines); color: var(--components--titles-paragraphs--text-titles); font-size: var(--core--font-size--headings--h6); line-height: var(--core--line-height--regular); margin-top: 0; margin-bottom: 0; font-weight: 700; } p { margin-bottom: 0; } a { color: var(--components--links--text-color--text-dark); text-decoration: underline; transition: color 0.3s; } a:hover { color: var(--components--links--text-color--text-accent); } ul { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } img { max-width: 100%; display: inline-block; } label { margin-bottom: var(--globals--margins--mg-extra-small); color: var(--neutral--800); font-weight: 600; line-height: 20px; display: block; } strong { color: var(--neutral--800); font-weight: 600; } blockquote { background-color: var(--core--colors--primary--200); color: var(--core--colors--secondary--200); font-size: var(--core--font-size--displays--display-7); line-height: var(--core--line-height--regular); text-align: center; border: 0 solid #000; padding: 54px 76px; font-weight: 700; } figure { margin-bottom: 10px; } figcaption { text-align: center; margin-top: 5px; } .page-wrapper.height-100 { height: 100%; } .page-wrapper.full-height-page { flex-direction: column; justify-content: space-between; min-height: 100vh; display: flex; } .utp---sidebar-layout-wrapper { grid-column-gap: var(--globals--gaps--gap-none); grid-row-gap: var(--globals--gaps--gap-none); grid-template-rows: minmax(100vh, 1fr); grid-template-columns: minmax(200px, 280px) 1fr; grid-auto-columns: 1fr; height: 100%; display: grid; } .utp--sidebar-wrapper { background-color: var(--components--cards--background-color--bg-color-default); box-shadow: 2px 0 6px 0 var(--core--box-shadow--bs-neutral-small); height: 100%; max-height: 100vh; position: sticky; top: 0; overflow: scroll; } .utp---content-wrapper { padding-right: var(--globals--paddings--pd-extra-large); padding-left: var(--globals--paddings--pd-extra-large); max-width: 80vw; height: 100%; } .bg-neutral-200 { background-color: var(--core--colors--neutral--200); } .divider { height: var(--components--divider--border-width--bw-regular); background-color: var(--components--divider--border-color--border-default); } .divider.mg-large { margin-top: var(--globals--margins--mg-large); margin-bottom: var(--globals--margins--mg-large); } .divider.utp---components-divider { margin-top: var(--globals--margins--mg-default); margin-bottom: var(--globals--margins--mg-large); } .divider.mg-default { margin-top: var(--globals--margins--mg-default); margin-bottom: var(--globals--margins--mg-default); } .divider.width-100.grow { flex: 1; } .divider._48px { margin-top: var(--core--sizes--size-8); margin-bottom: var(--core--sizes--size-8); } .divider.border-secondary { background-color: var(--components--divider--border-color--border-secondary); } .divider.border-secondary.style2 { height: var(--components--divider--border-width--bw-medium); background-color: #fff2d3; } .utp---sidebar-bottom { grid-row-gap: var(--globals--gaps--gap-medium); flex-direction: column; display: flex; } .utp---title-wrapper { margin-bottom: var(--globals--paddings--pd-large); padding-top: var(--globals--paddings--pd-medium); padding-bottom: var(--globals--paddings--pd-medium); grid-column-gap: var(--globals--gaps--gap-small); grid-row-gap: var(--globals--gaps--gap-small); border-bottom: var(--globals--border-width--bw-large) solid var(--components--divider--border-color--border-default); align-items: center; display: flex; } .mid { font-weight: 600; } .mid.text-titles, .strong { font-weight: 700; } .display-10 { font-size: var(--core--font-size--displays--display-10); line-height: var(--core--line-height--small); } .display-9 { font-family: var(--gestura-bold); font-size: 45px; line-height: var(--core--line-height--small); text-align: center; width: 100%; margin-bottom: 20px; font-weight: 700; } .display-9.center { justify-content: center; align-items: stretch; display: flex; } .display-9.center.text-center.res, .display-9.center.res { display: none; } .display-9.flex-center { justify-content: center; display: flex; } .display-9.left { text-align: left; font-size: 34px; } .display-9.left.resp, .display-9.left.res { display: none; } .display-8 { font-size: var(--core--font-size--displays--display-8); line-height: var(--core--line-height--regular); } .display-7 { font-size: var(--core--font-size--displays--display-7); line-height: var(--core--line-height--regular); } .display-7.strong { font-size: var(--core--font-size--displays--display-4); } .display-7.strong.small { font-size: var(--core--font-size--displays--display-2); } .display-6 { font-size: var(--core--font-size--displays--display-6); line-height: var(--core--line-height--regular); } .display-5 { font-size: var(--core--font-size--displays--display-5); line-height: var(--core--line-height--regular); } .display-5.strong { font-size: var(--core--font-size--displays--display-4); } .display-5.strong.alt---mbp.contact { border-right: 1px solid var(--primary); padding: 10px; font-size: 16px; font-weight: 400; } .display-5.strong.alt---mbp.contact.first { padding-left: 0; font-weight: 400; } .display-5.strong.alt---mbp.contact.last { border-right-style: none; font-weight: 400; } .display-5.strong.text-center.small { font-size: var(--core--font-size--displays--display-1); white-space: nowrap; } .display-5.strong.text-center.small.pd-bottom-small { font-size: 1.3vw; } .display-5.strong.text-center.small.pd-bottom-small.left { text-align: left; } .display-5.strong.orange { color: var(--core--colors--primary--100); font-size: var(--core--font-size--displays--display-4); align-items: flex-end; padding-top: 20px; display: flex; } .display-5.pages-title { color: var(--core--colors--neutral--800); margin-bottom: 24px; font-weight: 700; } .display-5.pages-title.text-light { color: var(--components--titles-paragraphs--text-light); } .display-4 { font-size: var(--core--font-size--displays--display-4); line-height: var(--core--line-height--regular); } .display-4.strong.text-uppercase.primary { color: var(--primary); font-size: 18px; } .display-4.strong.text-titles { font-family: var(--core--font-family--primary-font); color: var(--components--badge--text-color--text-light); font-size: var(--core--font-size--displays--display-3); font-weight: 600; } .display-4.strong.text-titles.diff { height: auto; margin-bottom: 0; } .display-4.category-link { color: var(--core--colors--neutral--600); letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; text-decoration: none; } .display-4.category-link:hover { color: var(--globals--color--texts--accent); } .display-4.category-link.w--current { color: var(--core--colors--neutral--800); } .display-4.padding { margin-bottom: 10px; } .display-4._20px { height: 40px; margin-bottom: 20px; } .display-4.orange { color: var(--core--colors--primary--100); font-weight: 700; } .display-3 { font-size: var(--core--font-size--displays--display-3); line-height: var(--core--line-height--regular); } .display-2 { font-size: var(--core--font-size--base-font); line-height: var(--core--line-height--regular); } .display-2.pagination-btn { grid-column-gap: 8px; grid-row-gap: 8px; background-color: var(--transparent); color: var(--core--colors--neutral--800); border-style: none; border-radius: 0; align-items: center; margin-left: 0; margin-right: 0; padding: 0; text-decoration: none; display: flex; } .display-1 { font-size: var(--core--font-size--displays--display-1); line-height: var(--core--line-height--regular); } .text-titles { color: var(--components--titles-paragraphs--text-titles); } .mg-right-tiny { margin-right: var(--globals--margins--mg-tiny); } .mg-right-extra-small { margin-right: var(--globals--margins--mg-extra-small); } .mg-right-small { margin-right: var(--globals--margins--mg-small); } .grid-4-columns { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid-4-columns.ecommerce-v1-grid-4-col { grid-column-gap: 30px; grid-row-gap: 20px; } .grid-4-columns.ecommerce-v2-grid-4-col { grid-column-gap: 30px; grid-row-gap: 40px; } .grid-4-columns.ecommerce-v3-grid-4-col { grid-column-gap: 30px; grid-row-gap: 32px; } .grid-4-columns.value-product-grid-4-col { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); grid-template-columns: auto auto auto auto; justify-content: space-between; } .grid-4-columns._3-col { grid-template-columns: 1fr 1fr 1fr; } .mg-top-tiny { margin-top: var(--globals--margins--mg-tiny); } .mg-top-extra-small { margin-top: var(--globals--margins--mg-extra-small); } .mg-top-extra-small.contact { justify-content: flex-start; align-items: center; display: flex; } .mg-top-12px { margin-top: 12px; } .mg-top-small { margin-top: var(--globals--margins--mg-tiny); width: 100%; display: flex; } .mg-top-small.our-commitment { grid-column-gap: 18px; grid-row-gap: 18px; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .mg-top-small.business { flex-flow: column; } .mg-top-small.contact-title { height: 16vh; } .mg-top-default { margin-top: var(--globals--margins--mg-default); } .utp---card-color { padding: var(--globals--paddings--pd-small); grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-default); border-radius: var(--components--cards--border-radius--br-regular); background-color: var(--components--cards--background-color--bg-color-default); box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-small); flex-direction: column; display: flex; } .utp---color-block { border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-secondary); border-radius: var(--components--cards--border-radius--br-small); height: 156px; } .bg-primary-100 { background-color: var(--core--colors--primary--100); } .utp---card-color-details { justify-content: space-between; align-items: center; display: flex; } .badge { padding: var(--components--badges--paddings--pd-regular); grid-column-gap: var(--components--badges--gaps--pd-regular); grid-row-gap: var(--components--badges--gaps--pd-regular); border-radius: var(--components--badges--border-radius--br-regular); background-color: var(--components--badge-primary--background-color--bg-light); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small); color: var(--components--badge--text-color--text-light); line-height: var(--core--line-height--regular); justify-content: center; align-items: center; display: flex; } .badge.neutral { background-color: var(--components--badge-neutral--background-color--bg-light); } .badge.secondary { border: var(--globals--border-width--bw-default) solid var(--components--badge-secondary--border-color--bg-light); background-color: var(--components--badge-secondary--background-color--bg-light); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small); color: var(--components--badge--text-color--text-dark); } .badge.tertiary { border: var(--globals--border-width--bw-default) solid var(--components--badge-tertiary--border-color--bg-light); background-color: var(--components--badge-tertiary--background-color--bg-light); color: var(--components--badge--text-color--text-dark); } .badge.small { padding: var(--components--badges--paddings--pd-small); grid-column-gap: var(--components--badges--gaps--pd-small); grid-row-gap: var(--components--badges--gaps--pd-small); border-radius: var(--components--badges--border-radius--br-small); font-size: var(--core--font-size--displays--display-1); } .utp---badge { border: var(--globals--border-width--bw-default) solid var(--core--colors--neutral--400); border-radius: var(--components--badges--border-radius--br-small); background-color: var(--core--colors--neutral--200); box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-small); text-transform: uppercase; padding: 3px 5px; } .utp---badge.white { background-color: var(--neutral--100); } .utp---badge.typography { text-transform: capitalize; } .bg-primary-200 { background-color: var(--core--colors--primary--200); } .bg-primary-300 { background-color: var(--core--colors--primary--300); } .bg-primary-400 { background-color: var(--core--colors--primary--400); } .utp---items-wrapper.mg-bottom { margin-bottom: var(--globals--margins--mg-large); } .bg-secondary-200 { background-color: var(--core--colors--secondary--200); } .bg-secondary-300 { background-color: var(--core--colors--secondary--300); } .bg-secondary-400 { background-color: var(--core--colors--secondary--400); } .bg-neutral-800 { background-color: var(--core--colors--neutral--800); } .bg-neutral-700 { background-color: var(--core--colors--neutral--700); } .bg-neutral-600 { background-color: var(--core--colors--neutral--600); } .bg-neutral-500 { background-color: var(--core--colors--neutral--500); } .bg-neutral-400 { background-color: var(--core--colors--neutral--400); } .bg-neutral-300 { background-color: var(--core--colors--neutral--300); } .bg-neutral-100 { background-color: var(--core--colors--neutral--100); } .dark-overlay-400 { background-color: var(--core--colors--overlays--dark-400); } .dark-overlay-300 { background-color: var(--core--colors--overlays--dark-300); } .dark-overlay-200 { background-color: var(--core--colors--overlays--dark-200); } .dark-overlay-100 { background-color: var(--core--colors--overlays--dark-100); } .light-overlay-400 { background-color: var(--core--colors--overlays--light-400); } .light-overlay-300 { background-color: var(--core--colors--overlays--light-300); } .light-overlay-200 { background-color: var(--core--colors--overlays--light-200); } .light-overlay-100 { background-color: var(--core--colors--overlays--light-100); } .grid-2-columns { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-items: center stretch; display: grid; position: relative; bottom: 70px; } .grid-2-columns.hero-v4 { align-items: end; } .grid-2-columns.contact-form-v1 { grid-template-columns: 1fr 1.1fr; justify-content: space-between; padding: 30px; } .grid-2-columns.cta { grid-column-gap: var(--globals--grid-gap--large); grid-row-gap: var(--globals--grid-gap--large); grid-template-columns: 1fr auto; justify-content: space-between; align-items: center; } .grid-2-columns.cta.cta-newsletter-image-left-v2-grid { grid-template-columns: 1fr 0.8fr; } .grid-2-columns.cta.cta-v2-imagen-left { grid-column-gap: 67px; grid-row-gap: 67px; grid-template-columns: 1fr minmax(500px, 1fr); } .grid-2-columns.template-page-sidebar { grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-rows: auto; grid-template-columns: 0.35fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid-2-columns.changelog-item { padding-top: var(--globals--margins--mg-extra-large); padding-bottom: var(--globals--margins--mg-extra-large); grid-column-gap: var(--globals--grid-gap--large); grid-row-gap: var(--globals--grid-gap--large); border-top: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-default); grid-template-rows: auto; grid-template-columns: 0.4fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid-2-columns.changelog-item.first { border-top-style: none; padding-top: 0; } .grid-2-columns.surprises-image-right { margin-top: var(--components--sections--paddings--pd-large); margin-bottom: var(--components--sections--paddings--pd-large); grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 1fr 1.2fr; align-items: center; } .grid-2-columns.surprises-image-left { margin-top: var(--components--sections--paddings--pd-large); margin-bottom: var(--components--sections--paddings--pd-large); grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 1.2fr 1fr; align-items: center; } .grid-2-columns.checkout-grid { grid-template-columns: 1.75fr 1fr; } .grid-2-columns._404-page-grid { grid-template-columns: 1fr 0.9fr; align-items: center; } .grid-2-columns._1-2fr---left { grid-template-columns: 1.2fr 1fr; } .grid-2-columns.mission-grid-2-col { grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 1.23fr 1fr; align-items: stretch; position: relative; } .grid-2-columns.mission-grid-2-col.v2 { grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 0.95fr 1fr; align-items: center; } .grid-2-columns.mission-grid-2-col.v3 { grid-template-columns: 1.23fr 1fr; align-items: center; } .grid-2-columns._1-06fr---right { grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 1fr 1.06fr; align-items: center; bottom: 0; } .grid-2-columns._1-06fr---right.ll { bottom: 0; } .grid-2-columns.coming-soon-grid { grid-template-columns: minmax(437px, 1fr) 1.15fr; align-items: center; } .grid-2-columns.about-hero-grid-2-col { grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 1.3fr 0.9fr; align-items: stretch; } .grid-2-columns.value-grid-2-col { grid-template-columns: 1fr 1.05fr; align-items: center; } .grid-2-columns.blog-featured-v1-grid { grid-column-gap: 44px; grid-row-gap: 44px; grid-template-columns: 1.12fr 1fr; align-items: center; } .grid-2-columns.collection-v1-hero-grid { grid-template-columns: 1fr 1.25fr; align-items: center; } .grid-2-columns.product-page { grid-template-columns: 1fr 0.72fr; align-items: center; } .grid-2-columns.hero-v2-grid-2-col { grid-column-gap: 30px; grid-row-gap: 30px; grid-template-columns: minmax(500px, 1fr) 1fr; align-items: stretch; } .grid-2-columns.layout-media-grid-2-col { grid-column-gap: 30px; grid-row-gap: 30px; grid-template-columns: 2.07fr 1fr; } .grid-2-columns.layout-media-grid-2-col.v2 { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: minmax(424px, 1fr) 1.05fr; align-items: stretch; width: 100%; max-width: 1180px; } .grid-2-columns.hero-v3-grid-2-col { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr 0.6fr; align-items: end; } .grid-2-columns.our-products-top-grid { grid-column-gap: 30px; grid-row-gap: 30px; grid-template-columns: 0.9fr 1.28fr; } .grid-2-columns.our-products-bottom-grid { grid-column-gap: 30px; grid-row-gap: 30px; grid-template-columns: 1.27fr 0.9fr; } .grid-2-columns.blog-v2-hero-grid { grid-column-gap: 50px; grid-row-gap: 50px; grid-template-columns: 1fr 1.15fr; align-items: stretch; } .grid-2-columns.gap-50px { grid-column-gap: 50px; grid-row-gap: 50px; } .grid-2-columns.blog-v3-grid { grid-column-gap: 40px; grid-row-gap: 60px; } .grid-2-columns.aside-left { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 0.8fr 1.78fr; } .grid-2-columns.aside-left.collection-v3-aside-grid { grid-template-columns: 0.8fr 1.96fr; } .grid-2-columns.aside-left.product-category-aside-grid { grid-template-columns: 0.8fr 1.7fr; } .grid-2-columns.aside-left.accordion-grid { grid-template-columns: 0.8fr 1.38fr; } .grid-2-columns.blog-v1-grid { grid-column-gap: 48px; grid-row-gap: 60px; } .grid-2-columns.ecommerce-v1-grid-2-col { grid-column-gap: 32px; grid-row-gap: 36px; } .grid-2-columns.ecommerce-v2-aside-grid { grid-column-gap: 70px; grid-row-gap: 32px; } .grid-2-columns.collection-v2-hero-grid { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1.5fr minmax(418px, 1fr); align-items: center; } .grid-2-columns.ecommerce-v2-grid-2-col { grid-column-gap: 32px; grid-row-gap: 24px; } .grid-2-columns.sales-pages { margin-top: 28px; margin-left: auto; margin-right: auto; } .grid-2-columns.hero-v1-grid { z-index: 1; grid-template-columns: 2fr 1fr; place-items: center stretch; position: relative; top: 80px; } .grid-2-columns.layout-image-right { grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 1fr 1.06fr; align-items: center; } .grid-2-columns.gap-24px { grid-column-gap: 24px; grid-row-gap: 24px; } .grid-2-columns.gap-24px.mission-grid---images { min-height: 100%; } .grid-2-columns.image-left-grid-2-col { grid-template-columns: 1fr minmax(443px, 0.75fr); align-items: center; } .grid-2-columns.ecommerce-content-v3-grid { grid-column-gap: 0; grid-row-gap: 0; grid-template-columns: 1fr 0.75fr; width: 100%; max-width: 557px; margin-left: auto; margin-right: auto; } .grid-2-columns.ecommerce-content-v1-grid { grid-column-gap: 0; grid-row-gap: 0; grid-template-columns: 1fr 0.75fr; width: 100%; max-width: 554px; margin-left: auto; margin-right: auto; } .grid-2-columns.subscribe-grid { grid-column-gap: var(--globals--grid-gap--large); grid-row-gap: var(--globals--grid-gap--large); grid-template-columns: minmax(546px, 1fr) 1.12fr; align-items: center; } .grid-2-columns.mg-top-60px { place-items: start stretch; } .grid-2-columns._1-5fr { grid-template-columns: 1.5fr 1fr; } .grid-2-columns.pd { padding: 40px; } .grid-2-columns.relative-off { position: static; } .utp---styles-and-components-wrapper { margin-bottom: var(--components--sections--paddings--pd-default); } .card { border: var(--components--cards--border-width--bw-regular) none var(--components--cards--border-color--br-color-default); background-color: var(--core--colors--neutral--200); box-shadow: none; flex-direction: column; justify-content: space-between; overflow: hidden; } .card.typography-card { padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-default); background-color: var(--core--colors--neutral--100); box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular); border-style: solid; } .card.utp---icon-font { padding: var(--globals--paddings--pd-extra-large) var(--globals--paddings--pd-large); } .card.utp---components-wrapper { grid-column-gap: 0; background-color: var(--core--colors--neutral--100); box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular); border-style: solid; flex-direction: row; justify-content: center; display: flex; } .card.utp---components-wrapper.horizontal { flex-direction: row; } .card.utp---components-wrapper.overflow-visible { overflow: visible; } .card.utp---components-wrapper.lists-components { grid-column-gap: 0; grid-row-gap: 0; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card.message { padding: var(--components--cards--paddings--pd-medium); border-color: var(--components--cards--border-color--br-color-default); text-align: left; flex-direction: row; align-items: flex-start; display: flex; } .card.message.vertical { text-align: center; flex-direction: column; align-items: center; width: 100%; max-width: 346px; } .card.thank-you-message { padding: var(--components--cards--paddings--pd-medium); border-color: var(--core--colors--system--blue-400); background-color: var(--core--colors--neutral--100); text-align: center; flex-direction: column; justify-content: center; align-items: center; min-height: 427px; display: flex; } .card.thank-you-message.width-340px { max-width: 340px; } .card.testimonial-v2 { flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 54px 42px; display: flex; } .card.testimonial-v2.bg-primary-600 { background-color: var(--core--colors--primary--600); } .card.testimonial-v2.bg-primary-200 { background-color: var(--core--colors--primary--200); } .card.testimonial-v2.bg-primary-300 { background-color: var(--core--colors--primary--300); } .card.ecommerce-card-wrapper { z-index: 1; background-color: var(--transparent); border-style: solid; flex: 1; text-decoration: none; } .card.ecommerce-card-wrapper:hover { color: var(--components--titles-paragraphs--text-paragraphs); } .card.ecommerce-card-wrapper.popular-product-card { background-color: #c2ddf4; border-style: none; border-radius: 19px; height: 70vh; padding-top: 40px; padding-left: 40px; padding-right: 40px; } .card.ecommerce-card-wrapper.popular-product-card.card2 { background-color: #f7a8bc; padding-left: 40px; padding-right: 40px; } .card.ecommerce-card-wrapper._2-cols { padding: 43px 24px; } .card.template-pages---sticky-card { padding: var(--components--cards--paddings--pd-default) var(--components--cards--paddings--pd-small); position: sticky; top: 24px; } .card.template-pages---text-card { padding: var(--components--cards--paddings--pd-large); } .card.sales-home---text-and-image { margin-top: var(--globals--margins--mg-default); background-color: var(--core--colors--neutral--100); box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular); border-style: solid; flex-direction: row; justify-content: space-between; display: flex; } .card.sales-home---page-link { background-color: var(--core--colors--neutral--100); box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular); text-align: center; transform-style: preserve-3d; border-style: solid; text-decoration: none; transition: box-shadow 0.3s, transform 0.3s; display: block; } .card.sales-home---page-link:hover { box-shadow: 0 0 0 0 var(--core--box-shadow--bs-neutral-regular); transform: scale3d(0.98, 0.98, 1.01); } .card.sales-home---page-link.show-in-tablet { display: none; } .card.buy-now { transform-style: preserve-3d; background-color: #146ef5; border-style: none; border-color: #146ef5; flex-direction: column; align-items: center; min-height: 100%; text-decoration: none; transition: box-shadow 0.3s, transform 0.3s; display: flex; box-shadow: 0 6px 20px #4a3aff14; } .card.buy-now:hover { transform: scale3d(0.98, 0.98, 1.01); box-shadow: 0 0 #4a3aff14; } .card.buy-now.white { border-style: solid; border-color: var(--core--colors--neutral--300); background-color: var(--components--cards--background-color--bg-color-default); box-shadow: 0 6px 20px 0 var(--core--box-shadow--bs-neutral-medium); } .card.buy-now.white:hover { box-shadow: 0 0 0 0 var(--core--box-shadow--bs-neutral-medium); } .card.search-card { padding: var(--components--cards--paddings--pd-default); background-color: var(--core--colors--primary--400); color: var(--components--titles-paragraphs--text-paragraphs); border-style: solid; height: 100%; text-decoration: none; } .card.checkout-block { background-color: var(--transparent); box-shadow: none; border-style: none; margin-bottom: 32px; } .card.checkout-block.last { margin-bottom: 0; overflow: visible; } .card.checkout-block.mg-bottom-0 { margin-bottom: 0; } .card.overflow-visible { overflow: visible; } .card.password-protected-card { background-color: var(--core--colors--primary--600); text-align: center; flex-direction: column; padding: 112px 67px; } .card.testimonial-card-right-over-image { background-color: var(--core--colors--primary--600); justify-content: center; width: 52%; margin-top: 40px; margin-bottom: 40px; padding: 150px 24px; display: flex; position: relative; } .card.testimonial-card-right-over-image.bg-primary-300 { background-color: var(--core--colors--primary--300); } .card.mission-card { justify-content: center; align-items: center; padding: 84px 40px; display: flex; } .card.mission-card.v2 { background-color: var(--core--colors--neutral--100); padding-top: 60px; padding-bottom: 0; } .card.ecommerce-slide-content-over-imge { background-color: var(--core--colors--primary--200); text-align: center; flex-direction: column; justify-content: center; align-items: center; max-width: 676px; margin-left: auto; padding: 132px 66px; display: flex; } .card.hero-v2-content-left { background-color: var(--core--colors--primary--300); flex-flow: column; justify-content: space-between; align-items: center; padding: 128px 32px 50px; display: flex; } .card.mission-card-section { max-width: 1226px; margin-left: auto; margin-right: auto; padding-top: 299px; padding-bottom: 335px; position: relative; } .card.testimonial-card-right-under-image { background-color: var(--core--colors--primary--200); align-self: stretch; width: 58%; min-width: 671px; margin-left: -108px; padding: 174px 46px 260px 163px; display: flex; position: relative; overflow: visible; } .card.testimonial-card-right-under-image.bg-primary-400 { background-color: var(--core--colors--primary--400); } .card.testimonial-horizontal-card { grid-column-gap: 0; grid-row-gap: 0; grid-template-rows: auto; grid-template-columns: 1.32fr 0.9fr; grid-auto-columns: 1fr; display: grid; } .card.testimonial-horizontal-card.bg-primary-400 { background-color: var(--core--colors--primary--400); } .card.testimonial-horizontal-card.bg-primary-300 { background-color: var(--core--colors--primary--300); } .card.testimonial-horizontal-card.bg-primary-300.lol { background-color: #e4f5ff; border-radius: 20px; flex-flow: row; grid-template-columns: 1.32fr; height: 75%; padding-top: 20px; padding-bottom: 40px; padding-right: 20px; } .card.testimonial-horizontal-card.bg-primary-300.lol.solutions-card { height: 60vh; } .card.testimonial-horizontal-card.bg-primary-300.card2 { background-color: var(--core--colors--primary--200); } .card.favorite-routines-card { flex-direction: row; justify-content: center; padding: 94px 40px 108px; display: flex; } .card.newsletter-card-bg-image { background-color: var(--core--colors--primary--400); background-image: url(../images/newletter-product-bottom-right-skincare-x-webflow-template.jpg); background-position: 100% 100%; background-repeat: no-repeat; background-size: cover; min-height: 500px; padding: 42px 32px 38px; display: flex; } .card.product-card-hero { padding: 174px 40px; } .card.contact-card { color: var(--core--colors--neutral--700); transform-style: preserve-3d; justify-content: space-between; align-items: stretch; min-height: 100%; padding: 44px 38px; text-decoration: none; transition: transform 0.3s, color 0.3s; display: flex; } .card.contact-card:hover { transform: scale3d(0.98, 0.98, 1.01); } .card.contact-card.bg-primary-500 { background-color: #def0ff; border-radius: 25px; } .card.contact-card.bg-primary-200 { background-color: var(--core--colors--primary--200); } .card.contact-card.bg-primary-600 { background-color: #def0ff; border-radius: 25px; } .card.whats-included { background-color: var(--core--colors--neutral--100); box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular); border-style: solid; } .card.team-single-card-content { padding: 70px 40px; } .card.default-border { border-style: solid; } .card.default-border.cart-main { overflow: auto; } .card.product-category-card-v1 { background-color: var(--transparent); border-style: none; flex-flow: column; align-self: stretch; width: 100%; min-height: 100%; text-decoration: none; display: flex; position: relative; } .card.product-category-card-v1:hover { color: var(--components--titles-paragraphs--text-paragraphs); } .card.ecommerce-card-category { z-index: 1; background-color: var(--transparent); color: var(--components--titles-paragraphs--text-paragraphs); border-style: solid; flex-flow: row; flex: 1; align-items: flex-start; width: 100%; min-height: 100%; padding: 50px 24px 38%; text-decoration: none; display: flex; position: relative; } .card.ecommerce-card-category:hover { color: var(--components--titles-paragraphs--text-paragraphs); } .card.ecommerce-card-wrapper-v3 { z-index: 1; background-color: var(--transparent); color: var(--components--titles-paragraphs--text-paragraphs); border-style: solid; flex: 1; width: 100%; min-height: 100%; padding: 50px 24px; text-decoration: none; } .card.ecommerce-card-wrapper-v3:hover { color: var(--components--titles-paragraphs--text-paragraphs); } .card.ecommerce-card-wrapper-v3.v2 { flex-flow: column; justify-content: space-between; padding: 38px 36px 0; display: flex; } .card.ecommerce-card-wrapper-v3.v2-1 { flex-flow: column; justify-content: space-between; padding: 38px 30px 0 28px; display: flex; } .card.form-card { border-style: solid; border-color: var(--primary); background-color: var(--core--colors--neutral--100); border-radius: 25px; justify-content: center; align-items: center; min-height: 100%; padding: 43px 55px 73px; display: flex; } .text-neutral-700 { color: var(--core--colors--neutral--700); } .text-paragraph { color: var(--globals--color--texts--03); } .text-light { color: var(--components--titles-paragraphs--text-light); } .flex-horizontal { margin-bottom: var(--components--accordions--gaps--gap-medium); justify-content: center; align-items: center; display: flex; } .flex-horizontal.space-between { justify-content: space-between; } .flex-horizontal.gap-default { grid-column-gap: var(--globals--gaps--gap-default); } .flex-horizontal.justify-start { justify-content: flex-start; } .flex-horizontal.justify-start.flex-wrap { flex-flow: wrap; } .flex-horizontal.logo-strip { width: 100%; } .flex-horizontal.logo-strip.v11 { justify-content: flex-start; } .flex-horizontal.feature-product-strip { grid-column-gap: 93px; grid-row-gap: 93px; padding-right: 93px; } .flex-horizontal.feature-product-strip.marquee { flex: none; } .flex-horizontal.gap-16px---flex-wrap { grid-column-gap: 16px; grid-row-gap: 16px; flex-wrap: wrap; } .flex-horizontal.wrap { flex-wrap: wrap; } .flex-horizontal.footer-logo-stip { grid-column-gap: 30px; grid-row-gap: 30px; padding-right: 30px; } .flex-horizontal.footer-logo-stip.marquee { flex: none; } .flex-horizontal.notification-bar-center---button-right { grid-column-gap: var(--globals--gaps--gap-large); grid-row-gap: var(--globals--gaps--gap-medium); } .flex-horizontal.left { margin-bottom: var(--components--accordions--gaps--gap-regular); grid-column-gap: var(--components--accordions--gaps--gap-small); grid-row-gap: var(--components--accordions--gaps--gap-small); justify-content: flex-start; } .mg-top-large { margin-top: var(--globals--margins--mg-large); } .mg-top-48px { margin-top: 48px; } .text-accent { color: var(--globals--accent-color); } .utp---typography-grid-row { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); justify-content: space-between; align-items: center; display: flex; } .utp---typography-grid-row.header { padding-bottom: var(--globals--paddings--pd-default); border-bottom: var(--globals--border-width--bw-large) solid var(--components--divider--border-color--border-default); } .utp---typography-grid-item._55 { width: 55%; } .utp---typography-grid-item._26-5 { width: 26.5%; } .utp---typography-grid-item._11 { width: 11%; } .grid-1-column { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: 0; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .grid-1-column.gap-row-large { grid-row-gap: var(--globals--grid-gap--large); grid-row-gap: var(--globals--grid-gap--large); } .grid-1-column.gap-row-extra-small { grid-row-gap: var(--globals--gaps--gap-extra-small); } .grid-1-column.headers-blocks { grid-row-gap: 280px; display: flex; } .grid-1-column.contact-item-grid { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); justify-content: start; justify-items: stretch; } .grid-1-column.gap-row-none { grid-row-gap: var(--globals--gaps--gap-none); } .grid-1-column.utp { flex-direction: column; display: flex; } .grid-1-column.gap-row-small { grid-row-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); } .grid-1-column.mission-content-right { grid-row-gap: 103px; max-width: 593px; } .grid-1-column.gap-34px { grid-column-gap: 0; grid-row-gap: 0; } .grid-1-column.product-page-content { grid-row-gap: 80px; } .grid-1-column.cta-v2-content { z-index: 1; grid-row-gap: 176px; width: 100%; max-width: 640px; padding-top: 140px; padding-bottom: 140px; position: relative; } .grid-1-column.gap-0px { grid-column-gap: var(--globals--gaps--gap-none); grid-row-gap: var(--globals--gaps--gap-none); } .grid-1-column.gap-12px { grid-column-gap: 12px; grid-row-gap: 12px; } .grid-1-column.blog-post-image-grid { grid-row-gap: 60px; } .grid-6-columns { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .grid-6-columns.image---text-cirlce-grid { grid-column-gap: 0; grid-row-gap: 0; grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; margin-left: 40px; margin-right: 40px; } .utp---card-shadow { padding: var(--globals--paddings--pd-small); border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default); border-radius: var(--components--cards--border-radius--br-regular); background-color: var(--components--cards--background-color--bg-color-default); text-align: center; justify-content: center; align-items: center; min-height: 148px; display: flex; } .bs-neutral-small { box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small); } .bs-neutral-regular { box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-regular); } .bs-neutral-medium { box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-neutral-medium); } .bs-neutral-large { box-shadow: 0 8px 24px 0 var(--core--box-shadow--bs-neutral-large); } .bs-primary-small { box-shadow: 0 1px 2px 0 var(--core--box-shadow--bs-primary-small); } .bs-primary-regular { box-shadow: 0 4px 8px 0 var(--core--box-shadow--bs-primary-regular); } .bs-primary-large { box-shadow: 0 8px 24px 0 var(--core--box-shadow--bs-primary-large); } .bs-primary-medium { box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-primary-medium); } .bs-secondary-small { box-shadow: 0 1px 2px 0 var(--core--box-shadow--bs-secondary-small); } .bs-secondary-regular { box-shadow: 0 4px 8px 0 var(--core--box-shadow--bs-secondary-regular); } .bs-secondary-medium { box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-secondary-medium); } .bs-secondary-large { box-shadow: 0 8px 24px 0 var(--core--box-shadow--bs-secondary-large); } .inner-container { width: auto; margin-right: 0; } .inner-container._320px { max-width: 320px; } .inner-container.center { margin-left: auto; margin-right: auto; } .inner-container._536px { max-width: 536px; } .inner-container._872px { width: 100%; max-width: 776px; } .inner-container._100-tablet { width: auto; } .inner-container._100-mbl.lol { width: 45%; } .inner-container._100-mbl.flex { width: auto; } .inner-container._540px { max-width: 540px; } .inner-container._400px { max-width: 400px; } .inner-container._460px { max-width: 460px; } .inner-container._500px { max-width: 500px; } .inner-container._490px { max-width: 490px; } .inner-container._350px { max-width: 350px; } .inner-container._350px._100-mbp { height: 100px; } .inner-container._350px._100-mbp.height100 { height: 100%; } .inner-container._350px._100-mbp._w-h-100 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; } .inner-container._350px._100-mbp._w-h-100.testimonial { grid-column-gap: 21px; grid-row-gap: 21px; justify-content: space-between; align-items: stretch; max-width: none; height: 100%; display: flex; } .inner-container._640px { max-width: 640px; } .inner-container._900px { max-width: 900px; } .inner-container._538px { max-width: 538px; } .inner-container._800px { max-width: 800px; } .inner-container._600px { max-width: 600px; } .inner-container._650px { max-width: 650px; } .inner-container._488px { max-width: 488px; } .inner-container._118px { max-width: 118px; } .inner-container._942px { max-width: 942px; } .inner-container._690px { max-width: 690px; } .inner-container._673px { max-width: 673px; } .inner-container._544px { max-width: 544px; } .inner-container._544px._100-mbl { max-width: none; } .inner-container._544px._100-mbl.our-commitment { flex-flow: column; justify-content: space-around; align-items: flex-start; height: 100%; display: flex; } .inner-container._544px.our-commitment-right { grid-column-gap: 0; grid-row-gap: 0; flex-flow: column; justify-content: center; align-items: flex-start; max-width: 100%; height: 100%; padding-top: 20px; display: flex; } .inner-container._458px { max-width: 458px; } .inner-container._550px { max-width: 550px; } .inner-container._224px { max-width: 224px; } .inner-container._1178px { max-width: 1178px; } .inner-container._530px { max-width: 530px; } .inner-container._660px { max-width: 660px; } .inner-container._658px { max-width: 658px; } .inner-container._470px { max-width: 470px; } .inner-container._624px { max-width: 624px; } .inner-container._616px { max-width: 616px; } .inner-container._532px { max-width: 532px; } .inner-container._740px { max-width: 740px; } .inner-container._1038px { max-width: 1038px; } .inner-container._746px { max-width: 746px; } .inner-container._310px { max-width: 310px; } .inner-container._114px { max-width: 114px; } .inner-container._514px { max-width: 514px; } .inner-container._518px { max-width: 518px; } .inner-container._756px { max-width: 756px; } .inner-container._708px { max-width: 708px; } .inner-container.ecommerce-product---image-left { max-width: 115px; margin-top: -123px; margin-bottom: -14px; margin-left: -14px; } .inner-container._712px { max-width: 712px; } .inner-container._712px.image-responsive---mbl { overflow: hidden; } .inner-container._628px { max-width: 628px; } .inner-container._430px { max-width: 430px; } .inner-container._314px { max-width: 314px; } .inner-container._344px { max-width: 344px; } .inner-container._1150px { max-width: 1150px; } .inner-container._668px { max-width: 668px; } .inner-container._668px.our-commitment { flex-flow: row; justify-content: center; align-items: center; max-width: 100%; display: block; } .inner-container._668px.our-commitment-left { justify-content: center; align-items: center; max-width: 80%; display: flex; } .inner-container._1253px { max-width: 1253px; } .inner-container._630px { max-width: 630px; } .inner-container._258px { max-width: 258px; } .inner-container._352px { max-width: 352px; } .inner-container._775px { max-width: 775px; } .inner-container._642px { max-width: 642px; } .inner-container._534px { max-width: 534px; } .inner-container._474px { max-width: 474px; } .inner-container._306px { max-width: 306px; } .inner-container._904px { max-width: 904px; } .inner-container._312px { max-width: 312px; } .inner-container._930px { max-width: 930px; } .inner-container._890px { max-width: 890px; } .inner-container._677px { max-width: 677px; } .inner-container._680px { max-width: 680px; } .inner-container._464px { max-width: 464px; } .inner-container._786px { max-width: 786px; } .inner-container._524px { max-width: 524px; } .inner-container._370px { max-width: 370px; } .inner-container._780px { max-width: 780px; } .inner-container._546px { max-width: 546px; } .inner-container._654px---500px-mbl { max-width: 654px; } .inner-container._1111px { max-width: 1111px; } .inner-container._1180px { max-width: 1180px; } .inner-container._610px { max-width: 610px; } .inner-container._610px.padding { padding-top: 60px; padding-bottom: 0; padding-left: 40px; } .inner-container._610px.padding.flex { grid-column-gap: 7px; grid-row-gap: 7px; flex-flow: column; } .inner-container._511px { max-width: 511px; } .inner-container._70 { max-width: 70%; } .inner-container.footer-main-content { max-width: 400px; } .inner-container._500px---tablet { display: flex; } .inner-container.image-right-v1-wrapper { width: 100%; max-width: 673px; } .inner-container._565px { max-width: 565px; } .inner-container.image-right-v2-wrapper { flex-flow: column; justify-content: center; align-items: center; margin-left: -5%; display: flex; overflow: hidden; } .inner-container._550px---mbl { margin-bottom: 60px; } .inner-container._300px---mbl { width: 100%; } .inner-container._320px---mbl._100-mbp._w-h-100.space-between { flex-flow: column; place-content: space-between; height: 80%; display: flex; } .inner-container._492px { max-width: 492px; } .inner-container._521px { max-width: 521px; } .inner-container._575px { max-width: 575px; } .inner-container._641px { max-width: 641px; } .inner-container._646px { max-width: 646px; } .inner-container._172px { max-width: 172px; } .inner-container.cta-newsletter-image-left-v2-content { width: 100%; max-width: 532px; padding-top: 40px; padding-bottom: 40px; } .inner-container.search-wrapper-v1 { flex: 1; width: 100%; max-width: 458px; } .inner-container.collection-v2-hero-wrapper { max-width: 500px; padding-top: 60px; padding-bottom: 60px; } .inner-container._136px { max-width: 136px; } .inner-container._720px { max-width: 720px; } .inner-container._825px { max-width: 825px; } .inner-container._825px.center { max-width: 1100px; } .inner-container._825px.center.faq-container { max-width: 95%; } .inner-container._594px { max-width: 594px; } .inner-container._545px { max-width: 545px; } .inner-container._439px { max-width: 439px; } .inner-container._591px { max-width: 591px; } .inner-container._515px { max-width: 515px; } .inner-container.width-100.center { justify-content: center; align-items: center; padding-top: 21px; padding-bottom: 0; padding-right: 40px; display: flex; } .inner-container.img-right { justify-content: flex-end; display: flex; } .inner-container.mg-bottom-24px.brand-title-container { margin-bottom: 30px; } .inner-container.mg-top-36px.mg-left-super-large { padding-left: 0; } .inner-container.mg-top-36px.mg-left-super-large.footer-new { margin-top: 40px; padding-left: 0; } .inner-container.mg-top-36px.footer-meta-container { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 90%; display: flex; } .inner-container.mg-top-18px.flexx { grid-column-gap: 8px; grid-row-gap: 8px; display: flex; } .inner-container.mg-top-18px.flexx.footer-icon-container { flex-flow: column; margin-top: 0; } .inner-container.mg-none { margin-bottom: 20px; } .inner-container.mg-top-80px { overflow: scroll; } .inner-container.flex-block { justify-content: center; display: flex; } .inner-container.home-cups { width: 80%; } .utp---card-logo { padding: var(--components--cards--paddings--pd-default); border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default); border-radius: var(--components--cards--border-radius--br-regular); background-color: var(--components--cards--background-color--bg-color-default); box-shadow: 0 2px 8px 0 var(--core--box-shadow--bs-neutral-small); text-align: center; justify-content: center; align-items: center; min-width: 144px; min-height: 144px; display: flex; } .utp---card-logo.dark-card { border-color: var(--components--cards--border-color--br-color-tertiary); background-color: var(--components--cards--background-color--bg-color-tertiary); } .utp---card-logo.auto-padding { padding: var(--components--cards--paddings--pd-small); min-height: 98px; } .logo-icon-wrapper._22px { width: 22px; margin-right: 8px; } .logo-text-wrapper { align-items: center; text-decoration: none; transition: transform 0.3s; display: flex; } .logo-text-wrapper:hover { transform: scale(0.96); } .logo-link { z-index: 99999; color: var(--components--titles-paragraphs--text-titles); transition: opacity 0.3s; } .logo-link:hover { opacity: 0.68; } .grid-icon-font { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(20px, 20px)); } .icon-font-rounded { font-family: var(--core--icon-family--line-rounded); } .icon-font-rounded.link-arrow { margin-left: 6px; display: inline; } .icon-font-rounded.link-arrow.mg-left-4px { margin-left: 4px; } .icon-font-rounded.dropdown-arrow { justify-content: center; align-items: center; display: flex; } .icon-font-rounded.success-message-icon { color: var(--core--colors--primary--100); line-height: 1em; } .icon-font-rounded.success-message-icon.large { font-size: var(--core--font-size--displays--display-8); } .icon-font-rounded.success-message-icon.large---left { font-size: var(--core--font-size--displays--display-8); margin-bottom: 8px; margin-right: 8px; } .icon-font-rounded.success-message-icon.left { margin-right: 8px; } .icon-font-wrapper { justify-content: center; align-items: center; width: 20px; height: 20px; display: flex; } .utp---grid-components-wrapper { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto; grid-template-columns: 1fr; } .utp---card-componets-wrapper { padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-default); width: 100%; } .utp---card-componets-wrapper.dark { background-color: var(--components--cards--background-color--bg-color-tertiary); } .utp---card-componets-wrapper.v2 { width: 100%; } .utp---card-componets-wrapper.v2.rich-text { padding: var(--components--cards--paddings--pd-large); } .utp---card-componets-wrapper.links { padding-right: var(--components--cards--paddings--pd-small); padding-left: var(--components--cards--paddings--pd-small); } .utp---card-componets-wrapper.badges { grid-column-gap: var(--globals--grid-gap--large); grid-row-gap: var(--globals--grid-gap--large); flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .utp---buttons-top { margin-bottom: var(--globals--margins--mg-small); justify-content: center; display: flex; } .utp---components-head-wrapper { padding-right: var(--components--cards--paddings--pd-default); padding-left: var(--components--cards--paddings--pd-default); grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-around; align-items: center; width: 50%; display: grid; } .utp---components-head-wrapper.buttons { grid-template-columns: 1.5fr 1fr 1fr; } .utp---components-head-wrapper.links { grid-template-columns: 1fr 1fr; } .utp---components-head-wrapper.avatars { grid-template-columns: 24px 32px 40px 64px 120px; justify-content: space-around; justify-items: center; width: 100%; } .utp---components-head-wrapper.badges { grid-template-columns: 1fr 1fr; } .utp---components-head-wrapper.center { grid-template-columns: 1fr; } .text-uppercase { letter-spacing: 0.06em; text-transform: uppercase; } .text-center { text-align: center; } .text-center.small { font-size: var(--core--font-size--displays-tablet--display-1); text-align: center; line-height: 1.4em; } .utp---grid-components { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--large); grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 1fr; place-items: center; } .utp---grid-components._1-column { grid-template-columns: 1fr; justify-items: center; } .utp---grid-components._1-column.utp---text-form-column { height: 100%; } .utp---grid-components.links, .utp---grid-components.badges { grid-template-columns: 1fr 1fr; } .primary-button { padding: var(--components--buttons--paddings--pd-regular) var(--components--buttons--paddings--pd-large); grid-column-gap: var(--components--buttons--gaps--gap-small); grid-row-gap: var(--components--buttons--gaps--gap-small); border: var(--components--buttons--border-width--bw-default) solid var(--dark-green); border-radius: var(--core--border-radius--br-pill); background-color: var(--primary); box-shadow: 0 4px 8px 0 var(--core--box-shadow--bs-primary-regular); color: #fff; font-size: var(--core--font-size--displays--display-2); text-align: center; transform-style: preserve-3d; justify-content: center; align-items: center; font-weight: 600; line-height: 1.55; text-decoration: none; transition: transform 0.3s; display: flex; } .primary-button:hover { color: var(--primary); background-color: #fff; transform: scale3d(0.94, 0.94, 1.01); } .primary-button.small { padding: var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-medium); font-size: var(--core--font-size--displays--display-1); } .primary-button.small.inside-input { padding-top: 0; padding-bottom: 0; position: absolute; inset: 6px 6px 6px auto; } .primary-button.small.inside-input.btn-form-wrapper---default { padding-left: 0; } .primary-button.small.inside-line-input { padding-top: 0; padding-bottom: 0; position: absolute; inset: 6px 0 6px auto; } .primary-button.small.btn-form { padding-top: 1px; padding-bottom: 1px; } .primary-button.small.btn-form---footer-input { padding-top: 12px; padding-bottom: 12px; padding-right: 0; font-size: 24px; } .primary-button.dark-mode { border-color: var(--components--buttons-primary--border-color--b-dark-mode); background-color: var(--components--buttons-primary--backgrounds--bg-dark-mode); color: var(--primary); } .primary-button.password-protected { margin-top: var(--globals--paddings--pd-default); width: 100%; } .primary-button.btn-form-wrapper { padding-top: 0; padding-bottom: 0; padding-left: 0; } .primary-button.btn-form { padding-right: 0; transition: none; } .primary-button.btn-form:hover { transform: none; } .primary-button.mg-top-0 { margin-top: 0; } .primary-button.no-hover { transition: none; } .primary-button.no-hover:hover { transform: none; } .primary-button.contact.home { padding: 6px 12px; font-size: 1.1vw; } .primary-button.business { margin-top: 20px; } .item-icon-right.item-circle-icon, .item-icon-left.item-circle-icon { border: 1px solid var(--core--colors--neutral--800); border-radius: 50%; justify-content: center; align-items: center; width: 24px; min-width: 24px; height: 24px; min-height: 24px; margin-top: -2px; display: flex; } .utp---buttons-sidebar { flex-direction: column; grid-template-rows: 1fr; grid-template-columns: 1fr; grid-auto-rows: 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .secondary-button { padding: var(--components--buttons--paddings--pd-regular) var(--components--buttons--paddings--pd-medium); grid-column-gap: var(--components--buttons--gaps--gap-small); grid-row-gap: var(--components--buttons--gaps--gap-small); border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-secondary--border-color--b-light-mode); border-radius: var(--core--border-radius--br-pill); background-color: var(--components--buttons-secondary--backgrounds--bg-light-mode); box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-small); color: var(--components--buttons-secondary--text--text-light-mode); font-size: var(--core--font-size--displays--display-2); line-height: var(--core--line-height--regular); text-align: center; transform-style: preserve-3d; justify-content: center; align-items: center; font-weight: 600; text-decoration: none; transition: transform 0.3s; display: flex; } .secondary-button:hover { color: var(--components--buttons-secondary--text--text-light-mode); transform: scale3d(0.94, 0.94, 1.01); } .secondary-button.small { padding: var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-medium); font-size: var(--core--font-size--displays--display-1); } .secondary-button.dark-mode { border-color: var(--components--buttons-secondary--border-color--b-dark-mode); color: var(--components--buttons-secondary--text--text-dark-mode); background-color: #0000; } .secondary-button.no-hover { transition: none; } .secondary-button.no-hover:hover { transform: none; } .secondary-button.webflow { color: #146ef5; } .secondary-button.webflow.no-hover { transition-property: none; } .secondary-button.webflow.no-hover:hover { transform: none; } .secondary-button.add-to-cart-btn { transform-style: preserve-3d; padding-right: 38px; transform: translate3d(0, 0, 0.01px); } .tertiary-button { padding: var(--components--buttons--paddings--pd-regular) var(--components--buttons--paddings--pd-medium); grid-column-gap: var(--components--buttons--gaps--gap-small); grid-row-gap: var(--components--buttons--gaps--gap-small); border: var(--components--buttons--border-width--bw-default) solid var(--core--colors--neutral--800); border-radius: var(--core--border-radius--br-pill); background-color: var(--transparent); color: var(--components--buttons-tertiary--text--text-light-mode); font-size: var(--core--font-size--displays--display-2); line-height: var(--core--line-height--regular); text-align: center; transform-style: preserve-3d; justify-content: center; align-items: center; font-weight: 600; text-decoration: none; transition: transform 0.3s; display: flex; } .tertiary-button:hover { color: var(--components--buttons-tertiary--text--text-light-mode); transform: scale3d(0.94, 0.94, 1.01); } .tertiary-button.small { padding: var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-medium); font-size: var(--core--font-size--displays-tablet--display-1); } .tertiary-button.small.dark-mode { color: var(--primary); background-color: #ffe2e9; border-style: none; } .tertiary-button.dark-mode { border-color: var(--components--buttons-tertiary--border-color--b-dark-mode); background-color: var(--components--buttons-tertiary--backgrounds--bg-dark-mode); color: var(--components--buttons-tertiary--text--text-dark-mode); } .tertiary-button.dark-mode:hover { color: var(--components--buttons-tertiary--text--text-dark-mode); } .primary-button-icon { border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-primary--border-color--b-light-mode); border-radius: var(--core--border-radius--br-size-7); background-color: var(--components--buttons-primary--backgrounds--bg-light-mode); box-shadow: 0 1px 4px 0 var(--neutral-shadow--02\); color: var(--components--buttons-primary--text--text-light-mode); font-size: var(--core--font-size--displays--display-2); line-height: var(--core--line-height--small); text-align: center; justify-content: center; align-items: center; width: 34px; min-width: 34px; height: 34px; min-height: 34px; font-weight: 600; text-decoration: none; transition: transform 0.3s; display: flex; } .primary-button-icon:hover { color: var(--neutral--100); transform: scale(0.94); } .primary-button-icon.small { width: 24px; min-width: 24px; height: 24px; min-height: 24px; font-size: 12px; } .primary-button-icon.dark-mode { border-color: var(--components--buttons-primary--border-color--b-dark-mode); background-color: var(--components--buttons-primary--backgrounds--bg-dark-mode); color: var(--components--buttons-primary--text--text-dark-mode); } .primary-button-icon.slider-button-right-card { inset: auto 65px 190px auto; } .primary-button-icon.slider-button-right-card.v2 { bottom: 260px; right: 46px; } .primary-button-icon.slider-button-right---top-right { inset: -66px 0% auto auto; } .primary-button-icon.button-right-arrow { border-color: var(--primary); background-color: var(--primary); transition-property: none; } .primary-button-icon.button-right-arrow:hover { transform: none; } .secondary-button-icon { border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-secondary--border-color--b-light-mode); border-radius: var(--core--border-radius--br-size-7); background-color: var(--components--buttons-secondary--backgrounds--bg-light-mode); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small); color: var(--components--buttons-secondary--text--text-light-mode); font-size: var(--core--font-size--displays--display-2); text-align: center; justify-content: center; align-items: center; width: 34px; min-width: 34px; height: 34px; min-height: 34px; font-weight: 600; text-decoration: none; transition: transform 0.3s; display: flex; } .secondary-button-icon:hover { color: var(--components--buttons-secondary--text--text-light-mode); transform: scale(0.94); } .secondary-button-icon.small { width: 24px; min-width: 24px; height: 24px; min-height: 24px; font-size: 12px; } .secondary-button-icon.white { border-color: var(--components--buttons-secondary--border-color--b-dark-mode); color: var(--components--buttons-secondary--text--text-dark-mode); background-color: #0000; } .secondary-button-icon.slider-button-left-card { inset: auto 115px 190px auto; } .secondary-button-icon.slider-button-left-card.v2 { bottom: 260px; right: 96px; } .secondary-button-icon.slider-button-left---top-right { inset: -66px 50px auto auto; } .secondary-button-icon.accordion-top-icon { margin-top: 0; margin-left: 16px; } .tertiary-button-icon { border: var(--components--buttons--border-width--bw-default) solid var(--core--colors--neutral--800); border-radius: var(--core--border-radius--br-size-7); background-color: var(--transparent); color: var(--core--colors--neutral--800); font-size: var(--core--font-size--displays--display-2); line-height: var(--core--line-height--regular); text-align: center; justify-content: center; align-items: center; width: 34px; min-width: 34px; height: 34px; min-height: 34px; font-weight: 500; text-decoration: none; transition: transform 0.3s; display: flex; } .tertiary-button-icon:hover { color: var(--1\); transform: scale(0.94); } .tertiary-button-icon.small { width: 24px; min-width: 24px; height: 24px; min-height: 24px; font-size: 12px; } .tertiary-button-icon.dark-mode { border-color: var(--components--buttons-tertiary--border-color--b-dark-mode); background-color: var(--components--buttons-tertiary--backgrounds--bg-dark-mode); color: var(--components--buttons-tertiary--text--text-dark-mode); } .mg-top-medium { margin-top: var(--globals--margins--mg-medium); } .link { grid-column-gap: 8px; grid-row-gap: 8px; color: var(--components--links--text-color--text-dark); font-size: var(--core--font-size--displays--display-2); line-height: var(--core--line-height--regular); justify-content: space-between; align-items: flex-start; text-decoration: none; transition: color 0.3s; display: flex; } .link:hover { color: var(--components--links--text-color--text-accent); } .link.small { font-size: var(--core--font-size--displays--display-1); } .link.accent { color: var(--components--links--text-color--text-accent); } .link.accent:hover { color: var(--components--links--text-color--text-dark); } .link.light { color: var(--components--links--text-color--text-light); } .link.def { color: var(--globals--color--texts--03); font-weight: 400; } .link.def:hover { color: var(--components--links--text-color--text-accent); } .link.no-hover, .link.no-hover:hover { color: var(--components--links--text-color--text-dark); } .list-item { grid-column-gap: var(--globals--gaps--gap-extra-small); grid-row-gap: var(--globals--gaps--gap-extra-small); color: var(--globals--color--texts--04); line-height: var(--core--line-height--regular); flex-direction: row; align-items: center; display: flex; } .list-item.light { color: var(--globals--color--texts--01); } .list-item.small { font-size: var(--core--font-size--displays--display-1); } .list-item.large { font-size: var(--core--font-size--displays--display-3); } .list-wrapper { grid-column-gap: var(--globals--gaps--gap-medium); grid-row-gap: var(--globals--gaps--gap-medium); flex-direction: column; margin-bottom: 0; padding-left: 0; display: flex; } .list-item-bullet { color: var(--globals--color--texts--04); font-size: var(--core--font-size--displays--display-2); line-height: var(--core--line-height--regular); } .list-item-bullet.small { font-size: var(--core--font-size--displays--display-1); } .list-item-bullet.light { color: var(--globals--color--texts--01); } .list-item-bullet.large { font-size: var(--core--font-size--displays--display-3); } .list-item-number { color: var(--globals--color--texts--04); font-size: var(--core--font-size--displays--display-2); line-height: var(--core--line-height--regular); } .list-item-number.small { font-size: var(--core--font-size--displays--display-1); } .list-item-number.light { color: var(--globals--color--texts--01); } .list-item-number.large { font-size: var(--core--font-size--displays--display-3); } .utp---grid-square-icons { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(48px, 48px)); } .square-icon { border-radius: var(--components--icons--border-radius--br-regular); width: 48px; min-width: 48px; height: 48px; min-height: 48px; } .icon-font-social-media { font-family: Social Media Icon Font BRIX, sans-serif; } .utp---grid-social-media-icons { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(24px, 24px)); } .social-media-icon-wrapper { border-radius: var(--core--border-radius--br-size-7); background-color: var(--globals--color--surfaces--accent); color: var(--components--titles-paragraphs--text-light); justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 12px; text-decoration: none; transition: transform 0.3s; display: flex; } .social-media-icon-wrapper:hover { color: var(--neutral--100); transform: scale(0.92); } .social-media-icon-wrapper.facebook { background-color: #1877f2; } .social-media-icon-wrapper.twitter { background-color: #1da1f2; } .social-media-icon-wrapper.instagram { background-color: #0000; background-image: linear-gradient(135deg, #8423ffb5, #ff881900), radial-gradient(circle, #fa2d9b, #ff9467 81%, #ffd231); } .social-media-icon-wrapper.linkedin { background-color: #0a6ed2; } .social-media-icon-wrapper.youtube { background-color: red; } .social-media-icon-wrapper.dribbble { background-color: #fc4d91; } .social-media-icon-wrapper.behance { background-color: #205bf6; } .social-media-icon-wrapper.whatsapp { background-color: #00d95f; } .social-media-icon-wrapper.tiktok { background-color: #000; } .social-media-icon-wrapper.google { border: 1px solid var(--neutral--400\); background-color: var(--neutral--100); } .social-media-icon-wrapper.spotify { background-color: #1ed760; } .social-media-icon-wrapper.product-hunt { background-color: #ff6155; } .social-media-icon-wrapper.yelp { background-color: #ff1a1a; } .social-media-icon-wrapper.twitch { background-color: #9247fd; } .social-media-icon-wrapper.tumblr { background-color: #001935; } .social-media-icon-wrapper.vk { background-color: #07f; } .social-media-icon-wrapper.line { background-color: #3ace01; } .social-media-icon-wrapper.soundcloud { background-image: linear-gradient(#ff9436, #ff433a); } .social-media-icon-wrapper.github { background-color: #24292f; } .social-media-icon-wrapper.messager { background-image: linear-gradient(#f84781, #5d78f6 67%, #0073ff); } .social-media-icon-wrapper.reddit { background-color: #ff4500; } .social-media-icon-wrapper.pinterest { background-color: red; } .social-media-icon-wrapper.telegram { background-image: linear-gradient(#00acff, #0098e1); } .social-media-icon-wrapper.medium { background-color: #020202; } .social-media-icon-wrapper.snapchat { background-color: #fffc00; } .social-media-icon-wrapper.discord { background-color: #5865f2; } .social-media-icon-wrapper.skype { background-image: linear-gradient(#00c3ff, #0092dd); } .social-media-icon-wrapper.google-podcast { border: 1px solid var(--neutral--400\); background-color: var(--neutral--100); } .social-media-icon-wrapper.apple-podcast { background-image: linear-gradient(#d272f7, #8433be); } .social-media-icon-wrapper.apple { background-color: #000; } .social-media-icon-wrapper.google-play { border: 1px solid var(--neutral--400\); background-color: var(--neutral--100); padding: 5px; } .social-media-icon-wrapper.wechat { background-color: #2dc100; } .social-media-icon-wrapper.apple-music { background-image: linear-gradient(#fb5c74, #fa233b 72%); } .social-media-icon-wrapper.large { width: 38px; height: 38px; font-size: 21px; } .avatar-wrapper { border-radius: var(--components--avatars--border-radius--br-regular); width: 24px; min-width: 24px; height: 24px; min-height: 24px; display: flex; position: relative; overflow: hidden; } .avatar-wrapper._24px { width: 24px; min-width: 24px; height: 24px; min-height: 24px; } .avatar-wrapper._32px { width: 32px; min-width: 32px; height: 32px; min-height: 32px; } .avatar-wrapper._40px { width: 40px; min-width: 40px; height: 40px; min-height: 40px; } .avatar-wrapper._64px { width: 64px; min-width: 64px; height: 64px; min-height: 64px; } .avatar-wrapper._120px { width: 120px; min-width: 120px; height: 120px; min-height: 120px; } .avatar-wrapper._62px { width: 62px; min-width: 62px; height: 62px; min-height: 62px; } .avatar-wrapper._62px.testimonial-v2-bottom-avatar { margin-top: 4px; } .avatar-wrapper._68px { width: 68px; min-width: 68px; height: 68px; min-height: 68px; } .avatar-image { width: 100%; } .avatar-image.circle { border-radius: 50%; } .avatar-dot { border: 2px solid var(--neutral--100); background-color: var(--2); border-radius: 50px; width: 8px; height: 8px; position: absolute; inset: -1px -1px auto auto; } .avatar-dot._15px { width: 15px; height: 15px; top: -6px; right: -6px; } .avatar-dot._15px.bottom { bottom: 2px; right: -2px; } .avatar-dot.bottom { inset: auto -3px -3px auto; } .utp---avatars-flex-wrapper { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); flex-flow: wrap; justify-content: space-around; align-items: center; display: flex; } .width-100 { width: 100%; } .input { padding: var(--components--input-text--paddings--pd-regular) var(--components--input-text--paddings--pd-medium); border: var(--globals--border-width--bw-default) solid var(--components--input-text--border-color--br-default); background-color: var(--components--input-text--background-color--bg-default); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small); color: var(--components--input-text--text-color--text-tertiary); font-size: var(--core--font-size--base-font); line-height: var(--core--line-height--regular); border-radius: 120px; height: 44px; margin-bottom: 0; font-weight: 500; transition: border-color 0.3s; } .input:hover { border-color: var(--components--input-text--border-color--br-secondary); } .input:focus { border-color: var(--components--input-text--border-color--br-tertiary); color: var(--components--input-text--text-color--text-tertiary); } .input::placeholder { color: var(--components--input-text--text-color--text-default); } .input.icon-left { padding-left: 36px; } .input.icon-right { padding-right: 36px; } .input.small { padding: var(--components--input-text--paddings--pd-small) var(--components--input-text--paddings--pd-regular); font-size: var(--core--font-size--paragraphs--small); height: 40px; } .input.small.icon-left { padding-left: 30px; } .input.small.icon-right { padding-right: 30px; } .input.dropdown-wrapper { align-items: center; height: auto; padding-top: 0; padding-bottom: 0; display: flex; } .input.dropdown { box-shadow: none; border-style: none; border-radius: 0; padding-left: 0; padding-right: 0; } .input.cart-quantity-input { width: 63px; height: 39px; } .input.footer-input-large { color: var(--core--colors--neutral--500); height: 80px; padding-left: 26px; padding-right: 32%; font-size: 36px; } .input.footer-input-large::placeholder { color: var(--core--colors--neutral--500); } .input.quantity { width: 150px; height: 48px; margin-right: 24px; } .input.button-inside { padding-right: 40%; } .width-320px { width: 100%; max-width: 320px; } .width-320px.slider-mask.testimonial-card-horizontal.widthnew { max-width: 300px; overflow: visible; } .input-wrapper { position: relative; } .input-icon-wrapper { cursor: default; align-items: center; display: flex; position: absolute; inset: 0% auto 0% 16px; } .input-icon-wrapper.right { cursor: pointer; transition: transform 0.3s; left: auto; right: 12px; } .input-icon-wrapper.right:hover { transform: scale(1.1); } .input-icon-wrapper.small { left: 12px; } .input-line { padding: var(--components--input-text--paddings--pd-regular) 0; border-style: none none solid; border-width: 0 0 var(--globals--border-width--bw-default); border-color: var(--components--input-text--border-color--br-default) var(--components--input-text--border-color--br-default) var(--components--input-text--border-color--br-secondary); background-color: var(--transparent); color: var(--components--input-text--text-color--text-tertiary); font-size: var(--core--font-size--base-font); line-height: var(--core--line-height--regular); border-radius: 0; height: 48px; margin-bottom: 0; transition: border-color 0.3s; } .input-line:hover { border-bottom-color: var(--components--input-text--border-color--br-secondary); } .input-line:focus, .input-line.-wfp-focus { border-bottom-color: var(--components--input-text--border-color--br-tertiary); color: var(--components--input-text--text-color--text-tertiary); } .input-line::placeholder { color: var(--components--input-text--text-color--text-default); } .input-line.icon-left { padding-left: 20px; } .input-line.icon-right { padding-right: 20px; } .input-line.small { padding-top: var(--components--input-text--paddings--pd-small); padding-bottom: var(--components--input-text--paddings--pd-small); font-size: var(--core--font-size--paragraphs--small); height: 42px; } .input-line.button-inside { padding-right: 40%; } .input-line-icon-wrapper { cursor: default; align-items: center; display: flex; position: absolute; inset: -3% auto 0% 0; } .input-line-icon-wrapper.right { cursor: pointer; transition: transform 0.3s; left: auto; right: 0; } .input-line-icon-wrapper.right:hover { transform: scale(1.1); } .text-area { padding: var(--components--input-text--paddings--pd-regular); border: var(--components--inputs-select--border-width--bw-regular) solid var(--components--input-text--border-color--br-default); border-radius: var(--core--border-radius--br-size-4); background-color: var(--components--input-text--background-color--bg-default); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small); color: var(--components--titles-paragraphs--text-titles); font-size: var(--core--font-size--base-font); line-height: var(--core--line-height--large); min-width: 100%; max-width: 100%; min-height: 190px; max-height: 240px; margin-bottom: 0; transition: border-color 0.3s; } .text-area:hover { border-color: var(--components--input-text--border-color--br-secondary); } .text-area:focus { border-color: var(--components--input-text--border-color--br-tertiary); color: var(--components--titles-paragraphs--text-titles); } .text-area::placeholder { color: var(--components--titles-paragraphs--text-neutral-light); } .text-area.icon-left { padding-left: 36px; } .text-area.small { padding: var(--components--input-text--paddings--pd-regular); font-size: var(--core--font-size--paragraphs--small); min-height: 160px; } .text-area.small.icon-left { padding-left: 30px; } .text-area-icon-wrapper { position: absolute; inset: 12px auto 0% 16px; } .text-area-icon-wrapper.small { top: 11px; left: 12px; } .text-area-line { padding: var(--components--input-text--paddings--pd-medium) 0; border-style: none none solid; border-width: 0 0 var(--components--inputs-select--border-width--bw-regular); border-color: var(--components--input-text--border-color--br-default); color: var(--components--input-text--text-color--text-tertiary); font-size: var(--core--font-size--base-font); background-color: #0000; min-width: 100%; max-width: 100%; min-height: 140px; max-height: 200px; margin-bottom: 0; transition: border-color 0.3s; } .text-area-line:hover { border-bottom-color: var(--components--input-text--border-color--br-secondary); } .text-area-line:focus { border-bottom-color: var(--components--input-text--border-color--br-tertiary); color: var(--components--input-text--text-color--text-tertiary); } .text-area-line::placeholder { color: var(--components--input-text--text-color--text-default); } .text-area-line.icon-left { padding-left: 20px; } .text-area-line.small { padding-top: var(--components--input-text--paddings--pd-regular); padding-bottom: var(--components--input-text--paddings--pd-regular); font-size: var(--core--font-size--paragraphs--small); min-height: 100px; } .text-area-line-icon-wrapper { position: absolute; inset: 14px auto 0% 0; } .text-area-line-icon-wrapper.small { top: 9px; } .select { padding: 0 var(--components--input-text--paddings--pd-medium); border-radius: var(--components--inputs-select--border-radius--br-regular); color: var(--components--input-text--text-color--text-default); font-size: var(--core--font-size--base-font); line-height: var(--core--line-height--regular); background-color: #0000; border: 0 solid #0000; height: 100%; margin-bottom: 0; } .select.icon-left { padding-left: 34px; } .select.small { padding-right: var(--components--input-text--paddings--pd-regular); padding-left: var(--components--input-text--paddings--pd-regular); font-size: var(--core--font-size--paragraphs--small); } .select.small.icon-left { padding-left: 28px; } .select-wrapper { border: var(--components--inputs-select--border-width--bw-regular) solid var(--components--input-text--border-color--br-default); border-radius: var(--components--inputs-select--border-radius--br-regular); background-color: var(--components--input-text--background-color--bg-default); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small); height: 44px; transition: border-color 0.3s; position: relative; overflow: hidden; } .select-wrapper:hover { border-color: var(--components--input-text--border-color--br-tertiary); } .select-wrapper.icon-left { padding-left: 0; } .select-wrapper.medium { height: 48px; } .select-wrapper.small { height: 40px; } .select-icon-wrapper { padding-right: var(--components--input-text--paddings--pd-medium); background-color: var(--core--colors--neutral--100); cursor: default; flex-direction: column; justify-content: center; display: flex; position: absolute; inset: 0% 0 0% auto; } .select-icon-wrapper.left { padding-right: 0; inset: 0% auto 0% 16px; } .select-icon-wrapper.left.small { padding-right: 0; left: 12px; } .select-icon-wrapper.small { padding-right: var(--components--input-text--paddings--pd-regular); } .grid-3-columns { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-bottom: 20px; display: grid; } .grid-3-columns.team-members { grid-column-gap: 60px; grid-row-gap: 60px; grid-template-columns: 1fr 1fr 1fr; justify-content: space-between; align-items: stretch; } .grid-3-columns.gap-16px { grid-column-gap: 16px; grid-row-gap: 16px; } .grid-3-columns.grid-footer { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: 58px; grid-template-columns: auto minmax(auto, 472px) auto 1fr; justify-content: space-between; } .grid-3-columns.grid-footer.v2 { grid-template-columns: minmax(auto, 458px) minmax(auto, 524px) auto; } .grid-3-columns.gap-0px { grid-column-gap: 0; grid-row-gap: 0; } .grid-3-columns.align-start { align-items: start; } .grid-3-columns.product-images { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: 1fr auto auto; grid-auto-flow: row dense; min-height: 100%; } .grid-3-columns.label-product-grid { grid-column-gap: 18px; grid-row-gap: 18px; margin-left: -24px; margin-right: -24px; } .grid-3-columns.blog-v2-grid { grid-column-gap: 26px; grid-row-gap: 60px; } .grid-3-columns.ecommerce-v1-grid-3-col { grid-column-gap: 30px; grid-row-gap: 33px; } .grid-3-columns.ecommerce-v2-grid-3-col { grid-column-gap: 30px; grid-row-gap: 40px; } .grid-3-columns.blog-featured-v3-grid { grid-column-gap: 0; grid-row-gap: 0; } .checkbox { border-width: var(--globals--border-width--bw-default); border-color: var(--components--input-text--border-color--br-default); border-radius: var(--globals--border-radius--br-small); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-regular); width: 18px; min-width: 18px; height: 18px; min-height: 18px; margin-top: 0; margin-left: 0; margin-right: 0; transition: border-color 0.3s; } .checkbox:hover { border-color: var(--globals--border-color--border-accent); } .checkbox.w--redirected-checked { border-color: var(--globals--border-color--border-accent); border-radius: var(--globals--border-radius--br-small); background-color: var(--globals--color--surfaces--accent); background-image: url(../images/check-icon.svg); } .checkbox.w--redirected-focus { border-color: var(--globals--border-color--border-accent); border-radius: var(--globals--border-radius--br-small); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-regular); } .checkbox.small { width: 14px; min-width: 14px; height: 14px; min-height: 14px; } .checkbox-wrapper { grid-column-gap: var(--components--checkboxes-radios-toogles--gaps--gap-regular); grid-row-gap: var(--components--checkboxes-radios-toogles--gaps--gap-regular); line-height: var(--core--line-height--small); align-items: center; margin-bottom: 0; padding-left: 0; display: flex; } .checkbox-wrapper.small { font-size: var(--core--font-size--displays--display-1); } .checkbox-text { color: var(--globals--color--texts--04); margin-bottom: 0; } .mg-bottom-0 { margin-bottom: 0; } .radio-button-wrapper { grid-column-gap: var(--components--checkboxes-radios-toogles--gaps--gap-regular); grid-row-gap: var(--components--checkboxes-radios-toogles--gaps--gap-regular); line-height: var(--core--line-height--small); align-items: center; margin-bottom: 0; padding-left: 0; display: flex; } .radio-button-wrapper.small { font-size: var(--core--font-size--displays--display-1); } .radio-button { border: var(--globals--border-width--bw-default) solid var(--components--input-text--border-color--br-default); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-regular); width: 18px; height: 18px; margin-top: 0; margin-left: 0; margin-right: 0; transition: border-color 0.3s; } .radio-button:hover { border-color: var(--globals--border-color--border-accent); } .radio-button.w--redirected-checked { border-color: var(--globals--border-color--border-accent); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-regular); } .radio-button.w--redirected-focus { border-color: var(--globals--border-color--border-accent); box-shadow: 1px 0 3px 0 var(--core--box-shadow--bs-neutral-regular); } .radio-button.small { width: 14px; height: 14px; } .toggle-wrapper { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); color: var(--globals--color--texts--04); line-height: var(--core--line-height--small); align-items: center; display: flex; } .toggle-wrapper.small { font-size: var(--core--font-size--displays--display-1); } .toggle-button-wrapper { z-index: 1; border: 0 solid var(--globals--color--surfaces--07); background-color: var(--globals--color--surfaces--07); cursor: pointer; border-radius: 40px; align-items: center; min-width: 32px; max-width: 32px; min-height: 18px; max-height: 18px; padding: 2px; display: flex; position: relative; overflow: hidden; } .toggle-button-wrapper.small { min-width: 24px; max-width: 24px; min-height: 14px; max-height: 14px; } .toggle-button-bg { z-index: 1; border: var(--globals--border-width--bw-default) solid var(--globals--border-color--border-accent); background-color: var(--globals--color--surfaces--accent); opacity: 0; border-radius: 40px; position: absolute; inset: 0; } .toggle-button-circle-inside { z-index: 2; background-color: var(--globals--color--surfaces--01); box-shadow: 0 1px 1px 0 var(--core--box-shadow--bs-neutral-small); border-radius: 100%; min-width: 14px; max-width: 14px; min-height: 14px; max-height: 14px; transition: transform 0.3s; position: relative; } .toggle-button-circle-inside.small { min-width: 10px; max-width: 10px; min-height: 10px; max-height: 10px; } .upload-wrapper { padding: var(--components--cards--paddings--pd-large); border-radius: var(--components--cards--border-radius--br-regular); background-color: var(--components--cards--background-color--bg-color-default); box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-regular); outline-color: var(--globals--border-color--border-5); text-align: center; outline-width: 1.5px; outline-style: dashed; flex-direction: column; justify-content: center; align-items: center; transition: background-color 0.3s; display: flex; } .upload-wrapper:hover { background-color: var(--components--cards--background-color--bg-color-secondary); outline-color: var(--globals--border-color--border-6); display: flex; } .paragraph-large { color: var(--secondary); font-size: var(--core--font-size--paragraphs--small); margin-bottom: 0; line-height: 1.6em; } .paragraph-large.text-center { font-size: var(--core--font-size--displays-mbl--display-1); text-align: left; justify-content: center; display: flex; } .paragraph-large.text-center.lol { text-align: center; padding-left: 60px; padding-right: 60px; } .paragraph-large.small { font-size: var(--core--font-size--paragraphs--small); } .paragraph-large.no-margin { margin-bottom: 0; } .paragraph-large.text-size { font-size: var(--core--font-size--paragraphs--small); } .paragraph-large.text-size.pd-top-medium { font-size: var(--core--sizes--size-3); } .paragraph-large.text-size.pd-top-large { font-size: var(--core--font-size--paragraphs--large); line-height: 1.7em; } .paragraph-large.text-size.pd-top-large.small { font-size: var(--core--font-size--paragraphs--small); } .paragraph-large.text-size.pd-top-large.small.card-text { height: 40vh; } .paragraph-large.height0 { line-height: 1.5em; } .paragraph-large.height0.size { font-size: var(--core--sizes--size-3); margin-bottom: 10px; } .paragraph-medium { margin-bottom: 0; font-size: 16px; line-height: 24px; } .paragraph-small { font-size: var(--core--font-size--paragraphs--small); } .paragraph-small.foot-text { color: var(--primary); line-height: var(--core--line-height--regular); } .badge-dark { padding: var(--components--badges--paddings--pd-regular); grid-column-gap: var(--components--badges--gaps--pd-regular); grid-row-gap: var(--components--badges--gaps--pd-regular); border-radius: var(--components--badges--border-radius--br-regular); background-color: var(--components--badge-primary--background-color--bg-dark); color: var(--components--badge--text-color--text-accent); line-height: var(--core--line-height--regular); align-items: center; display: flex; } .badge-dark.neutral { background-color: var(--components--badge-neutral--background-color--bg-dark); color: var(--components--badge--text-color--text-light); } .badge-dark.secondary { border: var(--globals--border-width--bw-default) solid var(--components--badge-secondary--border-color--bg-dark); color: var(--components--badge--text-color--text-light); background-color: #0000; } .badge-dark.tertiary { border: var(--globals--border-width--bw-default) solid var(--components--badge-tertiary--border-color--bg-dark); background-color: var(--components--badge-tertiary--background-color--bg-dark); color: var(--components--badge--text-color--text-light); } .badge-dark.small { padding: var(--components--badges--paddings--pd-small); grid-column-gap: var(--components--badges--gaps--pd-small); grid-row-gap: var(--components--badges--gaps--pd-small); border-radius: var(--components--badges--border-radius--br-small); font-size: var(--core--font-size--displays--display-1); } .tabs-line-menu-wrapper { flex-direction: row; justify-content: center; align-items: center; margin-bottom: 48px; display: flex; } .accordion-top { justify-content: space-between; align-items: flex-start; display: flex; } .accordion-icon-wrapper { margin-left: var(--globals--margins--mg-small); justify-content: center; align-items: center; width: 16px; height: 16px; display: flex; position: relative; } .accordion-icon-wrapper.mg-left-0px { margin-left: 0; } .accordion-icon-wrapper.add-to-cart-icon-absolute { transform-style: preserve-3d; flex-flow: column; width: auto; height: auto; margin-left: 0; padding-top: 12px; padding-bottom: 12px; padding-right: 24px; position: absolute; inset: 0% 0% 0% auto; transform: translate3d(0, 0, 0.01px); } .accordion-icon-line { height: var(--core--border-width--bw-size-4); border-radius: var(--core--border-radius--br-size-5); background-color: var(--globals--color--surfaces--07); width: 12px; } .accordion-icon-line.vertical { position: absolute; transform: rotate(90deg); } .accordion-paragraph { padding-top: var(--globals--paddings--pd-default); overflow: hidden; } .accordion-paragraph.v2 { padding-top: var(--globals--margins--mg-tiny); font-size: var(--core--font-size--paragraphs--small); line-height: 1.6em; } .accordion-item-v1 { transform-style: preserve-3d; width: 100%; padding: 48px 0; transition: transform 0.3s; overflow: hidden; } .accordion-item-v1:hover { transform: translate3d(4px, 0, 0.01px); } .accordion-item-v1.style2 { padding-top: 20px; padding-bottom: 20px; } .buttons-row { grid-column-gap: var(--globals--gaps--gap-medium); justify-content: center; align-items: center; display: flex; } .buttons-row.left { justify-content: flex-start; } .buttons-row.width-100-mobile-landscape.center-mbp.h { justify-content: space-between; width: 100%; } .rich-text p { margin-top: var(--globals--margins--mg-small); margin-bottom: var(--globals--margins--mg-small); } .rich-text h1 { margin-bottom: var(--globals--margins--mg-small); font-size: var(--core--font-size--displays--display-9); } .rich-text h2 { margin-bottom: var(--globals--margins--mg-small); font-size: var(--core--font-size--displays--display-8); } .rich-text ul { margin-top: var(--globals--margins--mg-default); margin-bottom: var(--globals--margins--mg-medium); padding-left: var(--globals--paddings--pd-large); } .rich-text li { margin-bottom: 10px; } .rich-text figure { margin-top: 48px; margin-bottom: 48px; } .rich-text figcaption { margin-top: 8px; } .rich-text h4 { margin-top: var(--globals--margins--mg-large); margin-bottom: var(--globals--margins--mg-small); font-size: var(--core--font-size--displays--display-6); } .rich-text h5 { margin-top: var(--globals--margins--mg-large); margin-bottom: var(--globals--margins--mg-small); font-size: var(--core--font-size--displays--display-5); } .rich-text h6 { margin-top: var(--globals--margins--mg-large); margin-bottom: var(--globals--margins--mg-small); font-size: var(--core--font-size--displays--display-4); } .rich-text ol { margin-top: var(--globals--margins--mg-default); margin-bottom: var(--globals--margins--mg-medium); padding-left: var(--globals--paddings--pd-large); } .rich-text img { border-radius: 0; } .rich-text h3 { margin-top: var(--globals--margins--mg-large); margin-bottom: var(--globals--margins--mg-small); font-size: var(--core--font-size--displays--display-7); } .rich-text blockquote { margin-top: 48px; margin-bottom: 48px; } .image-wrapper { border-radius: 20px; overflow: hidden; } .image-wrapper.full-image-section { position: absolute; inset: 0%; } .image-wrapper.full-image-section.hero-v1-image { z-index: 0; top: 0; bottom: 0; left: auto; } .image-wrapper.testimonial-image-left { flex-flow: column; justify-content: center; align-items: stretch; width: 63%; display: flex; position: absolute; top: 0; bottom: 0; left: 0; } .image-wrapper.testimonial-image-left.v2 { z-index: 1; width: 52%; margin-bottom: 5%; position: relative; } .image-wrapper.our-mission-image-left-2 { margin-top: 118px; position: relative; } .image-wrapper.our-mission-image-left-1 { margin-bottom: 118px; position: relative; } .image-wrapper.testimonial-floating-image { max-width: 140px; margin-bottom: -12px; margin-right: -68px; position: absolute; inset: auto 0% 0% auto; } .image-wrapper.testimonial-floating-image.v2 { max-width: 150px; margin-right: -75px; } .image-wrapper.feature-v2-image-right { flex-flow: column; min-height: 260px; max-height: 260px; display: flex; } .image-wrapper.cta-newsletter-image-left { justify-content: center; align-items: center; margin-top: -61px; margin-bottom: -108px; display: flex; overflow: visible; } .image-wrapper.featured-post-v1-image { flex-flow: column; flex: 1; max-height: 410px; display: flex; } .image-wrapper._w-h-100.not-found-grid-image { justify-content: center; align-items: center; display: flex; } .image-wrapper._w-h-100.sticky-top.center-image---text-circle-wrapper.container { justify-content: center; align-items: flex-start; } .image-wrapper._w-h-100.flex { justify-content: center; align-items: center; } .image-wrapper.blog-card-v1-image { max-height: 498px; } .image-wrapper.product-popular-image-wrapper { flex: 1; justify-content: center; align-items: flex-start; max-width: 37%; margin-bottom: 0%; display: flex; } .image-wrapper.product-popular-image-wrapper._w-h-100.illustrated-image { z-index: 0; justify-content: flex-start; align-items: center; max-width: 92%; height: 60%; position: absolute; } .image-wrapper.blog-card-v2-image { flex-flow: column; padding-top: 117%; display: flex; position: relative; } .image-wrapper.layout-media-image { flex-flow: column; justify-content: center; align-items: center; max-height: 608px; display: flex; } .image-wrapper.category-product-v2---image-wrapper { flex-flow: column; flex: 1; display: flex; position: absolute; inset: 0%; } .image-wrapper.ecommerce-card-v2---image-wrapper { flex: 1; justify-content: center; align-items: flex-start; max-height: 394px; margin-bottom: -38px; display: flex; position: relative; } .image-wrapper.ecommerce-card-v2---image-wrapper._4-cols---desktop { margin-bottom: -10%; } .image-wrapper.grow { flex: 1; } .image-wrapper.blog-card-v2-5-image { flex-flow: column; max-height: 333px; display: flex; position: relative; } .image-wrapper.featured-post-v2-image { flex-flow: column; flex: 1; min-height: 580px; max-height: 580px; display: flex; } .image-wrapper.blog-post-image { max-height: 656px; } .image-wrapper.card-category-image { flex-flow: column; width: 65%; display: flex; position: absolute; inset: -15% -11% 0% auto; } .image-wrapper.ecommerce-card-v3---image-wrapper { flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 100%; max-width: 100%; min-height: 387px; max-height: 387px; display: flex; overflow: visible; } .image-wrapper.ecommerce-card-v3-1---image-wrapper { flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; max-width: 98%; margin: -28% -28% -28% auto; display: flex; } .image-wrapper.ecommerce-card-v1-2-cols---image-wrapper { flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 100%; max-width: 100%; min-height: 320px; max-height: 320px; display: flex; overflow: visible; } .image-wrapper.max450px { width: 50%; position: relative; } .utp---sidebar-dropdown { width: 100%; } .utp---sidebar-dropdown-button { padding: var(--components--dropdowns--paddings--pd-regular); font-size: var(--core--font-size--displays--display-1); line-height: var(--core--line-height--small); letter-spacing: var(--core--letter-spacing--regular); text-transform: uppercase; justify-content: space-between; align-items: center; width: 100%; font-weight: 600; transition: transform 0.3s; display: flex; } .utp---sidebar-dropdown-button:hover { transform: translate(6px); } .utp---dropdown-icon { background-color: var(--globals--utilities--utility-2); border-radius: 50%; justify-content: center; align-items: center; width: 20px; min-width: 20px; height: 20px; min-height: 20px; display: flex; } .utp---sidebar-dropdown-list { padding-top: var(--globals--paddings--pd-extra-small); background-color: #0000; overflow: hidden; } .utp---sidebar-dropdown-list.w--open { position: static; } .utp---sidebar-dropdown-item { padding: var(--components--dropdowns--gaps--gap-regular) var(--components--dropdowns--paddings--pd-regular) var(--components--dropdowns--paddings--pd-regular) var(--components--dropdowns--gaps--gap-regular); grid-column-gap: var(--components--input-text--gaps--gap-regular); grid-row-gap: var(--components--input-text--gaps--gap-regular); border: var(--core--border-width--bw-size-2) solid #fff0; border-radius: var(--core--border-radius--br-size-2); background-color: var(--components--cards--background-color--bg-color-default); color: var(--components--titles-paragraphs--text-paragraphs); align-items: center; text-decoration: none; transition: color 0.3s, border-color 0.3s; display: flex; } .utp---sidebar-dropdown-item:hover { border-color: var(--globals--utilities--utility-accent); color: var(--globals--utilities--utility-6); } .utp---sidebar-dropdown-item.w--current { border-color: var(--1\); color: var(--neutral--800); font-weight: 600; box-shadow: 0 1px 3px #2388ff1a; } .utp---spacers-wrapper { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); flex-wrap: wrap; align-items: flex-start; display: flex; } .utp---spacers-wrapper.bottom-aligned { align-items: flex-end; } .utp---spacer-wrapper { border: var(--globals--border-width--bw-large) solid var(--globals--utilities--utility-accent); background-color: var(--globals--utilities--utility-1); color: var(--components--titles-paragraphs--text-accent); font-size: var(--core--font-size--displays--display-1); line-height: var(--core--line-height--regular); text-align: center; flex-direction: column; justify-content: center; align-items: center; width: 80px; height: 80px; font-weight: 600; display: flex; } .mg-top-extra-large { margin-top: var(--globals--margins--mg-extra-large); } .mg-bottom-tiny { margin-bottom: var(--globals--margins--mg-tiny); } .mg-bottom-extra-small { margin-bottom: var(--globals--margins--mg-extra-small); } .mg-bottom-small { margin-bottom: var(--globals--margins--mg-small); } .mg-bottom-default { margin-bottom: var(--globals--margins--mg-default); } .mg-bottom-medium { margin-bottom: var(--globals--margins--mg-medium); } .mg-bottom-large { margin-bottom: var(--globals--margins--mg-large); } .mg-bottom-48px { margin-bottom: 48px; } .mg-bottom-extra-large { margin-bottom: var(--globals--margins--mg-extra-large); } .mg-right-default { margin-right: var(--globals--margins--mg-default); } .mg-right-medium { margin-right: var(--globals--margins--mg-extra-large); } .mg-right-medium.custom { width: 300px; height: 380px; } .mg-right-large { margin-right: var(--globals--margins--mg-large); } .mg-right-extra-large { margin-right: var(--globals--margins--mg-extra-large); } .mg-left-tiny { margin-left: var(--globals--margins--mg-tiny); } .mg-left-extra-small { margin-left: var(--globals--margins--mg-extra-small); } .mg-left-small { margin-left: var(--globals--margins--mg-small); } .mg-left-default { margin-left: var(--globals--margins--mg-default); } .mg-left-medium { margin-left: var(--globals--margins--mg-medium); } .mg-left-large { margin-left: var(--globals--margins--mg-large); } .mg-left-extra-large { margin-left: var(--globals--margins--mg-extra-large); } .pd-top-tiny { padding-top: var(--globals--paddings--pd-tiny); } .pd-top-extra-small { padding-top: var(--globals--paddings--pd-extra-small); } .pd-top-12px { padding-top: var(--globals--paddings--pd-small); } .pd-top-default { padding-top: var(--globals--paddings--pd-default); } .pd-top-medium { padding-top: var(--globals--paddings--pd-medium); } .pd-top-large { padding-top: var(--globals--paddings--pd-large); } .pd-top-extra-large { padding-top: var(--globals--paddings--pd-extra-large); } .pd-bottom-tiny { padding-bottom: var(--globals--paddings--pd-tiny); } .pd-bottom-extra-small { padding-bottom: var(--globals--paddings--pd-extra-small); } .pd-bottom-small { padding-bottom: var(--globals--paddings--pd-small); } .pd-bottom-default { padding-bottom: var(--globals--paddings--pd-default); } .pd-bottom-medium { padding-bottom: var(--globals--paddings--pd-medium); } .pd-bottom-large { padding-bottom: var(--globals--paddings--pd-large); } .pd-bottom-extra-large { padding-bottom: var(--globals--paddings--pd-extra-large); } .pd-right-tiny { padding-right: var(--globals--paddings--pd-tiny); } .pd-right-extra-small { padding-right: var(--globals--paddings--pd-extra-small); } .pd-right-small { padding-right: var(--globals--paddings--pd-small); } .pd-right-default { padding-right: var(--globals--paddings--pd-default); } .pd-right-medium { padding-right: var(--globals--paddings--pd-medium); } .pd-right-large { padding-right: var(--globals--paddings--pd-large); } .pd-right-extra-large { padding-right: var(--globals--paddings--pd-extra-large); } .pd-left-tiny { padding-left: var(--globals--paddings--pd-tiny); } .pd-left-extra-small { padding-left: var(--globals--paddings--pd-extra-small); } .pd-left-small { padding-left: var(--globals--paddings--pd-small); } .pd-left-default { padding-left: var(--globals--paddings--pd-default); } .pd-left-medium { padding-left: var(--globals--paddings--pd-medium); } .pd-left-large { padding-left: var(--globals--paddings--pd-large); } .pd-left-extra-large { padding-left: var(--globals--paddings--pd-extra-large); } .utp---block-item-wrapper { padding: var(--globals--paddings--pd-default); border: var(--globals--border-width--bw-default) dashed var(--globals--utilities--utility-accent); border-radius: var(--core--border-radius--br-size-3); background-color: var(--globals--utilities--utility-1); box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-primary-small); } .utp---blocks-1440px-wrapper { width: 100%; max-width: 1440px; overflow: hidden; } .utp---blocks-1440px-wrapper.overflow-visible { overflow: visible; } .notification-bar { color: var(--components--titles-paragraphs--text-light); background-color: #00489d; position: relative; overflow: hidden; } .container-default { max-width: var(--core--sizing--container-default--default); padding-right: var(--core--container-default--padding--default); padding-left: var(--core--container-default--padding--default); margin-left: auto; margin-right: auto; } .container-default.z-index-1.width-100 { padding-right: var(--components--accordions--border-radius--br-none); padding-left: var(--components--accordions--border-radius--br-none); margin-left: 0; margin-right: 0; } .container-default.display-block { display: block; } .notification-bar-padding { padding: var(--globals--paddings--pd-small) var(--globals--paddings--pd-medium); } .notification-bar-padding._0px { padding-left: 0; padding-right: 0; } .utp---block-wrapper { flex-direction: column; width: 100%; display: flex; } .utp---block-wrapper.first { margin-top: 0; } .utp---block-badge { margin-left: var(--globals--margins--mg-small); padding: var(--globals--paddings--pd-tiny) var(--globals--paddings--pd-small); border-top-left-radius: var(--components--badges--border-radius--br-regular); border-top-right-radius: var(--components--badges--border-radius--br-regular); background-color: var(--globals--utilities--utility-accent); color: var(--globals--utilities--utility-1); font-size: var(--core--font-size--displays--display-1); line-height: var(--core--line-height--regular); letter-spacing: var(--core--letter-spacing--regular); text-transform: uppercase; align-self: flex-start; font-weight: 600; } .notification-bar-close-icon { font-size: var(--core--font-size--displays--display-4); cursor: pointer; justify-content: center; align-items: center; width: 48px; font-weight: 400; transition: transform 0.3s; display: flex; position: absolute; inset: 0% 0% 0% auto; } .notification-bar-close-icon:hover { transform: scale(0.92); } .flex-vertical { flex-direction: column; align-items: flex-start; display: flex; } .flex-vertical.align-start { align-items: flex-start; } .flex-vertical.space-between---height-100 { justify-content: space-between; height: 100%; } .flex-vertical.stretch { justify-content: flex-start; align-items: stretch; } .overflow-hidden { overflow: hidden; } .header-wrapper { background-color: var(--transparent); border-radius: 100%; width: 100%; padding-top: 10px; padding-bottom: 10px; } .header-wrapper.pd-32px { padding-top: var(--globals--paddings--pd-large); padding-bottom: var(--globals--paddings--pd-large); } .header-container-wrapper { grid-column-gap: var(--globals--gaps--gap-medium); justify-content: space-between; align-items: center; display: flex; } .header-container-wrapper.center { justify-content: center; } .list-nav-menu { grid-column-gap: 1.5vw; justify-content: center; align-items: center; margin-bottom: 0; padding-left: 0; font-size: 0.9vw; list-style-type: none; display: flex; } .list-nav-menu.desktop-hamburger { padding: var(--globals--paddings--pd-medium) var(--globals--paddings--pd-medium) var(--globals--paddings--pd-extra-large); grid-row-gap: var(--globals--gaps--gap-medium); flex-direction: column; align-items: flex-start; margin-left: auto; margin-right: auto; } .link-nav-item { text-decoration: none; } .link-nav-item:hover { color: var(--components--input-text--border-color--br-secondary); } .link-nav-item.w--current { color: #bb244e; } .link-nav-item.header-button { margin-top: var(--core--sizes--size-7); } .nav-menu-right-side { grid-column-gap: var(--globals--gaps--gap-large); flex-direction: row; justify-content: center; align-items: center; display: flex; } .hamburger-menu { padding: var(--globals--paddings--pd-tiny); grid-row-gap: 0; border-radius: var(--core--border-radius--br-size-2); background-color: var(--globals--color--surfaces--07); flex-direction: row; justify-content: center; align-items: center; width: 48px; min-width: 48px; height: 48px; min-height: 48px; transition: background-color 0.3s, transform 0.3s; position: static; } .hamburger-menu:hover { background-color: var(--globals--color--surfaces--accent); transform: scale(0.94); } .hamburger-menu.w--open { background-color: var(--primary); } .hamburger-menu.white { background-color: var(--components--buttons-primary--backgrounds--bg-dark-mode); } .hamburger-menu-line { border-radius: var(--core--border-radius--br-size-5); background-color: var(--globals--color--surfaces--01); width: 24px; height: 2px; } .hamburger-menu-line.top.white, .hamburger-menu-line.middle.white, .hamburger-menu-line.bottom.white { background-color: var(--globals--color--surfaces--07); } .hamburger-menu-flex { grid-row-gap: var(--globals--gaps--gap-small); flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .logo-wrapper.v3 { max-width: 125px; } .logo-wrapper.v1 { max-width: 185px; } .logo-wrapper.v1.center { margin-left: auto; margin-right: auto; } .nav-menu-wrapper.desktop-hamburger { margin-top: var(--globals--margins--mg-small); border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-default); border-radius: var(--components--cards--border-radius--br-regular); background-color: var(--globals--color--surfaces--01); box-shadow: 0 2px 8px 0 var(--core--box-shadow--bs-neutral-small); max-width: 1106px; margin-left: auto; margin-right: auto; } .nav-menu-left-side { grid-column-gap: var(--globals--gaps--gap-large); align-items: center; display: flex; } .social-media-grid { grid-column-gap: var(--globals--gaps--gap-default); align-items: center; display: flex; } .social-media-grid.social-media-large { grid-column-gap: var(--globals--gaps--gap-medium); grid-row-gap: var(--globals--gaps--gap-medium); flex-flow: wrap; } .section { padding-top: var(--components--sections--paddings--pd-extra-large); padding-bottom: var(--components--sections--paddings--pd-extra-large); background-color: var(--transparent); } .section.cta { padding-top: var(--components--sections--paddings--pd-large); padding-bottom: var(--components--sections--paddings--pd-large); background-color: var(--components--sections--backgrounds--bg-color-tertiary); } .section.cta.cta-v4 { background-color: var(--transparent); padding-top: 142px; padding-bottom: 200px; position: relative; } .section.cta-image-left { padding-top: var(--components--sections--paddings--pd-large); padding-bottom: var(--components--sections--paddings--pd-large); background-color: var(--core--colors--neutral--200); position: relative; } .section.cta-image-left.cta-v2 { background-image: url(../images/bg-hands-holding-dropper-skincare-x-webflow-template.png); background-position: 50%; background-repeat: no-repeat; background-size: cover; padding-top: 0; padding-bottom: 0; overflow: hidden; } .section.small { padding-top: var(--components--sections--paddings--pd-large); padding-bottom: var(--components--sections--paddings--pd-large); } .section.small.pd-top-0px.overflow-hidden { padding-top: 40px; } .section.small.pd-bottom-0px { padding-bottom: 0; } .section.overflow-hidden { padding-top: var(--components--popups--paddings--pd-large); padding-bottom: var(--components--sections--paddings--pd-small); } .section.hero-pages { padding-top: var(--components--sections--paddings--pd-large); background-image: linear-gradient(to bottom, white 50%, var(--core--colors--primary--100) 50%); overflow: hidden; } .section.cta-sales-home { padding-top: var(--components--sections--paddings--pd-medium); padding-bottom: var(--core--sizes--size-10); background-image: linear-gradient(180deg, var(--core--colors--neutral--200) 23%, white 23%); } .section.top { padding-top: var(--components--sections--paddings--pd-large); } .section.pd-0px { margin-bottom: 20px; padding-top: 0; padding-bottom: 0; display: flex; } .section.pd-0px.bc { margin-bottom: 100px; } .section.hero { position: relative; overflow: hidden; } .section.hero.pd-0px { display: block; } .section.hero.pd-0px.h { bottom: auto; } .section.hero.hero-top-80 { padding-top: 80px; padding-bottom: 0; } .section.hero.hero-214px { background-color: var(--core--colors--neutral--200); padding-top: 214px; padding-bottom: 214px; } .section.hero.hero-144px---600-bg { background-color: var(--core--colors--primary--600); padding-top: 144px; padding-bottom: 144px; } .section.hero.hero-top-46px---bottom-70px { padding-top: 46px; padding-bottom: 70px; } .section.hero.collection-v2 { background-color: var(--core--colors--primary--200); padding-top: 160px; padding-bottom: 160px; } .section.hero.hero-top-170px---bottom-250px { background-color: var(--core--colors--neutral--200); padding-top: 170px; padding-bottom: 250px; } .section.hero.hero-62---200 { padding-top: 62px; padding-bottom: 200px; } .section.hero.pd-top-80px---bottom-200px { padding-top: 120px; padding-bottom: 40px; } .section.hero.checkout { background-color: var(--core--colors--primary--400); padding-top: 144px; padding-bottom: 144px; } .section.hero.hero-top-80px---bottom-50px { padding-top: 80px; padding-bottom: 50px; } .section.hero.hero-top-90px---bottom-150px { padding-top: 90px; padding-bottom: 150px; } .section.hero.hero-top-100px---bottom-200px { padding-top: 100px; padding-bottom: 200px; } .section.hero.utility-page-hero { background-color: var(--core--colors--primary--400); padding-top: 144px; padding-bottom: 100px; bottom: 100px; } .section.pd-top-0px { padding-top: 60px; } .section.pd-top-0px.pd-around { margin-top: 0; padding-left: 40px; padding-right: 40px; } .section.pd-top-0px.pd-around.p20.home-cert { padding-bottom: 60px; } .section.bg-neutral-200 { background-color: var(--core--colors--neutral--200); } .section.pd-top-80px { padding-top: var(--core--sizes--size-10); padding-bottom: var(--components--sections--paddings--pd-extra-small); } .section.pd-bottom-200px { padding-bottom: 200px; } .section.pd-200px { padding-top: 100px; padding-bottom: 200px; } .section.pd-200px.pd-top-150px { padding-top: 150px; } .section.pd-200px.pd-top-80px { padding-top: 80px; } .section.pd-200px.pd-top-0px { padding-top: 0; } .section.pd-top-64px { padding-top: 64px; } .section.pd-100px { padding-top: 100px; padding-bottom: 100px; } .section.pd-bottom-0px { padding-bottom: 0; } .section.pd-150px { padding-top: 150px; padding-bottom: 150px; } .section.pd-150px.pd-top-0px { padding-top: 0; } .section.pd-150px.pd-top-64px { padding-top: 64px; } .section.pd-150px.pd-top-80px { padding-top: var(--components--sections--paddings--pd-large); } .section.cta-newsletter-image-left { background-color: var(--core--colors--neutral--200); padding-top: 132px; padding-bottom: 132px; position: relative; overflow: hidden; } .section.cta-newsletter-image-left-v2 { padding-top: 0; padding-bottom: 0; position: relative; } .section.pd-left-extra-large.pd-right-extra-large.pd-top-none { padding-top: var(--core--letter-spacing--none); } .section.medium { padding-top: 80px; padding-bottom: 80px; } .section.medium.xs { padding-top: 40px; padding-bottom: 40px; } .section.xs.story { padding-top: 60px; } .position-relative { position: relative; } .position-relative.overflow-hidden { background-color: var(--primary); padding-top: 32px; } .position-relative.overflow-hidden._w-h-100 { background-color: #0000; padding-top: 0; padding-bottom: 120px; position: relative; left: 25px; } .image-full-width-and-height { object-fit: cover; width: 100%; height: 100%; } .image-left-50 { object-fit: cover; width: 50%; height: 100%; position: absolute; inset: 0% auto 0% 0%; } .image-left-50.cta-newsletter { object-fit: cover; width: 50%; height: 100%; position: absolute; inset: 0% auto 0% 0%; overflow: hidden; } .z-index-1 { z-index: 1; position: relative; } .grid-form { grid-column-gap: 24px; grid-row-gap: var(--globals--grid-gap--medium); grid-template-rows: auto; } .form-wrapper { flex-flow: column; justify-content: center; width: 100%; min-height: 423px; margin-bottom: 0; display: flex; } .footer-wrapper { background-color: var(--core--colors--primary--100); overflow: hidden; } .footer-wrapper.bg-neutral-100 { background-color: var(--core--colors--neutral--100); } .footer-top { padding-top: var(--components--footers--paddings--pd-extra-large); padding-bottom: var(--components--footers--paddings--pd-medium); } .footer-top.logo-font-top-footer { padding-top: 92px; padding-bottom: 72px; position: relative; } .footer-bottom { padding-top: var(--components--footers--paddings--pd-extra-large); padding-bottom: var(--components--footers--paddings--pd-extra-large); } .footer-bottom.text-slider-footer { padding-top: 0; padding-bottom: 17px; } .footer-center { padding-bottom: var(--core--sizes--size-5); } .footer-center.v3 { padding-top: var(--components--footers--paddings--pd-large); padding-bottom: var(--components--footers--paddings--pd-large); } .contact-icon-link { grid-column-gap: var(--globals--gaps--gap-medium); grid-row-gap: var(--globals--gaps--gap-medium); color: var(--components--titles-paragraphs--text-titles); transform-style: preserve-3d; justify-content: flex-start; align-items: flex-start; text-decoration: none; transition: transform 0.3s, color 0.3s; display: flex; } .contact-icon-link:hover { color: var(--components--titles-paragraphs--text-accent); transform: translate3d(4px, 0, 0.01px); } .footer-logo-wrapper.v3 { max-width: 184px; } .success-message-wrapp { background-color: #0000; padding: 0; } .error-message-wrapper { margin-top: var(--globals--margins--mg-small); border-radius: var(--components--cards--border-radius--br-regular); background-color: var(--transparent); color: var(--core--colors--system--red-400); text-align: center; padding: 0; } .error-message-wrapper.add-to-cart-error { color: var(--globals--color--texts--04); } .error-message-wrapper.add-to-cart-error.alt { text-align: left; } .error-message-wrapper.cart-error { margin-top: 0; } .error-message-wrapper.text-left { text-align: left; } .slider-wrapper { background-color: #0000; height: 100%; } .slider-wrapper.buttons-center---mbp { overflow: visible; } .hidden { display: none; } .slider-mask { height: 100%; } .slider-mask.testimonial-card-horizontal { width: 96vw; height: auto; overflow: visible; } .slider-mask.featured-products-slide { max-width: 100%; overflow: visible; } .logo-marquee-image-wrapper { flex: none; } .logo-marquee-image-wrapper.text---diamond-slide { grid-column-gap: 10px; grid-row-gap: 10px; align-items: center; display: flex; } .logo-marquee-image-wrapper.text---diamond-slide.footer-marquee-slide { grid-column-gap: 30px; grid-row-gap: 30px; } .accordion-wrapper { cursor: pointer; } .link-avatar-image { transition: transform 0.3s; } .link-avatar-image:hover { transform: scale(0.94); } .badge-position-absolute { z-index: 2; position: absolute; inset: 16px 16px auto auto; } .image-link-wrapper { overflow: hidden; } .image-link-wrapper.team-member-image-wrapper { flex: 1; display: flex; } .image.width-100.cover---grow { object-fit: cover; flex: 1; } .image.cover-image { object-fit: cover; width: 100%; height: 100%; } .image.cover-image.testimonial---slide---image { object-position: 50% 50%; border-radius: 25px; width: 70%; height: auto; } .image.cover-image.testimonial---slide---image.contain { object-fit: contain; } .image._w-h-100.image-right-v1 { object-fit: contain; object-position: 50% 100%; } .image._w-h-100.card-category-image { object-fit: cover; width: 100%; height: 100%; } .image.image-right-v2---image { object-fit: contain; width: 100%; min-height: 100%; } .image._90 { max-width: 90%; } .testimonial-v2-bottom { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); justify-content: flex-start; align-items: flex-start; display: flex; } .title-left---content-right { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); flex-wrap: wrap; justify-content: space-between; align-items: flex-end; display: flex; } .title-left---content-right.center { align-items: center; } .title-left---content-right.text-content { grid-row-gap: 16px; } .title-left---content-right.mg-right-super { justify-content: space-between; align-items: center; margin-right: 0; } .feature-wrapper { grid-column-gap: 12px; grid-row-gap: 12px; font-size: var(--core--font-size--displays--display-3); line-height: var(--core--line-height--regular); justify-content: flex-start; align-items: flex-start; height: 69px; display: flex; } .feature-wrapper.gap-large.value-feature { grid-column-gap: 14px; grid-row-gap: 14px; font-size: var(--core--font-size--paragraphs--large); flex-flow: row; justify-content: flex-start; align-items: center; height: auto; } .feature-wrapper.gap-large.value-feature.res { justify-content: flex-start; align-items: center; width: auto; height: auto; } .feature-wrapper.gap-small { grid-column-gap: 8px; grid-row-gap: 8px; } .feature-wrapper._30px { height: 42px; } .divider-details { height: var(--components--divider--border-width--bw-regular); background-color: var(--components--divider--border-color--border-default); flex: 1; width: 100%; min-width: 20px; max-width: 76px; } .divider-details.small { width: 12px; min-width: 12px; max-width: 12px; } .divider-details.small.border-color---tertiary { background-color: var(--components--divider--border-color--border-tertiary); } .categories-badge-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: flex-end; align-items: center; display: flex; } .categories-badge-wrapper.center { justify-content: center; } .categories-badge-wrapper.vertical { grid-column-gap: 32px; grid-row-gap: 32px; flex-direction: column; } .blog-details---divider-wrapper { grid-column-gap: var(--globals--gaps--gap-medium); grid-row-gap: var(--globals--gaps--gap-default); flex-wrap: wrap; justify-content: flex-start; align-items: center; display: flex; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .utility-page-form.password-protected { width: 100%; max-width: 920px; margin-left: auto; margin-right: auto; } .blog-post-right-wrapper { border-top: var(--globals--border-width--bw-default) solid var(--core--colors--neutral--500); border-bottom: var(--components--cards--border-width--bw-regular) solid var(--core--colors--neutral--500); color: var(--components--titles-paragraphs--text-paragraphs); margin-bottom: -1px; padding-top: 48px; padding-bottom: 48px; text-decoration: none; transition: transform 0.3s, color 0.3s; } .blog-post-right-wrapper:hover { color: var(--core--colors--neutral--700); transform: translate(3px); } .sticky-top { position: sticky; top: 24px; } .content-section-card { flex-direction: column; justify-content: space-around; min-height: 100%; display: flex; } .ecommerce-card-wrapper { color: var(--core--colors--neutral--700); flex-direction: column; justify-content: space-between; height: 100%; text-decoration: none; display: flex; position: relative; } .ecommerce-card-wrapper:hover { color: var(--core--colors--neutral--700); } .ecommerce-card-wrapper.featured-products-card { grid-column-gap: 24px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 0.65fr 1fr; grid-auto-columns: 1fr; align-items: center; transition: transform 0.3s, color 0.3s; display: grid; } .ecommerce-card-wrapper.featured-products-card:hover { transform: translate(6px); } .ecommerce-card-bottom-content { flex-direction: column; flex: 1; justify-content: space-between; display: flex; } .ecommerce-card-bottom-content.content-over-image { flex-direction: row; position: absolute; inset: auto 28px 28px; } .ecommerce-card-bottom-content.content-over-image.content-hover-overlay { z-index: 2; grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: wrap; } .dropdown-wrapper.dropdown-default { position: relative; } .dropdown-toogle { grid-column-gap: var(--components--links--gaps--gap-small); grid-row-gap: var(--components--links--gaps--gap-small); font-size: 0.9vw; line-height: var(--core--line-height--regular); transform-style: preserve-3d; align-items: center; padding: 0; display: flex; } .dropdown-list { padding-right: var(--globals--paddings--pd-default); padding-bottom: var(--globals--paddings--pd-default); padding-left: var(--globals--paddings--pd-default); background-color: #0000; overflow: hidden; } .dropdown-list.dropdown-v1 { transform: translate(-15%); } .dropdown-pd { margin-top: var(--globals--margins--mg-small); padding: var(--components--cards--paddings--pd-small); border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default); border-radius: var(--components--cards--border-radius--br-regular); background-color: var(--components--cards--background-color--bg-color-default); box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-neutral-medium); } .dropdown-pd.dropdown-v1 { margin-top: var(--globals--margins--mg-small); padding: var(--globals--paddings--pd-large); border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-default); border-radius: var(--components--cards--border-radius--br-regular); background-color: var(--globals--color--surfaces--01); box-shadow: 0 4px 14px 0 var(--core--box-shadow--bs-neutral-small); width: 20vw; } .sidebar---navbar { padding-top: var(--globals--paddings--pd-extra-large); padding-right: var(--globals--paddings--pd-medium); padding-left: var(--globals--paddings--pd-medium); background-color: var(--components--cards--background-color--bg-color-default); } .utp---nav-menu-wrapper { width: 100%; } .success-message-wrapper { background-color: #0000; width: 100%; padding: 0; } .success-message-wrapper.white { color: var(--components--titles-paragraphs--text-light); } .card-wrapper { position: sticky; } .hover-rotate-card-wrapper { perspective: 2000px; transform-origin: 50%; } .arrow-card-wrapper { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .icon-font-squared { font-family: Icon Squared, sans-serif; } .filled-icons-font { font-family: Filled Icons, sans-serif; } .template-pages---sidebar-navigation { grid-column-gap: var(--globals--gaps--gap-small); grid-row-gap: var(--globals--gaps--gap-small); flex-direction: column; margin-bottom: 0; padding-left: 0; display: flex; } .template-pages---nav-item-link { padding: var(--globals--paddings--pd-extra-small) var(--globals--paddings--pd-default); background-color: #0000; border-radius: 0; text-decoration: none; transition: background-color 0.3s, color 0.3s; display: block; } .template-pages---nav-item-link:hover { background-color: var(--globals--color--surfaces--03); color: var(--components--titles-paragraphs--text-titles); } .template-pages---nav-item-link.w--current { background-color: var(--globals--color--surfaces--07); color: var(--components--titles-paragraphs--text-light); } .flex { display: flex; } .flex.align-center { align-items: center; } .template-pages---photography-wrapper { border-radius: var(--components--images--border-radius--br-small); transform-style: preserve-3d; transition-property: transform; overflow: hidden; } .template-pages---photography-wrapper:hover { transform: scale3d(0.96, 0.96, 1.01); } .sales-home---pages-container { margin-top: var(--globals--margins--mg-large); flex-direction: column; align-items: center; display: flex; } .sales-home---pages-row { justify-content: center; display: flex; } .sales-home---pages-row.bottom { margin-top: var(--core--sizes--size-5); } .sales-home---hero-link-wrapper { margin-right: var(--core--sizes--size-3); margin-left: var(--core--sizes--size-3); box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small); transform-style: preserve-3d; flex: none; max-width: 340px; transition: box-shadow 0.3s, transform 0.3s; overflow: hidden; } .sales-home---hero-link-wrapper:hover { box-shadow: 0 0 0 0 var(--core--box-shadow--bs-neutral-small); transform: scale3d(0.98, 0.98, 1.01); } .text-and-image-card---image-wrapper { width: 55%; } .text-and-image-card---text-container { padding: var(--components--cards--paddings--pd-large); flex-direction: column; justify-content: center; align-items: flex-start; max-width: 490px; display: flex; } .max-width-64px { max-width: 64px; } .sales-home---surprises-image-wrapper { overflow: hidden; } .sales-home---cta-card-text-container { padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium); width: 100%; } .sales-home-cta-card-square-logo { border-radius: var(--components--icons--border-radius--br-small); box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-small); max-width: 60px; } .sales-home-cta-card-square-logo.white { border: 1px solid var(--components--cards--border-color--br-color-default); } .sales-home---cta-card-image { min-width: 943px; max-width: 943px; margin-bottom: 6px; } .bg-secondary-100 { background-color: var(--core--colors--secondary--100); } .bg-secondary-500 { background-color: var(--core--colors--secondary--500); } .base-icon-font { font-family: var(--core--icon-family--base-font); } .base-icon-font.font-size-20px { font-size: 20px; } .bg-section-2 { background-color: var(--components--sections--backgrounds--bg-color-secondary); } .typography-badge-wrapper { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); align-items: center; display: flex; } .typography-card-top-content-wrapper { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); flex-wrap: wrap; justify-content: space-between; align-items: center; display: flex; } .bg-section-secondary { background-color: var(--components--sections--backgrounds--bg-color-secondary); } .utp---components-wrapper { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: 0; grid-template-rows: auto auto; grid-template-columns: auto 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: grid; } .utp---buttons-sidebar-item-wrapper { padding-top: var(--components--cards--paddings--pd-large); padding-bottom: var(--components--cards--paddings--pd-large); grid-column-gap: var(--globals--grid-gap--large); grid-row-gap: var(--globals--grid-gap--large); grid-template-rows: 1fr; grid-template-columns: 1fr; grid-auto-rows: 1fr; grid-auto-columns: 1fr; place-items: center end; height: 100%; display: grid; } .utp---buttons-sidebar-item-wrapper.tablet { display: none; } .utp---buttons-sidebar-item-wrapper.badges { align-items: start; } .text-neutral-light { color: var(--components--titles-paragraphs--text-neutral-light); } .check-icon { font-family: var(--core--icon-family--filled-icons); color: var(--globals--color--texts--accent); font-size: 16px; font-weight: 400; line-height: 1em; } .check-icon.small { width: 12px; height: 12px; } .check-icon.large { width: 16px; height: 16px; } .bullet-list-wrapper { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); flex-direction: column; margin-bottom: 0; padding-left: 20px; display: flex; } .radio-button-label { color: var(--globals--color--texts--04); margin-bottom: 0; } .gap-large { grid-column-gap: var(--globals--gaps--gap-large); grid-row-gap: var(--globals--gaps--gap-large); } .blog-details-wrapper-v1 { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); flex-flow: wrap; justify-content: space-between; align-items: center; width: 100%; display: flex; } .tabs-content---testimonial { overflow: visible; } .start-here-image { margin-bottom: var(--globals--margins--mg-large); width: 100%; } .start-here-image.last { margin-bottom: 0; } ._404-number { color: var(--core--colors--neutral--800); font-size: 216px; font-weight: 700; line-height: 1em; } .card-pages-included---bottom-content { padding: var(--components--cards--paddings--pd-default); text-align: center; flex-direction: column; display: flex; } .grid-pages { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .card-page---bottom-content { padding: var(--components--cards--paddings--pd-default); border-top: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default); } .text-color-primary-200 { color: var(--core--colors--primary--200); } .search-grid-wrapper { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .empty-state-message { padding: var(--components--cards--paddings--pd-small); border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-secondary); background-color: var(--core--colors--neutral--100); text-align: center; } .empty-state-message.add-to-cart-empty { border-left-style: none; border-right-style: none; width: 100%; margin-top: 0; } .empty-state-message.small { padding-top: var(--components--cards--paddings--pd-extra-small); padding-bottom: var(--components--cards--paddings--pd-extra-small); } .text-break-all { word-break: break-all; } .top-section { z-index: 1; padding-top: var(--components--sections--paddings--pd-large); padding-bottom: var(--components--sections--paddings--pd-extra-large); position: relative; } .mg-bottom-24px { margin-bottom: 24px; } .mg-bottom-24px.textt { color: var(--primary); } .checkout-form { background-color: #0000; min-height: auto; padding: 0; } .capitalize-every-word { text-transform: capitalize; } .checkout-block-header { padding: 0 0 var(--components--cards--paddings--pd-small); grid-column-gap: 20px; border-style: none none solid; border-bottom-color: var(--globals--border-color--border-4); background-color: #0000; flex-flow: wrap; margin-bottom: 28px; } .checkout-block-content { border: 1px solid var(--components--cards--border-color--br-color-default); background-color: #0000; padding: 60px 48px; } .checkout-block-content.top { background-color: var(--core--colors--primary--300); border-style: none; padding-top: 54px; padding-bottom: 27px; } .checkout-block-content.bottom { background-color: var(--core--colors--primary--300); border-style: none; padding-top: 0; } .checkout-block-content.none { border-style: none; padding: 0; } .cart-button { color: var(--components--links--text-color--text-dark); background-color: #0000; width: 27px; padding: 0; transition: opacity 0.3s; position: relative; } .cart-button:hover { opacity: 0.68; } .cart-quantity { color: var(--components--links--text-color--text-dark); font-size: var(--core--font-size--displays--display-2); line-height: var(--core--line-height--regular); min-width: auto; height: auto; margin-left: 0; padding-left: 0; padding-right: 0; font-weight: 400; } .cart-quantity.quantity-circle { background-color: var(--core--colors--secondary--300); color: var(--core--colors--neutral--100); text-indent: 1px; flex-flow: column; justify-content: center; align-items: center; width: 14px; min-width: 14px; height: 14px; min-height: 14px; font-size: 10px; line-height: 1em; display: flex; position: absolute; inset: 0 -3px auto auto; } .cart-quantity.quantity-circle:hover { color: var(--core--colors--neutral--100); } .cart-container { padding: var(--globals--paddings--pd-medium); box-shadow: none; background-color: #0000; max-width: 600px; } .icon-circle { border-radius: 50%; max-width: 180px; } .icon-circle.size-228px { width: 96%; max-width: 228px; } .icon-circle.center-image---text-circle { width: 54%; max-width: 80px; position: absolute; } .icon-circle.value-icon { max-width: 41px; } .icon-circle.value-icon.mg-bottom-24px { background-color: #cb6161; } .icon-circle.size-80px { max-width: 80px; } .icon-circle.size-30px { max-width: 30px; } .icon-circle.size-24px { max-width: 24px; } .menu-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .menu-wrapper.footer-address { width: 100%; height: 100%; display: flex; } .nav-link { color: var(--core--colors--neutral--700); transform-style: preserve-3d; font-size: 1.1vw; font-weight: 400; line-height: 1.375em; text-decoration: none; transition: transform 0.3s, opacity 0.3s; display: inline-flex; } .nav-link:hover { opacity: 0.68; color: var(--core--colors--neutral--700); transform: translate3d(4px, 0, 0.01px); } .nav-link.white { color: var(--primary); line-height: var(--core--line-height--large); } .nav-link.white:hover { color: var(--primary); } .nav-link.white.special { color: var(--core--colors--neutral--100); } .nav-link.special { color: var(--core--colors--neutral--800); font-weight: 700; text-decoration: underline; } .nav-content { grid-column-gap: 14px; grid-row-gap: 14px; flex-flow: column; grid-template-rows: auto; grid-template-columns: auto auto; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: flex; } .nav-menu-list-wrapper { grid-column-gap: var(--core--sizes--size-0); grid-row-gap: var(--core--sizes--size-0); line-height: var(--core--line-height--regular); flex-flow: column; margin-bottom: 0; margin-right: 0; padding-left: 0; font-size: 14px; list-style-type: none; display: flex; } .nav-menu-list-item { color: var(--primary); margin-bottom: 10px; padding-left: 0; line-height: 1.2em; text-decoration: none; } .nav-menu-list-item:hover { color: var(--primary); text-underline-offset: 5px; text-decoration: underline; -webkit-text-decoration-color: var(--primary); text-decoration-color: var(--primary); text-decoration-thickness: 1px; } .nav-menu-list-item.last { margin-bottom: 0; } .link-white-hover { color: var(--core--colors--neutral--100); text-decoration: none; } .link-white-hover:hover { color: var(--core--colors--neutral--500); } .display-footer-font-default { opacity: 0.3; color: var(--core--colors--secondary--400); letter-spacing: -0.03em; font-size: 184px; font-weight: 600; line-height: 1.25em; } .display-footer-font-default.font-top-large---accent { opacity: 1; color: var(--core--colors--primary--100); text-align: center; margin-top: -2%; margin-bottom: -5.3%; margin-left: -22px; font-size: 19vw; font-weight: 700; line-height: 1.005em; } .bg-accent-color { background-color: #ffe2e9; } .header-nav-link { color: var(--globals--color--texts--04); transform-style: preserve-3d; padding: 0; font-size: 16px; font-weight: 500; line-height: 1.25em; text-decoration: none; transition: opacity 0.3s; } .header-nav-link:hover { opacity: 0.68; color: var(--globals--color--texts--04); } .cart-button-image { flex: none; } .main-menu-wrapper { grid-template-rows: auto; grid-template-columns: minmax(auto, 422px); grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; display: flex; } .content-full-image-wrapper { padding-left: 50px; padding-right: 50px; position: relative; } .content-full-image-wrapper.hero-v1 { padding-top: 4.6%; padding-bottom: 10%; } .content-full-image-wrapper.cta-v1 { background-color: var(--components--sections--backgrounds--bg-color-secondary); padding-top: 100px; padding-bottom: 177px; overflow: hidden; } .content-full-image-wrapper.content-slide-right-wrapper { flex-direction: column; justify-content: center; align-items: stretch; min-height: 814px; padding: 60px 0; display: flex; } .display-11 { font-family: var(--gestura-bold); font-size: 82px; line-height: 0.9em; } .display-11.text-light { font-family: var(--gesture); color: #144128; margin-bottom: 10px; font-size: 50px; font-weight: 500; line-height: 1.2em; } .display-11.text-light.hero-heading { font-family: var(--gestura-bold); color: var(--secondary); font-weight: 600; } .display-11.text-light.hero-heading.res { display: none; } ._w-h-100 { width: 100%; height: 100%; } ._w-h-100.fit-cover.position-cta-v2-imagen-left { object-fit: contain; object-position: 0% 100%; min-width: 685px; position: absolute; inset: 0% 0% 0% auto; } ._w-h-100.fit-cover.position-image-right-hero { object-position: 0% 50%; } ._w-h-100.fit-cover.ecommerce-video-top { min-height: 642px; max-height: 642px; } ._w-h-100.fit-cover.mission-image { object-position: 0% 50%; } ._w-h-100.fit-cover.hero-v1-image { -webkit-text-stroke-color: var(--transparent); object-position: 0% 0%; height: 100vh; } ._w-h-100.fit-cover.hero-v2-image { object-position: 0% 0%; } .fit-cover { object-fit: cover; } .text-slider-wrapper { padding-top: 0; padding-bottom: 0; } .text-slider-wrapper.pd-48px { padding-top: 48px; padding-bottom: 48px; } .text-slider-wrapper.color { display: flex; } .mg-top-36px { margin-top: 36px; } .mission-gallery-bottom { width: 100%; max-width: 1012px; margin-bottom: -1px; } .mission-gallery-wrapper { z-index: 1; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-left: -71%; position: relative; } .details-and-list-wrapper { grid-column-gap: 3px; grid-row-gap: 3px; flex-wrap: wrap; align-items: center; display: flex; } .mg-top-68px { margin-top: 68px; } .card-right-over-image-wrapper { justify-content: flex-end; align-items: center; display: flex; position: relative; } .text-color-secondary-100 { color: var(--core--colors--secondary--100); } .text-color-secondary-300 { color: var(--core--colors--secondary--300); } .text-color-secondary-300.bottom-clas { align-items: flex-end; display: flex; } .blog-card-wrapper { color: var(--core--colors--neutral--700); min-height: 100%; text-decoration: none; } .blog-card-wrapper:hover { color: var(--core--colors--neutral--700); } .blog-card-wrapper.blog-card-bottom { flex-flow: column; justify-content: space-between; min-height: auto; display: flex; } .card-title.display-6 { font-family: var(--core--font-family--primary-font); color: #000326; letter-spacing: 0; width: 100%; margin-bottom: 10px; font-weight: 700; } .card-title.display-5.pd-right-medium.blue, .card-title.display-5.blue, .card-title.display-4.blue { color: var(--components--links--text-color--text-accent); } .card-title.display-4.blue.brand-card-title { font-size: var(--core--font-size--displays--display-5); height: auto; } .card-title.display-4.blue.brand-card-title._1280 { height: auto; display: block; } .card-title.display-4.blue.brand-card-title.desk { display: none; } .card-image { object-fit: cover; width: 100%; min-height: 100%; } .card-image._w-h-100.product-popular-image { padding-top: 50px; padding-left: 0; padding-right: 20px; } .card-image._w-h-100.ecommerce-card-image-01 { object-fit: contain; object-position: 50% 100%; min-height: 470px; max-height: 572px; padding-bottom: 8px; } .card-image._w-h-100.grow, .card-image._w-h-100.category-product-v2---image { flex: 1; } .card-image._w-h-100.featured-post---v3---image { position: absolute; inset: 0%; } .card-image._w-h-100.blog-popular-image---alt-mbp { width: 192%; max-width: none; margin-top: -38%; } .card-image._w-h-100.ecommerce-card-image-01---4-cols { object-fit: contain; object-position: 50% 100%; min-height: 400px; max-height: 500px; padding-top: 23px; padding-bottom: 23px; } .card-image.ecommerce-card-v2---image { z-index: 1; object-position: 50% 100%; max-width: 80%; height: 100%; position: relative; } .card-image.ecommerce-card-v2---image._2-cols---desktop { width: 80%; max-width: 340px; } .card-image.team-member-image { object-position: 50% 0%; max-height: 511px; } .card-image.grow { flex: 1; } .card-image.grow.featured-post-v2-image { object-position: 0% 50%; } .card-image.ecommerce-card-v3---image, .card-image.ecommerce-card-v1-2-cols---image { flex: 1; margin-top: -46%; margin-bottom: -25%; } .divider-vertical { background-color: var(--core--colors--neutral--500); align-self: stretch; min-width: 1px; max-width: 1px; } .mg-top-100px { margin-top: 100px; } .ecommerce-card-top-content { position: absolute; top: 24px; left: 24px; right: 24px; } .ecommerce-card-buttons-bottom { z-index: 1; text-align: center; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 11%; padding-left: 24px; padding-right: 24px; display: flex; position: absolute; bottom: 0%; left: 0; right: 0; } .bottom-content-over-image { flex-flow: column; justify-content: flex-end; align-items: flex-start; display: flex; position: absolute; bottom: 32px; left: 38px; right: 38px; } .ecommerce-image-overlay { z-index: 1; text-align: center; background-image: linear-gradient(#00021766, #00021766); flex-direction: column; justify-content: center; align-items: center; padding: 16px; display: flex; position: absolute; inset: 0%; } .ecommerce-image-overlay.v2 { background-image: linear-gradient(#0001124d, #0001124d); padding: 130px 40px 168px; position: relative; } .ecommerce-image-overlay.category-content-bottom { background-image: linear-gradient(#0001124d, #0001124d); flex-direction: row; justify-content: flex-end; align-items: flex-end; padding-bottom: 28px; padding-left: 28px; padding-right: 28px; } .gap-34px { grid-column-gap: 34px; grid-row-gap: 34px; } .gap-34px.content { flex-flow: wrap; display: flex; } .text-color-secondary-200 { color: var(--core--colors--secondary--200); } .text-neutral-600 { color: var(--core--colors--neutral--600); } .mg-top-6px { margin-top: 6px; } .ecommerce-card-bottom-icon-left { z-index: 2; grid-column-gap: 6px; grid-row-gap: 6px; background-color: var(--core--colors--neutral--200); flex-wrap: wrap; align-items: flex-end; padding: 12px 20px 30px; display: flex; position: relative; } .ecommerce-video-top-wrapper { z-index: 1; position: relative; } .ecommerce-top-salesman { z-index: 2; grid-column-gap: 8px; grid-row-gap: 8px; align-items: center; display: flex; position: absolute; inset: 30px 30px auto; } .bg-image-overlay { background-image: linear-gradient(#00011233, #00011233); width: 100%; height: 100%; position: absolute; inset: 0%; } .bg-image-overlay.cta-newsletter { background-image: linear-gradient(90deg, var(--transparent), var(--core--colors--primary--500) 50%); } .bg-image-overlay.overlay-30 { background-image: linear-gradient(#0001124d, #0001124d); } .dot-rhombus { width: 13px; height: 25px; } .dot-rhombus.list-icon { width: 9px; height: 9px; margin-right: 8px; } .dot-rhombus.footer-dot { background-color: var(--core--colors--secondary--400); opacity: 0.4; width: 28px; height: 28px; } .categories-badges-item-wrapper { grid-column-gap: 24px; display: flex; } .categories-badges-item-wrapper.center { justify-content: center; } .categories-badges-item-wrapper.vertical { grid-column-gap: 32px; grid-row-gap: 32px; text-align: center; flex-direction: column; width: 100%; } .floating-image---section { position: absolute; } .floating-image---section.cta-v4-floating-image---v1 { width: 40%; max-width: 460px; inset: auto auto 0% 1.5%; } .floating-image---section.cta-v4-floating-image---v2 { width: 30%; max-width: 423px; inset: 10% auto auto 1%; } .floating-image---section.cta-v4-floating-image---v3 { width: 30%; max-width: 336px; inset: 0% 0% auto auto; } .floating-image---section.cta-v4-floating-image---v4 { width: 24%; max-width: 290px; inset: auto 11.5% 5.5% auto; } .floating-image---section.our-mission---image-v1 { width: 21%; bottom: 11%; left: 4%; } .floating-image---section.our-mission---image-v2 { width: 15%; inset: 22% auto auto 0; } .floating-image---section.our-mission---image-v3 { width: 11%; inset: 8% auto auto 25%; } .floating-image---section.our-mission---image-v4 { width: 18%; inset: 8% 0% auto auto; } .floating-image---section.our-mission---image-v5 { width: 18%; inset: auto 10% 13% auto; } .floating-image---section.collection-v2---image-01 { width: 30%; max-width: 366px; inset: auto auto 0% 0%; } .floating-image---section.collection-v2---image-02 { width: 40%; max-width: 482px; inset: auto 0% 0% auto; } .floating-image---section.category-products-image-right { width: 47.2%; inset: 0% 0% 0% auto; } .cta-card.cta-v4 { background-color: var(--core--colors--primary--600); padding-top: 156px; padding-bottom: 156px; } .cta-card.cta-newsletter-image-left-v2-bg { background-color: var(--core--colors--primary--400); position: absolute; inset: 0%; } .gap-30px { grid-column-gap: 30px; grid-row-gap: 30px; } .author-blog-post { grid-column-gap: 14px; grid-row-gap: 14px; justify-content: center; align-items: center; display: flex; } .mg-top-60px { margin-top: 60px; } .mg-top-60px.our-commitment-btn { margin-top: 40px; } .text-color-secondary-500 { color: var(--core--colors--secondary--500); } .mg-top-80px { margin-top: 80px; } .card-right-under-image-wrapper { justify-content: space-between; align-items: stretch; display: flex; position: relative; } .mg-top-14px { margin-top: 14px; } .mg-top-18px { margin-top: 18px; } .tab-side-line-item { border-right: 1px solid var(--core--colors--neutral--500); background-color: var(--transparent); color: var(--core--colors--neutral--600); padding: 0 24px; } .tab-side-line-item:hover { color: var(--core--colors--neutral--800); } .tab-side-line-item.w--current { background-color: var(--transparent); color: var(--core--colors--neutral--800); } .tab-side-line-item.first { padding-left: 0; } .tab-side-line-item.first.w--current { border-right-style: none; } .tab-side-line-item.last { border-right-style: none; padding-right: 0; } .text-color-secondary-400 { color: var(--core--colors--secondary--400); justify-content: flex-end; display: flex; } .mg-top-28px { color: var(--components--titles-paragraphs--text-titles); font-size: var(--core--font-size--displays--display-1); margin-top: 28px; } .testimonial---content-left { flex-direction: column; justify-content: flex-start; height: 80%; padding: 10px 60px 10px 38px; display: flex; position: relative; } .testimonial---content-left.new { width: 100%; height: 100%; padding-top: 0; padding-right: 30px; } .testimonial---content-left.new.padding { padding-top: 0; } .center-image---text-circle-wrapper { justify-content: center; align-items: center; display: flex; position: relative; } .favorite-rutine-flex---content-left { flex-direction: column; justify-content: space-between; max-width: 520px; padding-top: 15.5%; display: flex; } .pagination-buttons-container { grid-column-gap: 60px; grid-row-gap: 60px; justify-content: space-between; align-items: center; width: 100%; padding-top: 80px; display: flex; } .image-layer-blur { filter: blur(3px); } .card-white-title { color: var(--core--colors--neutral--100); } .blog-card-bottom-item-link { border-right: 1px solid var(--core--colors--neutral--500); flex-direction: column; justify-content: center; min-height: 190px; padding-left: 36px; padding-right: 36px; display: flex; } .blog-card-bottom-item-link:first-child { padding-left: 0; } .blog-card-bottom-item-link:last-child { border-right-style: none; padding-right: 0; } .gap-32px { grid-column-gap: 32px; grid-row-gap: 32px; } .bg-primary-500 { background-color: var(--core--colors--primary--500); } .bg-primary-600 { background-color: var(--core--colors--primary--600); } .text-circle-around-image-position-aabosulte { position: absolute; inset: 16px 0% auto auto; } .card---home-sales { max-width: 70%; margin-left: auto; margin-right: auto; } .show-in-tablet { display: none; } .pay-btn { background-color: var(--components--buttons-primary--backgrounds--bg-light-mode); transform-style: preserve-3d; border-radius: 90px; height: 46px; transition: transform 0.3s; } .pay-btn:hover { transform: scale3d(0.96, 0.96, 1.01); } .z-index-2 { z-index: 2; position: relative; } .text-no-wrap { white-space: nowrap; } .hero-pages-btn { margin-right: 19px; } .text-link.accent { color: var(--components--links--text-color--text-accent); } .text-link.accent:hover { color: var(--components--links--text-color--text-dark); } .text-link.decoration-none { text-decoration: none; } .text-link.decoration-none.display-4---strong---uppercase { font-size: var(--core--font-size--displays--display-4); line-height: var(--core--line-height--regular); letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; } .text-link.decoration-none.display-5---strong { font-size: var(--core--font-size--displays--display-5); line-height: var(--core--line-height--regular); font-weight: 700; } .text-link.light { color: var(--core--colors--primary--400); } .text-link.light:hover { color: var(--core--colors--neutral--100); } .text-link.white { color: var(--components--links--text-color--text-light); } .text-link.white:hover { color: var(--core--colors--overlays--light-300); } .hero-pd-0px-bg-bottom { z-index: -1; background-color: var(--core--colors--neutral--100); position: absolute; inset: 58% 0% 0%; } .cart-wrapper { background-color: #edf9eb66; } .cart-header { padding-top: var(--globals--paddings--pd-medium); padding-bottom: var(--globals--paddings--pd-medium); border-bottom-style: none; } .cart-footer { padding-top: var(--globals--paddings--pd-large); padding-bottom: var(--globals--paddings--pd-extra-large); border-top-style: none; } .cart-line-item { margin-bottom: var(--globals--margins--mg-default); grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); flex-flow: wrap; } .text-dark { color: var(--components--titles-paragraphs--text-titles); font-weight: 600; } .cart-item-title { margin-bottom: var(--globals--margins--mg-tiny); color: var(--components--links--text-color--text-dark); font-size: var(--core--font-size--displays--display-3); line-height: var(--core--line-height--regular); font-weight: 700; text-decoration: none; display: inline-flex; } .cart-item-title:hover { color: var(--components--links--text-color--text-accent); } .cart-item { justify-content: space-between; align-items: flex-start; } .cart-item-content { margin-left: 0; margin-right: 0; } .cart-item-content---main { justify-content: flex-start; align-items: flex-start; margin-right: 16px; display: flex; } .cart-item-image-wrapper { border: 1px solid var(--transparent); transform-style: preserve-3d; flex-flow: column; max-width: 64px; margin-right: 16px; transition: border-color 0.3s, transform 0.3s; display: flex; } .cart-item-image-wrapper:hover { border-color: var(--core--colors--primary--100); transform: scale3d(1.1, 1.1, 1.01); } .close-button { color: var(--components--links--text-color--text-dark); font-size: var(--core--font-size--displays--display-5); -webkit-text-stroke-width: 2px; cursor: pointer; transform-style: preserve-3d; flex-flow: column; justify-content: center; align-items: center; text-decoration: none; transition: transform 0.3s, color 0.3s; display: flex; } .close-button:hover { color: var(--components--links--text-color--text-accent); transform: scale3d(0.96, 0.96, 1.01); } .add-to-cart-btn-wrapper { transform-style: preserve-3d; transition: transform 0.3s; position: relative; } .add-to-cart-btn-wrapper:hover { transform: scale3d(0.94, 0.94, 1.01); } .ecommerce-card-item-v1 { background-image: linear-gradient( to bottom, var(--components--cards--background-color--bg-color-default), var(--components--cards--background-color--bg-color-default) ); flex-flow: column; display: flex; position: relative; overflow: hidden; } .card-add-cart { flex-flow: column; justify-content: center; align-items: center; width: 100%; display: flex; } .card-add-cart.alt { justify-content: center; align-items: flex-start; } .ecommerce-card-v2---item { flex: 1; justify-content: center; align-items: center; width: 47%; min-height: 100%; display: flex; position: relative; } .ecommerce-card-v2---item:first-child { justify-content: center; align-items: flex-start; } .ecommerce-v2-wrapper { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: column wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-content: space-between; width: 100%; min-height: 100%; max-height: 100%; display: flex; position: absolute; } .ecommerce-v2-collection { width: 100%; position: relative; } .product-category-card-v1-title-content { z-index: 1; text-align: center; padding: 54px 24px; position: absolute; } .blog-card-v1-wrapper { color: var(--core--colors--neutral--700); flex-flow: column; min-height: 100%; text-decoration: none; display: flex; } .blog-card-v1-wrapper:hover { color: var(--core--colors--neutral--700); } .blog-card-v1-content { padding-top: var(--core--sizes--size-5); flex-flow: column; flex: 1; justify-content: space-between; align-items: stretch; display: flex; } .footer-input-form-block { flex-flow: column; justify-content: center; align-items: stretch; min-height: 80px; margin-bottom: 0; display: flex; } .empty-state-cart { padding-right: var(--core--sizes--size-5); padding-left: var(--core--sizes--size-5); text-align: center; flex-flow: column; min-height: 100%; } .hidden-on-tablet { display: none; } .popular-product---top-content { grid-column-gap: 16px; grid-row-gap: 6px; justify-content: space-between; align-items: flex-end; padding-top: 54px; padding-left: 43px; padding-right: 43px; display: flex; } .popular-product---bottom-content { z-index: 2; grid-column-gap: 16px; grid-row-gap: 16px; flex: 1; justify-content: space-between; align-items: flex-end; min-width: 26px; padding-top: 12px; padding-bottom: 24px; padding-right: 43px; display: flex; position: relative; } .popular-product---bottom-content.right { justify-content: flex-end; padding-top: 0; padding-right: 0; } .popular-product---bottom-content---wrapper { justify-content: flex-start; align-items: flex-end; display: flex; } .blog-card-v2-wrapper { color: var(--core--colors--neutral--700); flex-flow: column; text-decoration: none; display: flex; } .blog-card-v2-wrapper:hover { color: var(--core--colors--neutral--700); } .blog-card-v2-content { padding-top: var(--core--sizes--size-5); flex-flow: column; flex: 1; justify-content: space-between; align-items: stretch; display: flex; } .blog-card-v2-image---absolute { position: absolute; inset: 0%; } .position-cta-v2-imagen-left-wrapper { width: 50%; position: absolute; inset: 0% auto 0% 0%; overflow: hidden; } .content-section-card---content { flex-flow: column; flex: 1; justify-content: space-around; display: flex; } .ecommerce-card-item-v2 { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; position: relative; } .ecommerce-card-buttons-bottom-v2 { text-align: center; flex-direction: column; justify-content: center; align-items: center; display: flex; } .ecommerce-card-wrapper-v2 { color: var(--core--colors--neutral--700); text-align: center; flex-direction: column; justify-content: space-between; text-decoration: none; display: flex; position: relative; overflow: hidden; } .ecommerce-card-wrapper-v2:hover { color: var(--core--colors--neutral--700); } .ecommerce-card-wrapper-v2---title-wrapper { z-index: 1; flex-flow: column; padding-bottom: 19px; display: flex; } .input-form-block { flex-flow: column; justify-content: center; align-items: stretch; min-height: 44px; margin-bottom: 0; display: flex; } .ecommerce-card-v2-bg { position: absolute; inset: 0% 0% 37%; } .link-block { color: var(--globals--color--texts--03); text-decoration: none; } .link-block:hover { color: var(--globals--color--texts--03); } .ecommerce-card-item-v1---bg { opacity: 0; position: absolute; inset: 0%; } .card-team-link { color: var(--globals--color--texts--03); flex-flow: column; min-height: 100%; text-decoration: none; display: flex; } .card-team-link:hover { color: var(--globals--color--texts--03); } .mg-bottom-8px { margin-bottom: 8px; } .featured-post---v1 { color: var(--core--colors--neutral--700); flex-flow: column; justify-content: flex-start; min-height: 100%; text-decoration: none; display: flex; } .featured-post---v1:hover { color: var(--core--colors--neutral--700); } .featured-post-v1-content { padding-top: 24px; } .featured-post---v2 { color: var(--core--colors--neutral--700); flex-flow: column; justify-content: flex-start; min-height: 100%; text-decoration: none; display: flex; } .featured-post---v2:hover { color: var(--core--colors--neutral--700); } .featured-post-v2-content { padding-top: 16px; } .featured-post---v3 { color: var(--components--links--text-color--text-light); width: 100%; text-decoration: none; display: flex; position: relative; overflow: hidden; } .featured-post---v3:hover { color: var(--components--links--text-color--text-light); } .featured-post---v3---content { z-index: 1; flex: 1; padding: 373px 55px 61px; position: relative; } .mg-bottom--16px { margin-bottom: -16px; } .mg-right-featured-products { max-width: 48.8%; margin-right: 2.5%; } .ecommerce-card-item-v1---wrapper { flex-flow: column; flex: 1; width: 100%; height: 100%; display: flex; } .ecommerce-card-category-content { z-index: 1; max-width: 60%; position: relative; } .ecommerce-card-category-content-wrapper { width: 100%; max-width: 540px; margin-left: auto; margin-right: auto; } .image-right-hero-v2 { object-fit: cover; width: 55%; height: 100%; position: absolute; inset: 0% 0% 0% auto; } .ecommerce-card-item-v2-wrapper { flex-flow: column; justify-content: space-between; min-height: 100%; display: flex; } .ecommerce-card-item-v3 { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; position: relative; } .ecommerce-card-buttons-bottom-v3 { z-index: 2; max-width: 557px; margin-left: auto; margin-right: auto; padding-right: 38%; position: absolute; bottom: 50px; left: 24px; right: 24px; } .ecommerce-card-v3-content { z-index: 1; padding-bottom: 120px; position: relative; } .ecommerce-card-v3-content.v2 { max-width: 309px; padding-bottom: 0; } .ecommerce-card-v1-content { z-index: 1; padding-bottom: 190px; position: relative; } .ecommerce-card-buttons-bottom-v1---2-cols { z-index: 2; text-align: center; flex-flow: column; justify-content: flex-end; align-items: flex-start; max-width: 554px; margin-left: auto; margin-right: auto; padding-right: 38%; display: flex; position: absolute; bottom: 98px; left: 24px; right: 24px; } .text-area-wrapper { min-width: 100%; max-width: 100%; } .shipping-method { border-bottom-color: var(--components--divider--border-color--border-default); padding: 20px 0; } .shipping-method:first-child { padding-top: 0; } .shipping-method:last-child { border-bottom-style: none; padding-bottom: 0; } .shipping-method-list { border-left-style: none; border-right-style: none; } .order-summary-line-item { grid-column-gap: 20px; flex-flow: wrap; margin-bottom: 17px; } .order-summary-line-item.total { border-top: 1px solid var(--components--divider--border-color--border-secondary); margin-top: 35px; margin-bottom: 0; padding-top: 40px; padding-bottom: 35px; } .discounts { background-color: var(--transparent); border-style: none; flex-flow: column; padding: 0; } .order-item { justify-content: space-between; align-items: flex-start; margin-bottom: 24px; } .order-item-image-wrapper { border: 1px solid var(--core--colors--neutral--300); transform-style: preserve-3d; flex-flow: column; width: 100%; max-width: 250px; margin-right: 16px; transition: border-color 0.3s, transform 0.3s; display: flex; overflow: hidden; } .order-item-image-wrapper:hover { border-color: var(--core--colors--primary--100); transform: scale3d(1.02, 1.02, 1.01); } .order-item-content { flex: 1; margin-left: 0; margin-right: 0; } .order-item-content---main { flex: 1; justify-content: center; align-items: center; display: flex; } .order-item-title { margin-bottom: var(--globals--margins--mg-tiny); color: var(--components--links--text-color--text-dark); font-size: var(--core--font-size--displays--display-5); line-height: var(--core--line-height--regular); font-weight: 700; text-decoration: none; display: inline-flex; } .order-item-title:hover { color: var(--components--links--text-color--text-accent); } .order-item-title-wrapper { grid-column-gap: 20px; flex-flow: wrap; justify-content: space-between; align-items: stretch; margin-bottom: 27px; display: flex; } .option { flex-flow: wrap; justify-content: space-between; display: flex; } .mg-right-auto { margin-left: 0; margin-right: auto; } .checkout-inputs-last { padding-left: 8px; padding-right: 8px; } .add-to-cart { flex-flow: column; justify-content: center; min-height: 49px; display: flex; } .form-wrapper-utility { flex-flow: column; justify-content: center; width: 100%; margin-bottom: 0; display: flex; } .cart { flex: none; } .text-neutral-300 { color: var(--core--colors--neutral--300); } .mg-top-4px { margin-top: 4px; } .more-templates-badge-wrapper { z-index: 9991; grid-column-gap: 10px; grid-row-gap: 10px; color: #666977; background-color: #fff; border: 1px solid #f0f0f6; border-radius: 12px; align-items: center; width: 100%; max-width: 286px; padding: 12px 22px 12px 18px; text-decoration: none; transition-property: none; display: flex; position: fixed; inset: auto 24px 12px auto; box-shadow: 0 0.6px 0.8px #1010650a, 0 3px 6px #11115414; } .more-templates-badge-wrapper:hover { color: #666977; } .more-templates-logo-wrapper { position: relative; } .more-templates-logo { width: 80px; } .more-templates-logo.blur { z-index: -1; opacity: 0.68; filter: blur(3px); position: absolute; inset: 10% 0% 20px; } .more-templates-p { margin-bottom: 0; font-size: 13px; line-height: 1.4em; } .more-webflow-templates-sub { color: #523ff5; text-decoration: underline; } .more-templates-lottie { width: 44px; position: absolute; inset: -20px -20px auto auto; } .paragraph { color: #000; font-family: Manrope, Arial, sans-serif; line-height: 1.4em; } .paragraph.widthh { font-family: var(--core--font-family--primary-font); color: #000; font-size: var(--core--font-size--displays--display-1); width: 80%; } .paragraph.text-center.desk { display: none; } .paragraph-2 { color: var(--components--links--text-color--text-light); font-size: 14px; } .paragraph-2.width730 { width: 730px; } .paragraph-2.mg-right-extra-large.ll { color: var(--components--links--text-color--text-dark); } .paragraph-2.mg-right-extra-large.ll.precision-txt { font-size: 16px; } .paragraph-2.small { font-size: 12px; line-height: var(--core--line-height--regular); } .paragraph-2.small.ll { color: var(--components--links--text-color--text-dark); font-size: 14px; } .paragraph-2.small.ll.brand-text { height: auto; font-size: 14px; } .paragraph-2.mg-bottom-24px.black, .paragraph-2.pd-bottom-medium.black { color: var(--components--links--text-color--text-dark); } .div-block { grid-column-gap: 18px; grid-row-gap: 18px; color: #f6ae6a; flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .div-block-2 { background-color: #fff; border-radius: 50px; justify-content: center; align-items: center; width: 70px; height: 30px; display: flex; } .div-block-3 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: wrap; justify-content: flex-end; width: 51%; display: flex; } .paragraph-3 { padding-left: 40px; } .text-block-2 { color: #0a8ecc; font-family: Manrope, Arial, sans-serif; font-size: 14px; font-weight: 500; } .heading { font-weight: 400; } .italic-text { color: var(--components--links--text-color--text-accent); font-size: 14px; font-weight: 600; line-height: 3.2em; } .text-block-2-copy { color: #0a8ecc; font-family: Manrope, Arial, sans-serif; font-size: 14px; font-weight: 600; } .text-block-2-copy.card2 { color: var(--primary); } .div-block-2-copy { background-color: #fff; border-radius: 50px; justify-content: center; align-items: center; width: 70px; height: 30px; display: flex; } .div-block-2-copy.card2 { color: #ef662c; } .div-block-4 { background-color: #edf9eb; flex-flow: wrap; justify-content: flex-start; padding: 40px 20px 40px 40px; display: flex; position: relative; } .div-block-5 { justify-content: center; align-items: center; padding-top: 30px; display: flex; } .heading-2 { justify-content: flex-start; width: 100%; padding-bottom: 10px; display: flex; } .paragraph-4 { font-size: var(--core--font-size--displays--display-2); text-align: left; width: 53%; padding-top: 10px; padding-bottom: 25px; padding-right: 100px; line-height: 1.4em; display: flex; } .div-block-6 { justify-content: center; align-items: center; width: 500px; display: flex; } .div-block-7 { width: 100%; } .content { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: wrap; justify-content: center; align-items: center; padding-top: 20px; padding-left: 20px; padding-right: 20px; display: flex; } .div-block-8.width-320px.slider { background-color: #feefea; max-width: 350px; height: 385px; padding-top: 40px; } .div-block-8.width-320px.slider._2nd { background-color: #e4f5ff; height: 385px; } .div-block-8.width-320px.slider.green { background-color: #eafae8; height: 385px; } .adress-wrapper { color: var(--components--titles-paragraphs--text-light); } .div-block-9 { grid-column-gap: 114px; grid-row-gap: 114px; display: flex; } .code-embed { width: 214px; height: 350px; } .image-2 { max-width: 30%; margin-bottom: 10px; } .image-3 { max-width: 35%; margin-bottom: 10px; } .image-4 { max-width: 32%; position: absolute; inset: auto 5% 0% auto; } .div-block-11 { background-color: var(--skin); border-radius: 50px; justify-content: center; align-items: center; width: 100px; height: 100px; display: flex; } .div-block-11.green { background-color: #eafae8; margin-bottom: 10px; } .div-block-11.orange { background-color: #feefea; border-width: 1px; border-color: #000; width: 100px; height: 100px; } .heading-3 { font-size: var(--core--font-size--displays--display-3); margin-bottom: 5px; } .button-down { justify-content: center; margin-top: 60px; display: flex; } .div-block-12 { position: relative; } .div-block-12.overflow-hidden { width: 100%; } .div-block-13 { height: 70px; } .div-block-14, .div-block-15 { height: 30px; } .heading-4 { font-size: var(--core--font-size--paragraphs--default); text-align: left; } .div-block-16 { width: 150px; } .div-block-17 { justify-content: center; width: 100%; display: flex; } .div-block-18 { justify-content: center; align-items: center; width: 100%; display: flex; } .icon-footer { width: 40px; } .icon-footer.phone { width: 30px; } .icon-footer.linkdin { width: 30px; padding-left: 5px; } .icon-footer.email { width: 30px; } .icon-footer.footer-connect { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; width: auto; text-decoration: none; display: flex; } .icon-wrap { width: 30px; } .link-2 { color: var(--components--input-text--background-color--bg-default); text-decoration: none; } .link-2:hover { color: var(--components--cards--background-color--bg-color-default); } .flex-block { grid-column-gap: var(--components--accordions--paddings--pd-regular); grid-row-gap: var(--components--accordions--paddings--pd-regular); } .bold-text { color: var(--components--buttons-secondary--backgrounds--bg-light-mode); } .text-block-4 { color: var(--components--links--text-color--text-light); margin-bottom: 20px; } .bold-text-2 { color: var(--components--buttons-secondary--border-color--b-light-mode); } .text-titles-2 { color: #000326; } .tab-side-line-item-2 { color: #828295; background-color: #0000; border-right: 1px solid #b1b1c4; padding: 0 24px; display: none; } .tab-side-line-item-2:hover { color: #000326; } .tab-side-line-item-2.w--current { color: #000326; background-color: #0000; } .tab-side-line-item-2.first { padding-left: 0; } .tab-side-line-item-2.last { border-right-style: none; padding-right: 0; } .accordion-icon-wrapper-2 { justify-content: center; align-items: center; width: 16px; height: 16px; margin-left: 16px; display: flex; position: relative; } .accordion-icon-wrapper-2.mg-left-0px { margin-left: 0; } .secondary-button-icon-2 { color: #000326; text-align: center; background-color: #f5f5f5; border: 1px solid #e0e0e7; border-radius: 48px; justify-content: center; align-items: center; width: 34px; min-width: 34px; height: 34px; min-height: 34px; font-size: 16px; font-weight: 600; text-decoration: none; transition: transform 0.3s; display: flex; box-shadow: 0 1px 3px #0003261a; } .secondary-button-icon-2:hover { color: #000326; transform: scale(0.94); } .secondary-button-icon-2.accordion-top-icon { margin-top: 8px; margin-left: 16px; } .display-12 { font-size: 20px; line-height: 1.3em; } .divider-2 { background-color: #e0e0e7; height: 1px; } .divider-2.border-secondary { background-color: #b1b1c4; } .accordion-paragraph-2 { padding-top: 16px; overflow: hidden; } .accordion-paragraph-2.v2 { font-size: var(--core--font-size--displays--display-1); } .grid-1-column-2 { grid-column-gap: 30px; grid-row-gap: 30px; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .grid-1-column-2.gap-0px { grid-column-gap: 0; grid-row-gap: 0; } .container-default-2 { max-width: 1398px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; } .section-2 { background-color: #0000; padding-top: 120px; padding-bottom: 120px; } .section-2.pd-top-80px { padding-top: 80px; } .section-2.pd-top-80px.pd-bottom-200px { padding-top: 10px; } .accordion-icon-line-2 { background-color: #000326; border-radius: 24px; width: 12px; height: 2px; } .accordion-icon-line-2.vertical { position: absolute; transform: rotate(90deg); } .paragraph-large-2 { margin-bottom: 0; } .display-13 { font-size: 36px; line-height: 1.3em; } .display-13.strong { font-family: var(--gesture); font-size: var(--core--font-size--displays--display-6); } .list-item-2, .list-item-3 { font-size: var(--core--font-size--displays--display-1); margin-bottom: 20px; } .list-item-4 { font-size: var(--core--font-size--displays--display-1); } .rich-text-block { padding-top: 40px; } .link-3 { color: var(--components--input-text--background-color--bg-default); text-decoration: none; } .bold-text-3 { color: var(--globals--utilities--utility-3); } .text-block-6 { white-space: pre; display: flex; } .bold-text-4, .text-block-7 { color: var(--globals--utilities--utility-3); } .text-span { color: var(--primary); } .div-block-20 { grid-column-gap: 7px; grid-row-gap: 1px; flex-flow: row; justify-content: flex-end; height: 100px; display: flex; } .div-block-20.card2 { flex-flow: row; } .slider-card { background-image: url(../images/Group-1000008802.jpg); background-position: 50%; background-size: cover; border-radius: 9px; flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; height: 100%; padding: 30px; display: flex; } .slider-card.container { background-color: #eaf4fc; background-image: none; } .grid-row-2 { grid-column-gap: 17px; grid-row-gap: 9px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: start center; display: grid; } .image-5 { background-image: url(../images/Group-1.png); background-position: 0 0; background-size: auto; } .circle-wrap { background-color: #fff; border-radius: 50%; justify-content: center; align-items: center; width: 80px; height: 80px; display: flex; } .image-6 { max-width: 53%; } .navbar-sticky { z-index: 999; box-shadow: 0 2px 5px 0 var(--core--box-shadow--bs-secondary-medium); background-color: #fff; border-radius: 50px; margin-top: 10px; margin-left: 20px; margin-right: 20px; position: sticky; inset: 1% 0% auto; } .body { background-color: #0000; } .accordian2-arrow { width: 19px; } .big-card-wrap { background-color: #ffe2e9; border-radius: 20px; padding-top: 20px; } .big-card-wrap.ll { padding-bottom: 40px; } .bold-text-5 { font-weight: 700; } .inner-icon { width: 50%; height: 50%; } .footer-container { background-color: var(--primary); border-radius: 35px; width: 100%; height: 300px; padding-top: 30px; padding-left: 40px; display: block; position: static; left: 0%; right: 0%; } .footer-container.flexx { grid-column-gap: 14px; grid-row-gap: 14px; flex-flow: column; display: flex; } .main-wrapper { background-color: #ffe2e9; width: 100%; height: 100%; padding-top: 0; padding-left: 60px; position: relative; } .div-block-21 { height: 100%; position: relative; inset: 60px 0% 0%; } .image-container { z-index: 2; width: 79%; position: relative; } .image-container.mg-top-80px { position: relative; top: 60px; right: 50px; } .div-block-23 { z-index: 1; background-color: var(--primary); border-radius: 17px; width: 546px; height: 250px; padding-top: 20px; padding-left: 60px; position: absolute; top: -50px; left: 50px; } .div-block-24 { padding-top: 60px; } .heading-5 { font-family: var(--gestura-bold); color: var(--components--links--text-color--text-light); font-size: var(--core--font-size--headings--h3); } .heading-6 { font-family: var(--gestura-bold); color: var(--components--titles-paragraphs--text-light); } .footpara { color: var(--components--divider--border-color--border-default); font-size: var(--core--font-size--displays--display-1); } .div-block-25 { width: 152px; } .image-7._88 { max-width: 88%; } .div-block-29 { background-color: var(--primary); color: #fff; flex-flow: row; justify-content: space-between; align-items: center; height: auto; padding-bottom: 0; padding-left: 40px; padding-right: 40px; display: flex; } .div-block-29.footer { flex-flow: row; justify-content: space-between; align-items: center; width: 100%; padding: 20px 40px; display: flex; } .text-span-2, .text-span-3, .bold-text-6 { color: var(--primary); } .paragraph-5 { font-size: var(--core--font-size--paragraphs--small); } .paragraph-5.text-center._50 { align-self: center; margin-bottom: 40px; } .paragraph-6.align-right { text-align: right; } .paragraph-6.center { text-align: center; } .spline { height: 100vh; display: none; position: sticky; } .spline-scene { z-index: 99; display: none; position: absolute; inset: 1% 89% 1% -22%; } .spline-wrapper { z-index: 9; position: absolute; bottom: 5%; left: 19%; } .c-autotabs { z-index: 1; justify-content: space-around; display: flex; position: relative; } .c-button-l { color: #fff; background-color: #0000; border: 1px solid #e8edf6; border-radius: 8px; padding: 18px 24px; font-size: 18px; font-weight: 700; line-height: 1.6em; text-decoration: none; } .c-button-l.cc-button-nav { align-items: center; margin-top: 20px; margin-bottom: 20px; margin-left: 15px; padding: 10px 16px; display: flex; } .c-button-l.cc-button-nav:hover { color: #523aa9; } .c-autotabs_image { object-fit: contain; width: 500px; max-width: none; height: 100%; padding-top: 220px; display: block; position: sticky; inset: 0% 0% 0% 100%; } .c-autotabs_image.cc-pane-crypto { padding-bottom: 60px; } .c-autotabs_image.cc-pane-crypto.sixth { width: 73%; padding-bottom: 0; } .c-autotabs_image.cc-pane-crypto-mobile { display: none; } .c-autotabs_image.second { width: 80%; height: 100%; padding-top: 25%; left: 100%; } .cc-color-primary { color: #4e5bed; } .c-autotabs_load { background-color: var(--components--badge-primary--background-color--bg-light); border-radius: 20px; width: 100%; height: 0%; overflow: visible; } .c-nav_logo { width: 149px; height: 18px; } .c-autotabs_content { justify-content: center; align-items: center; width: 50%; display: flex; position: relative; overflow: visible; } .c-nav { background-color: #fff; border-bottom: 1px solid #e8edf6; } .c-container.cc-nav { flex-direction: row; justify-content: space-between; display: flex; } .c-button-icon-left { color: #323b48; width: 20px; height: 20px; margin-bottom: 4px; margin-right: 12px; } .c-button-icon-left.cc-icon-nav { color: #5f6668; width: 24px; height: 24px; margin-bottom: 0; display: inline-block; } .c-section { color: #000; padding-top: 80px; padding-bottom: 80px; position: relative; } .c-section.cc-body-bg { z-index: -1; width: 50%; height: 100%; position: absolute; inset: 0% 0% 0% auto; overflow: hidden; } .c-section.cc-main { padding-top: 140px; } .c-autotabs_pane { height: 100%; padding-top: 300px; position: fixed; top: 5px; } .c-container-2 { border-radius: 4px; max-width: 1364px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; display: block; } .c-container-2.cc-10cols { max-width: 1144px; } .c-title-wrapper { margin-bottom: 16px; } .c-title-wrapper.cc-title_intro { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; justify-content: flex-start; align-items: center; margin-top: 100px; margin-bottom: 60px; display: flex; } .c-title-wrapper.cc-title-nomargin { margin-bottom: 0; } .c-text-1 { color: var(--secondary); margin-top: 0; margin-bottom: 0; font-size: 16px; line-height: 1.8; } .c-nav_brand { align-items: center; padding-top: 20px; padding-bottom: 20px; display: flex; } .c-title-3 { margin-top: 0; margin-bottom: 0; font-size: 24px; font-weight: 700; line-height: 1.6em; } .c-page { width: 100%; height: 100vh; font-weight: 400; } .c-autotabs_paragraph { color: #5f6668; } .c-button-icon-content { color: #19191b; font-size: 16px; font-weight: 400; display: inline-block; } .c-autotabs_menu { flex-direction: column; width: 50%; display: flex; } .c-autotabs_line { background-color: #e8edf6; border-radius: 20px; width: 6px; position: absolute; inset: 20px auto 20px 40px; overflow: hidden; } .c-body_bg { width: 130%; max-width: none; position: absolute; inset: 17% 0% auto 141px; } .c-nav_buttons { align-items: center; display: flex; } .c-autotabs_link { background-color: #0000; margin-top: 0; margin-bottom: 20px; padding: 22px 80px 22px 90px; } .c-autotabs_link:hover { color: var(--components--badge-primary--background-color--bg-light); } .c-autotabs_link.w--current { background-color: var(--light-blue); border-radius: 12px; padding-top: 49px; padding-bottom: 49px; } .c-title-2 { font-family: var(--gesture); color: #323b48; margin-top: 0; margin-bottom: 0; font-size: 48px; font-weight: 400; line-height: 1.2em; } .c-title-2.center { text-align: center; } .c-title-2.center.res { display: none; } .text-span-4 { color: var(--primary); } .bold-text-7 { color: var(--components--badge-neutral--background-color--bg-light); } .bold-text-8 { color: var(--components--badge-primary--border-color--b-light); } .heading-7 { font-size: var(--core--font-size--headings--h3); } .div-block-33 { justify-content: center; align-items: stretch; padding-top: 20px; padding-left: 25%; display: flex; } .mg-top-small-2 { margin-top: 16px; } .container-default-3 { max-width: 1398px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; } .section-3 { background-color: #0000; padding-top: 120px; padding-bottom: 120px; } .section-3.hero { position: relative; overflow: hidden; } .section-3.hero.hero-144px---600-bg { background-color: #0000; background-image: url(../images/FAQ-bg.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; background-attachment: scroll; height: auto; padding-top: 144px; padding-bottom: 144px; } .section-3.pd-top-80px { padding-top: 80px; } .section-3.pd-top-80px.pd-bottom-200px { background-color: #fff; } .display-14 { font-family: var(--gestura-bold); line-height: 1.115em; } .tab-side-line-item-3 { color: #828295; background-color: #0000; border-right: 1px solid #b1b1c4; padding: 0 18px; } .tab-side-line-item-3:hover { color: #000326; } .tab-side-line-item-3.w--current { color: #000326; background-color: #0000; } .tab-side-line-item-3.first { padding-left: 0; } .tab-side-line-item-3.first.tab-box.w--current { background-color: var(--primary); color: #fff; } .tab-side-line-item-3.last { border-right-style: none; padding-right: 0; } .tab-side-line-item-3.last.tab-box { margin-left: 0; margin-right: 0; } .tab-side-line-item-3.tab-box { color: #000; background-color: #f3f3f3; border-right-width: 0; border-radius: 15px; margin-right: 10px; padding: 20px; } .tab-side-line-item-3.tab-box.w--current { background-color: var(--primary); color: #fff; } .accordion-icon-wrapper-3 { justify-content: center; align-items: center; width: 16px; height: 16px; margin-left: 16px; display: flex; position: relative; } .accordion-icon-wrapper-3.mg-left-0px { margin-left: 0; } .secondary-button-icon-3 { color: #000326; text-align: center; background-color: #f5f5f5; border: 1px solid #e0e0e7; border-radius: 48px; justify-content: center; align-items: center; width: 34px; min-width: 34px; height: 34px; min-height: 34px; font-size: 16px; font-weight: 600; text-decoration: none; transition: transform 0.3s; display: flex; box-shadow: 0 1px 3px #0003261a; } .secondary-button-icon-3:hover { color: #000326; transform: scale(0.94); } .secondary-button-icon-3.accordion-top-icon { margin-top: 8px; margin-left: 16px; } .display-15 { font-size: 20px; line-height: 1.3em; } .display-15.strong.text-capital { letter-spacing: 0.06em; text-transform: capitalize; } .display-15.strong.text-capital.faq-title { text-align: center; font-size: 16px; font-weight: 500; } .divider-3 { background-color: #e0e0e7; height: 1px; } .divider-3.border-secondary { background-color: #b1b1c4; } .accordion-paragraph-3 { padding-top: 16px; overflow: hidden; } .accordion-paragraph-3.v2.faq-text { font-size: var(--core--font-size--displays--display-1); } .grid-1-column-3 { grid-column-gap: 30px; grid-row-gap: 30px; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .grid-1-column-3.gap-0px { grid-column-gap: 0; grid-row-gap: 0; } .accordion-icon-line-3 { background-color: #000326; border-radius: 24px; width: 12px; height: 2px; } .accordion-icon-line-3.vertical { position: absolute; transform: rotate(90deg); } .display-16 { font-size: 36px; line-height: 1.3em; } .display-16.strong { font-family: var(--core--font-family--primary-font); font-size: var(--core--sizes--size-6); } .display-16.strong.faq-title { font-size: var(--core--font-size--displays--display-4); } .footer-wrapper { background-color: #ffe2e9; } .footer-container.bottom { padding: 40px var(--core--sizes--size-5); border-radius: 0; justify-content: space-between; align-items: center; height: auto; margin-left: auto; margin-right: auto; display: flex; } .footer-container-new { padding: 60px var(--core--sizes--size-8); grid-column-gap: 14px; grid-row-gap: 14px; justify-content: space-between; align-items: flex-start; width: 100vw; margin-left: auto; margin-right: auto; display: flex; } .logo-footer-container { width: 27%; margin-right: 100px; } .made-by { font-size: var(--core--font-size--displays--display-5); } .policy { grid-column-gap: 24px; grid-row-gap: 24px; font-size: var(--core--font-size--displays-mbl--display-2); justify-content: flex-start; align-items: center; display: flex; } .madeby-text { color: var(--components--links--text-color--text-light); } .footer-policy { color: var(--components--badge--text-color--text-light); text-decoration: none; } .footer-policy:hover { color: var(--components--badge--text-color--text-light); text-underline-offset: 5px; text-decoration: underline; text-decoration-thickness: 1px; } .footer-tc { color: var(--components--badge--text-color--text-light); text-decoration: none; } .links-container { grid-column-gap: var(--core--sizes--size-9); grid-row-gap: var(--core--sizes--size-9); justify-content: space-between; align-items: flex-start; display: flex; } .image-8 { width: 100%; } .quantity-2 { color: #4b4b5d; font-family: Manrope, Arial, sans-serif; font-size: 16px; } .div-block-34 { display: none; } .img-wrapper { width: 29%; } .home-wrap { flex-flow: column; justify-content: center; align-items: center; display: flex; } .div-block-38 { width: 50%; margin-top: 10px; } ._3grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 0.25fr 1fr; grid-auto-columns: 1fr; margin-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; display: grid; } .div-block-39 { width: 400px; } .heading-10.right-align { text-align: right; } .div-block-41 { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .div-block-42 { grid-column-gap: 56px; grid-row-gap: 56px; justify-content: center; padding-top: 40px; padding-bottom: 140px; display: flex; } .card-main { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; align-items: stretch; width: 50%; display: flex; } .section-4.our-story { margin-bottom: 100px; } .card-wrap { border-radius: 20px; margin-bottom: 20px; display: none; } .card-wrap.yellow, .card-wrap.blue { border-radius: 20px; } .image-wrap { justify-content: center; align-items: center; display: flex; } .conent-block { grid-column-gap: 12px; grid-row-gap: 12px; background-color: #ffeaf0; border-radius: 20px; flex-flow: column; justify-content: flex-start; align-items: center; height: auto; padding: 20px; display: flex; } .conent-block.yellow { background-color: #ffe9b9; border-radius: 20px; flex-flow: column; padding: 20px; display: flex; } .conent-block.blue { background-color: #e1f1ff; border-radius: 20px; padding: 20px; } .conent-block.bottom { height: 80vh; } .heading-11 { text-align: center; justify-content: center; align-items: center; height: 5vh; margin-bottom: 10px; display: flex; font-size: 20px; } .heading-11.res { display: none; } .heading-11.desk { justify-content: flex-start; align-items: center; } .div-block-46 { background-color: #fff; border-radius: 14px; padding: 10px; } .paragraph-8 { margin-top: 20px; } .div-block-48 { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: row; justify-content: center; align-items: flex-start; width: 100%; margin-bottom: 40px; padding-left: 20px; padding-right: 20px; display: flex; } .div-block-48.d-none { display: none; } .text-span-8 { color: #bb244e; font-weight: 600; } .text-span-9, .text-span-10, .text-span-11 { color: #bb244e; } ._2grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-left: 40px; display: grid; } .cert-content { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: wrap; justify-content: center; align-items: center; width: 25%; padding-top: 20px; padding-left: 20px; padding-right: 20px; display: flex; } .div-block-50 { justify-content: center; align-items: center; padding-top: 120px; padding-bottom: 40px; display: flex; } .heading-12 { font-family: var(--gesture); justify-content: center; margin-top: 40px; display: flex; } .paragraph-9 { padding-bottom: 10px; padding-left: 10px; } .heading-13 { padding-bottom: 20px; } .paragraph-10 { margin-bottom: 20px; } .heading-14, .heading-15, .heading-16, .heading-17, .heading-18, .heading-19, .heading-20, .heading-21, .heading-22 { padding-bottom: 20px; } .heading-23 { color: var(--primary); padding-bottom: 20px; } .bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16, .bold-text-17, .bold-text-18, .bold-text-19, .bold-text-20 { color: var(--primary); } .heading-24 { font-family: var(--gesture); justify-content: center; display: flex; } .rich-text-block-2 { padding-left: 60px; } .bold-text-21 { color: var(--primary); } .paragraph-11 { padding-top: 20px; padding-bottom: 10px; } .paragraph-12 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } .bold-text-22 { color: var(--primary); } .heading-25 { margin-top: 10px; margin-bottom: 20px; } .paragraph-13 { padding-left: 10px; } .list, .list-2, .list-3, .list-4 { padding-left: 60px; } .image-15 { z-index: 9; width: auto; height: auto; position: absolute; top: 8%; left: -16%; } .bold-text-23 { font-family: var(--gestura-bold); } .heading-27 { font-family: var(--gesture); font-size: var(--core--font-size--headings--h2); text-align: center; margin-bottom: 30px; } .main-wrap { flex-flow: column; justify-content: center; display: flex; } .paragraph-14 { font-size: var(--core--font-size--displays--display-1); text-align: center; margin-bottom: 40px; } .cards { grid-column-gap: 5px; grid-row-gap: 5px; background-color: #f0f6fc; border-radius: 12px; flex-flow: column; flex: 1; padding: 40px 20px 20px; display: flex; } .cards.pink { background-color: #ffe2e9; } .flex-block-2 { grid-column-gap: 26px; grid-row-gap: 26px; } .heading-28 { font-size: var(--core--font-size--headings-mbl--h4); justify-content: center; margin-bottom: 40px; display: flex; } .paragraph-15 { color: var(--components--titles-paragraphs--text-paragraphs); font-weight: 500; } .bottom-card { grid-column-gap: 37px; grid-row-gap: 37px; background-color: #f0f6fc; border-radius: 12px; flex-flow: column; justify-content: center; align-items: center; margin-top: 25px; padding-top: 40px; padding-bottom: 40px; display: flex; } .bottom-card.pink { background-color: #ffe2e9; } .text-block-10 { font-family: var(--core--font-family--headlines); color: var(--components--links--text-color--text-dark); font-size: var(--core--font-size--displays--display-5); font-weight: 600; } .div-block-51 { grid-column-gap: 17px; grid-row-gap: 17px; justify-content: space-between; align-items: center; display: flex; } .scroll-snap-wrapper { width: 100vw; height: 100vh; overflow: scroll; } .html-embed { display: none; } .section-1 { height: 100vh; } .section-2 { background-color: #000; height: 100vh; } .section-3 { background-color: #c46f2b; height: 100vh; } .stacking-cards_info-link { color: #444; text-align: center; border-bottom: 0.1rem solid #444; align-items: center; font-size: 1.5rem; text-decoration: none; display: flex; } .stacking-cards_info-link:hover { opacity: 0.7; } .stack_card-image { object-fit: cover; width: 100%; height: 100%; } .section_placeholder { height: 25vh; display: block; } .section_placeholder.res { display: none; } .stack_component { grid-row-gap: 14rem; flex-direction: column; justify-content: space-between; display: flex; } .stack_component.res { grid-row-gap: 1rem; } .stack_card { grid-column-gap: 0; grid-row-gap: 0; background-color: #def0ff; border-radius: 1.25rem; grid-template-rows: auto; grid-template-columns: 1fr minmax(0, 1fr); grid-auto-columns: 1fr; height: 31rem; margin-bottom: 9rem; padding-top: 4rem; display: grid; position: sticky; top: 5rem; overflow: hidden; box-shadow: 0 -12px 16px -4px #0000000d; } .stack_cardlp { background-color: #def0ff; grid-template-columns: 1fr minmax(0, 1fr); height: 30rem; padding-top: 4rem; display: grid; position: sticky; top: 5rem; overflow: hidden; box-shadow: 0 -12px 16px -4px #0000000d; grid-column-gap: 40px; grid-row-gap: 40px; padding-left: 40px; padding-right: 40px; } .stack_card.is-2 { background-color: #ffd9e2; margin-bottom: 6rem; top: 6rem; } .stack_card.is-2.is-5 { top: 8rem; } .stack_card.is-2.qa._02 { background-color: #ffe2e9; } .stack_card.is-6 { background-color: #fff4db; margin-bottom: 3rem; top: 7rem; } .stack_card.is-6.qa._03 { background-color: #fff4db; } .stack_card.is-last { background-color: #fff4db; margin-bottom: 0; top: 8rem; } .stack_card.is-last.qa._03 { background-color: #fff4db; } .stack_card.is-4 { margin-bottom: 2rem; top: 8rem; } .stack_card.qa { background-color: #def0ff; padding-top: 0; } .stack_card.res { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto auto; grid-template-columns: 1fr; height: auto; margin-bottom: 1rem; padding: 50px; position: static; } .stacking-cards_arrow-icon { width: 1.75rem; height: 1.75rem; margin-top: 0.2rem; display: inline-block; } .section_stack.res { display: none; } .section_stack.desk { display: block; } .padding-global { padding-left: 2.5rem; padding-right: 2.5rem; } .stacking-cards_info { grid-column-gap: 2rem; text-align: center; justify-content: flex-start; margin-top: 1rem; display: flex; } .stack_card-image-wrapper { flex-flow: column; width: 100%; height: 25rem; display: flex; } .stack_card-image-wrapper.qa { justify-content: center; align-items: center; padding-right: 0; display: flex; } .stack_card-image-wrapper.res { height: auto; padding-right: 0; } .container-large { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .stack_card-content { grid-column-gap: 49px; grid-row-gap: 49px; flex-flow: column; padding-top: 0; padding-left: 5px; padding-right: 5px; display: flex; } .stack_card-content.qa { background-color: #3782c4; border-radius: 25px; padding: 50px; } .stack_card-content.qa._02 { background-color: #742033; } .stack_card-content.qa._03 { background-color: #d1a126; } .stack_card-content.res { grid-column-gap: 40px; grid-row-gap: 40px; padding-left: 0; padding-right: 0; } .padding-section-medium { padding-top: 5rem; padding-bottom: 5rem; } .heading-29 { background-color: #fff; border-radius: 20px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; } .heading-30 { font-family: var(--gesture); margin-bottom: 20px; font-size: 34px; } .heading-30.qa { color: #fff; } .flex-block-4 { grid-column-gap: 15px; grid-row-gap: 15px; flex-flow: column; } .flex-block-5 { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: space-between; } .paragraph-16 { color: var(--components--titles-paragraphs--text-paragraphs); } .paragraph-16.qa { color: #fff; } .paragraph-17 { font-size: var(--core--font-size--base-font); text-align: center; justify-content: center; display: flex; } .text-wrap { margin-bottom: 140px; padding-left: 100px; padding-right: 100px; } .heading-31 { font-family: var(--gesture); font-size: var(--core--font-size--displays-tablet--display-8); } .heading-31.card-title { height: 14vh; font-size: 34px; } .solutions-content { flex-direction: column; justify-content: center; height: 80%; padding: 10px 60px 10px 38px; display: flex; position: relative; } .solutions-content.new { width: 100%; height: 100%; padding-top: 0; padding-right: 30px; } .solutions-content.new.padding { padding-top: 0; } .heading-32 { font-family: var(--gesture); font-size: var(--core--font-size--displays-tablet--display-8); } .div-block-53 { grid-column-gap: 17px; grid-row-gap: 17px; flex-flow: column; padding-left: 40px; display: flex; } .paragraph-18 { font-size: var(--core--font-size--displays--display-1); } .image-18 { width: 55%; } .div-block-54 { display: flex; position: relative; } .text-wrapper { z-index: 0; border-left: 1px dashed #3782c4; flex: 1; padding-top: 10px; padding-bottom: 20px; padding-left: 40px; display: flex; position: relative; right: 40px; } .iconclass { z-index: 1; position: relative; right: 15px; } .text-block-12 { font-family: var(--core--font-family--primary-font); color: #3782c4; font-size: var(--core--font-size--displays-mbl--display-5); font-weight: 700; } .div-block-55 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; display: flex; } .paragraph-19, .paragraph-20, .paragraph-21 { font-size: var(--core--font-size--paragraphs--small); } .div-block-56 { padding-top: 20px; } .div-block-57 { padding-top: 20px; display: block; } .lottie-animation-3 { height: 100%; } .heading-33 { font-family: var(--gesture); text-align: center; } .tracck { width: 100vw; height: 160vw; } .camera1 { width: 100vw; height: 100vh; position: sticky; top: 0; overflow: hidden; } .frame { align-items: center; height: 100%; padding-left: 0; display: flex; position: static; } .div-block-58 { border: 1px dashed var(--light-blue); width: 100px; height: 1px; position: absolute; inset: 22% auto 0% 0%; } .div-block-59 { flex: none; width: 40vw; margin-right: 20px; } .spacing1, .spacing2 { width: 50px; height: 96px; margin-bottom: 10px; } .text-wrap2 { flex-flow: column; justify-content: center; align-items: center; width: 70%; display: flex; } .paragraph-22 { text-align: center; } .text-span-12 { color: var(--components--links--text-color--text-dark); } .horizontal-slider-title { font-size: var(--core--font-size--displays-tablet--display-6); font-weight: 700; } .tag-box { grid-column-gap: 8px; grid-row-gap: 8px; border-bottom: 1px solid #fff; display: flex; } .tag-icon { width: 30px; } .flex-block-8 { grid-column-gap: 23px; grid-row-gap: 23px; width: 100vw; height: 20rem; padding-top: 0; padding-bottom: 0; overflow: hidden; } .images-block { grid-column-gap: 23px; grid-row-gap: 23px; align-self: center; } .small-img { background-color: #2f1a1a; border-radius: 20px; align-self: center; width: 200px; height: 200px; } .large-img { background-color: red; border-radius: 20px; width: 200px; height: 250px; } .items-holder { grid-column-gap: 23px; grid-row-gap: 23px; padding-top: 20px; padding-bottom: 20px; overflow: clip; } .div-block-60 { grid-column-gap: 23px; grid-row-gap: 23px; display: flex; } .scroll-wrap2 { grid-column-gap: 23px; grid-row-gap: 23px; padding-top: 20px; padding-bottom: 20px; overflow: clip; } .image-21 { width: 80%; } .display19 { font-family: var(--gesture); padding-left: 10px; } .footer-wrap { padding-top: 100px; } .footer-connect-img { width: 2vw; } .business-card-wrapper { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: column; width: 100%; display: flex; } .business-card-container.top { grid-column-gap: 24px; grid-row-gap: 24px; width: 100%; display: flex; } .business-card-container.top.resp { display: none; } .business-card-container.bottom { grid-column-gap: 24px; grid-row-gap: 24px; width: 100%; display: flex; } .business-card { background-color: var(--core--colors--system--yellow-100); border-radius: 25px; width: 33%; padding: 30px; } .image-23, .image-24, .image-25 { border-radius: 20px; } .founders-img { object-fit: cover; object-position: 50% 20%; border-radius: 25px; width: 100vw; height: 60vh; } .image-26 { position: absolute; } .health-cup { width: 22%; position: absolute; bottom: 38%; left: 34%; } .testimonial-text-first { margin-top: 10px; font-style: italic; font-weight: 600; } .product-hero-wrapper { justify-content: flex-start; align-items: center; padding-top: 40px; padding-bottom: 40px; } .product-hero-wrapper.alt { padding-top: 0; padding-bottom: 0; } .product-hero-wrapper.container { width: 100%; } .product-hero-container { grid-column-gap: 8%; grid-row-gap: 8%; justify-content: center; align-items: center; display: flex; } .product-hero-container.desk.container { width: 100%; } .product-hero-container.res { display: none; } .product-hero-left-container { width: 35%; height: 50vh; } .product-hero-left-container.container { width: 100%; } .product-hero-right-container { width: 45%; } .product-hero-right-container.container { width: 100%; } .product-hero-image-wrapper { background-image: url(../images/jupiter-pink.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .product-hero-image-wrapper.purple { background-image: url(../images/jupiter-purple.png); display: none; } .product-hero-image-wrapper.purple.elite { background-image: url(../images/elite-purple.png); } .product-hero-image-wrapper.orange { background-image: url(../images/jupiter-orange.png); display: none; } .product-hero-image-wrapper.orange.elite { background-image: url(../images/elite-orange.png); } .product-hero-image-wrapper.grey { background-image: url(../images/jupiter-grey.png); display: none; } .product-hero-image-wrapper.grey.elite { background-image: url(../images/elite-grey.png); } .product-hero-image-wrapper.elite { background-image: url(../images/elite-pink.png); } .product-hero-image { width: 44%; height: 55%; display: none; position: absolute; bottom: 15%; left: 30%; } .product-divider { border-bottom: 1px solid #3782c4; width: 100%; height: 0; margin-top: 25px; margin-bottom: 25px; } .product-variation-container { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: flex-start; align-items: center; margin-bottom: 40px; display: flex; } .product-color-btn { cursor: pointer; background-color: #e6e7e9; border-radius: 50%; width: 30px; height: 30px; padding: 0; } .product-color-btn:focus { border: 2px solid #3782c4; } .product-color-btn.pink { background-color: #f7c0d6; width: 30px; height: 30px; } .product-color-btn.pink:focus { border: 2px solid #3782c4; } .product-color-btn.violet { background-color: #d1bcda; width: 30px; height: 30px; } .product-color-btn.violet:focus { border: 2px solid #3782c4; } .product-color-btn.orange { background-color: #f9ab75; width: 30px; height: 30px; } .product-color-btn.orange:focus { border: 2px solid #3782c4; } .product-btn-container { grid-column-gap: 18px; grid-row-gap: 18px; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .bold-text-27 { color: #bb244e; font-weight: 400; } .text-block-17 { font-family: var(--core--font-family--headlines); font-size: var(--core--font-size--displays--display-5); line-height: var(--core--line-height--regular); color: #3782c4; font-weight: 700; } .product-why-wrapper { flex-flow: column; justify-content: flex-start; align-items: center; margin-bottom: 50px; display: flex; } .product-why-wrapper.alt { margin-bottom: 0; } .product-why-wrapper.factory { flex-flow: row; } .product-why-top-container.alt { width: 50%; } .product-why-bottom-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: flex-start; align-items: center; margin-top: 20px; display: flex; } .product-why-bottom-wrapper.jupiter, .product-why-bottom-wrapper.center { justify-content: center; align-items: center; } .product-why-bottom-wrapper.alt { flex-flow: row; width: 100%; } .product-why-bottom-wrapper.factory { grid-column-gap: 0; grid-row-gap: 0; width: 5000px; margin-left: -20px; margin-right: -20px; } .why-card { flex-flow: column; justify-content: flex-end; align-items: center; width: 33%; padding: 10px 30px; display: flex; } .why-icon { height: 10vh; margin-bottom: 20px; } .why-icon.jupiter { height: 15vh; } .why-icon.factory { height: 40vh; margin-bottom: 0; margin-right: 100px; } .why-card-title { color: #bb244e; margin-bottom: 25px; font-weight: 700; } .why-card-title.blue { color: #3782c4; } .why-card-title.brown { color: #a57319; } .why-card-text { text-align: center; height: 15vh; } .why-card-text.facility { height: auto; } .product-feature-wrapper { flex-flow: column; margin-bottom: 50px; display: flex; } .product-feature-container { flex-flow: column; justify-content: center; align-items: center; display: flex; } .grid-5 { grid-template-rows: auto auto auto auto auto auto; grid-template-columns: 1fr 1fr 1fr; } .product-hero-btn-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .product-hero-btn-wrapper.container { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .link-block-2 { display: flex; } .product-btn-primary { grid-column-gap: 18px; grid-row-gap: 18px; background-color: var(--primary); color: #fff; border-radius: 25px; justify-content: flex-start; align-items: center; padding: 10px 20px; font-size: 14px; text-decoration: none; display: inline-flex; } .product-btn-primary:hover { color: #fff; } .product-btn-primary.blue { background-color: #3782c4; } .product-btn-primary.brown { background-color: #a57319; } .product-btn-primary.cup-101 { background-color: #bb244e; } .product-btn-secondary { grid-column-gap: 18px; grid-row-gap: 18px; color: var(--primary); background-color: #f0f0f0; border-radius: 25px; justify-content: flex-start; align-items: center; padding: 10px 20px; text-decoration: none; display: inline-flex; } .product-btn-secondary.blue { color: #3782c4; } .product-btn-secondary.service { background-color: #fff; } .cres-title { font-family: var(--core--font-family--headlines); color: #bb244e; margin-bottom: 25px; font-size: 22px; font-weight: 700; } .cres-title.blue { color: #3782c4; } .headline { font-family: var(--gestura-bold); color: #000; font-size: 45px; line-height: var(--core--line-height--small); margin-bottom: 25px; } .headline.center { text-align: center; } .headline.center.mb-0 { margin-bottom: 0; } .headline.center.res { display: none; } .headline.center.alt { text-align: left; } .headline.container { margin-bottom: 60px; } .headline.container.mb-20 { margin-bottom: 10px; } .paragraph-25 { margin-bottom: 25px; font-size: 14px; } .heading-36 { text-align: center; } .feature-wrapper { grid-column-gap: 0; grid-row-gap: 0; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100vh; margin-top: 25px; margin-bottom: 20px; padding-bottom: 0; position: relative; } .feature-wrapper.blue { margin-bottom: 0; } .feature-wrapper.blue.mt-0 { margin-top: 0; } .feature-wrapper.blue.mt-0.res { display: none; } .feature-img-container { width: 55%; position: absolute; } .feature-img-container.jupiter { width: 100%; } .product-img-container { width: 50%; position: absolute; } .product-img-container.elite { width: 30%; } .feature-container { color: #000; font-size: 14px; position: absolute; } .feature-container.one { text-align: right; top: 11%; left: 13%; } .feature-container.one.blue { top: 18%; left: -28%; } .feature-container.two { text-align: right; left: 0; } .feature-container.two.blue { top: 45%; left: -55%; } .feature-container.three { text-align: right; bottom: 11%; left: 11%; } .feature-container.three.blue { bottom: 17%; left: -34%; } .feature-container.four { top: 11%; right: 11%; } .feature-container.four.blue { top: 18%; right: -33%; } .feature-container.five { right: 0%; } .feature-container.five.blue { top: 45%; right: -51%; } .feature-container.six { bottom: 11%; right: 11%; } .feature-container.six.blue { bottom: 17%; right: -32%; } .bold-text-28 { color: #bb244e; } .paragraph-26 { width: 65%; margin-left: auto; margin-right: auto; } .product-text { font-size: 14px; } .product-text.center { text-align: center; width: 50%; margin-left: auto; margin-right: auto; } .product-text.center.alt { text-align: left; width: 80%; margin-left: 0; margin-right: 0; } .product-text.w80 { text-align: center; width: 70%; margin-left: auto; margin-right: auto; } .custom-branding-btn-container { margin-top: 45px; } .custom-branding-btn-container.manufacturing { grid-column-gap: 60px; grid-row-gap: 60px; display: flex; } .products-wrapper { margin-bottom: 50px; } .compare-container { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: center; align-items: flex-start; margin-bottom: 12px; display: flex; } .compare-image-container { justify-content: space-around; align-items: flex-end; margin-bottom: 12px; display: flex; } .vs { background-image: url(../images/vs-new.svg); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; justify-content: center; align-items: center; width: 7vw; height: 9vh; display: flex; } .vs.jupiter { background-image: url(../images/jupiter-vs.svg); } .vs-text { color: #bb244e; font-size: 24px; font-weight: 700; } .vs-text.jupiter { color: #3782c4; } .vert-container { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: center; align-items: center; display: flex; } .div-block-61 { border: 2px solid #a5731940; width: 0; height: 5vh; } .compare-line { border: 2px solid #bb244e; width: 0; height: 10vh; } .compare-line.horizontal { width: 10vw; height: 0; } .compare-line.horizontal.first { width: 7.5vw; } .compare-line.horizontal.first.jupiter { border-color: #3782c4; } .compare-line.horizontal._02 { width: 7.5vw; } .compare-line.horizontal._02.jupiter { border-color: #3782c4; } .compare-line.horizontal._03 { width: 10.5vw; } .compare-line.horizontal._03.jupiter { border-color: #3782c4; } .compare-line.horizontal._04 { width: 10.5vw; } .compare-line.horizontal._04.jupiter { border-color: #3782c4; } .compare-line.horizontal._05 { width: 5vw; } .compare-line.horizontal._05.jupiter { border-color: #3782c4; } .compare-line.horizontal._06 { width: 9.5vw; } .compare-line.horizontal._06.jupiter { border-color: #3782c4; } .compare-line._5vh { height: 5vh; } .compare-line._5vh.jupiter { border-color: #3782c4; } .compare-line.vs { margin-left: 20px; } .compare-line.vs.jupiter { border-color: #3782c4; } .point-container { text-align: right; background-color: #ffe2e9; border: 2px solid #bb244e; border-radius: 25px; width: 23vw; padding: 10px 30px 10px 10px; } .point-container.left { text-align: left; padding-left: 30px; padding-right: 0; } .point-container.jupiter { background-color: #d0e9ff; border-color: #3782c4; } .point { font-size: 14px; } .compare-left-container { justify-content: flex-start; align-items: center; display: flex; } .compare-center-container { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: center; align-items: center; padding-top: 5px; display: flex; } .compare-right-container { justify-content: center; align-items: center; display: flex; } .compare-title { font-size: 20px; font-weight: 600; } .product-connect-wrapper { margin-bottom: 50px; } .product-connect-btn-container { grid-column-gap: 18px; grid-row-gap: 18px; justify-content: center; align-items: center; margin-top: 25px; display: flex; } .product-connect-btn-container.cup-101 { margin-top: 0; } .cup-container { flex-flow: column; justify-content: center; align-items: center; margin-top: 40px; padding-top: 100px; padding-bottom: 60px; display: flex; position: relative; } .image-27 { display: none; position: absolute; top: 25%; left: 0; } .cup-image { max-width: 50%; } .image-28 { height: 100%; } .cup-feature-text-container { position: absolute; } .cup-feature-text-container.one { top: 0; left: auto; right: 30%; } .feature-text { font-size: 14px; } .bold-text-29 { color: #3782c4; } .airhole { position: absolute; top: 13%; left: 1%; } .base { position: absolute; bottom: 9%; left: 10%; } .cup-body { position: absolute; top: 52%; right: 1%; } .rim { position: absolute; top: 16%; right: 5%; } .stem { position: absolute; bottom: 2%; right: 13%; } .jupiter-cup-image-container { background-image: url(../images/jupiter-vs.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; justify-content: center; align-items: center; margin-bottom: 12px; display: flex; } .elite-cup-image-container { background-image: url(../images/elite-vs.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; justify-content: center; align-items: center; margin-bottom: 12px; display: flex; } .vs-title-container { justify-content: center; align-items: center; display: flex; } .vs-title { color: #3782c4; font-size: 18px; font-weight: 700; } .vs-title.primary { color: #bb244e; } .bold-text-30, .bold-text-31, .bold-feature.blue { color: #3782c4; } .ridges { position: absolute; top: 45%; left: 0%; } .previous-container { display: none; } .manufacturing-hero-wrapper { flex-flow: column; justify-content: center; align-items: center; margin-bottom: 40px; margin-left: auto; margin-right: auto; padding-top: 60px; padding-bottom: 60px; display: flex; } .image-29 { z-index: 9999; position: absolute; top: 0; left: 0; } .manufacturing-hero-container { grid-column-gap: 18px; grid-row-gap: 18px; text-align: center; flex-flow: column; justify-content: center; align-items: center; width: 80%; display: flex; } .manufacturing-hero-img { width: 25vw; position: absolute; top: 0; left: 0; } .mp-heading { font-family: var(--gestura-bold); color: #000; text-align: left; font-size: 44px; font-weight: 700; line-height: 1.1; } .mp-heading.center { text-align: center; } .heading-37 { font-family: var(--core--font-family--primary-font); color: #bb244e; font-size: 18px; line-height: 1.3; } .bold-text-32 { color: #bb244e; } .paragraph-27 { color: #000; font-size: 14px; line-height: 1.55; } .text-container.medium { width: 50%; } .text-container.medium.center { text-align: center; } .text-container.large { width: 70%; margin-bottom: 20px; } .process-one-wrapper { margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 40px; } .process-one-container { flex-flow: column; justify-content: flex-start; align-items: center; height: 80vh; display: flex; position: relative; } .p1-1-container { width: 50%; position: absolute; top: 0%; left: 34%; } .p1-2-container { text-align: right; width: 35%; display: none; position: absolute; bottom: 24%; left: 25%; } .process-heading-container { justify-content: flex-start; align-items: center; display: flex; } .process-heading-container.right { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-end; align-items: center; } .process-text { margin-bottom: 20px; margin-left: 70px; font-size: 1em; } .process-text.second { width: 90%; margin-left: 0; } .process-text.right { text-align: right; margin-left: 0; margin-right: 85px; font-size: 1em; } .process-text.medium { width: 60%; } .process-one-img { width: 10vw; position: absolute; } .process-one-img.one { z-index: 9; width: 12%; display: none; top: -2%; left: 2%; } .process-one-img.two { width: 60%; top: -15%; left: 0%; } .process-one-img.three { width: 12%; display: none; top: 31%; left: 33%; } .process-one-img.four { width: 12%; display: none; top: 55%; left: 5%; } .process-one-img.five { width: 15%; display: none; top: 49%; left: 57%; } .process-one-img.six { width: 15%; top: 20%; right: 0; } .process-one-img.arrow { width: 15%; bottom: -5%; right: 12%; } .bold-text-33, .bold-text-34 { color: #bb244e; } .process-two-container { flex-flow: column; justify-content: flex-start; align-items: center; height: 70vh; display: flex; position: relative; } .p2-1-container { width: 45%; position: absolute; top: 0%; left: 20%; } .p2-2-container { width: 40%; display: none; position: absolute; bottom: 20%; left: 17%; } .home-why-container { flex-flow: column; display: flex; } .hw-text-container { flex-flow: column; justify-content: center; align-items: center; display: flex; } .hw-image-container { height: 100vh; position: relative; } .hw-image-container.res, .hw-image-container.desk { display: none; } .hw-image-container.desk._1280 { height: 90vh; margin-top: 40px; display: block; } .hw-meta-container { display: inline-block; position: absolute; } .hw-meta-container.one { top: 15%; right: 26%; } .hw-meta-container.two { top: 37%; right: 11%; } .hw-meta-container.three { bottom: 25%; right: 12%; } .hw-meta-container.four { bottom: 5%; left: 20%; } .hw-meta-container.five { bottom: 25%; left: 4%; } .hw-meta-container.six { top: 35%; left: 3%; } .hw-meta { color: #000; font-size: 14px; } .hw-meta-bold { color: #bb244e; } .image-30 { width: 30vw; } .hw-image { position: absolute; top: auto; left: auto; } .process-two-wrapper { margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 40px; } .process-two-img { width: 10vw; position: absolute; top: 0; left: 0; } .process-two-img.one { width: 18%; top: auto; bottom: 0%; } .process-two-img.two { width: 40%; inset: auto 0% 20% auto; } .process-two-img.upper-arrow { width: auto; height: 20%; display: none; top: 47%; left: 25%; } .process-two-img.lower-arrow { width: 20%; height: 30%; inset: auto 27% -6% auto; } .process-text-bold, .process-text-bold.pink { color: #bb244e; } .process-text-bold.blue { color: #3782c4; } .process-wrapper { margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 40px; } .process-wrapper.padding-zero { padding-top: 0; padding-bottom: 0; } .process-container { flex-flow: column; justify-content: flex-start; align-items: center; height: 65vh; display: none; position: relative; } .process-container.two { height: 40vh; display: none; } .process-container.two.phase01 { display: flex; } .process-container.three { height: 40vh; display: none; } .process-container.three.phase01 { display: flex; } .process-container.four { height: 40vh; } .process-container.four.phase01 { display: flex; } .process-container.five { height: 50vh; } .process-container.five.phase01 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .process-container.seven { height: 60vh; } .process-container.seven.phase01 { display: flex; } .process-container.phase01 { height: auto; display: flex; } .p3-1-container { width: 40%; position: absolute; right: 10%; } .text-block-18 { margin-bottom: 20px; } .process-three-img { width: 20%; position: absolute; left: 0; } .process-three-img.one { width: 40%; top: 5%; left: 12%; } .process-three-img.two { width: 20%; display: none; bottom: 9%; left: 48%; } .process-three-img.three { display: none; bottom: 0; left: auto; right: 16%; } .p4-1-container { width: 40%; position: absolute; top: 0%; left: 2%; } .process-four-img { width: 20%; position: absolute; right: 0; } .process-four-img.one { width: 22%; display: none; top: 5%; left: 35%; } .process-four-img.two { width: 50%; top: -30%; right: 20%; } .process-four-img.three { width: 15%; top: 0%; } .process-four-img.arrow { bottom: 4%; left: 17%; right: auto; } .body-2 { font-size: 1vw; } .process-heading { color: #bb244e; font-size: 24px; } .process-heading.pink { color: #bb244e; } .process-heading.blue { color: #3782c4; } .process-heading.blue.right { text-align: right; } .p5-1-container { width: 40%; position: absolute; top: 0%; left: 27%; } .p6-1-container { width: 40%; position: absolute; bottom: 10%; left: 15%; } .process-five-img { width: 15%; position: absolute; left: 0; } .process-five-img.one { width: 40%; top: 0%; left: auto; right: 20%; } .process-five-img.one.d-none { display: none; } .process-five-img.arrow { top: 35%; left: 50%; } .process-five-img.two { width: 18%; top: 5%; left: auto; right: 5%; } .process-five-img.three { width: 25%; top: 15%; left: auto; right: 6%; } .process-six-img { width: 15%; position: absolute; bottom: 0; left: 0; } .process-six-img.one { width: 20%; bottom: 0; left: auto; right: 22%; } .process-six-img.arrow { bottom: -12%; left: auto; right: 42%; } .image-31 { width: 10%; } .p7-1-container { width: 40%; position: absolute; bottom: 15%; right: 7%; } .process-seven-img { width: 50%; position: absolute; top: -30%; left: 3%; } .text-bold { color: #a57319; } .text-bold.pink { color: #bb244e; } .manufacturing-why-container { justify-content: center; align-items: center; width: 100%; height: 60vh; margin-top: 0; display: none; position: relative; } .manufacturing-why-container.phase01 { display: flex; } .mw-img { width: 10%; position: absolute; } .mw-img.plant { width: 80%; bottom: 0; } .mw-img.plant.res { display: none; } .mw-img.arrow { width: 90%; bottom: 30%; } .mw-img.one { width: 10%; display: none; top: 15%; left: 16%; } .mw-img.two { width: 10%; display: none; top: 0%; left: 40%; } .mw-img.three { width: 12%; display: none; top: 6%; right: 25%; } .mw-img.four { display: none; top: auto; bottom: 50%; right: 15%; } .mw-text-container { width: 20%; position: absolute; } .mw-text-container.one { text-align: right; width: 18%; display: none; top: 20%; left: -3%; } .mw-text-container.two { width: 20%; display: none; top: 20%; left: 37%; } .mw-text-container.three { width: 20%; display: none; top: 10%; right: 6%; } .mw-text-container.four { width: 18%; display: none; bottom: 52%; right: 0%; } .mc-hero-container { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .page-title { font-family: var(--gestura-bold); color: #000; margin-bottom: 20px; font-size: 48px; } .page-title.pink { color: #bb244e; } .page-subtitle { font-family: var(--core--font-family--primary-font); color: #000; font-size: 36px; font-weight: 600; } .page-subtitle.pink { color: #bb244e; margin-bottom: 20px; font-weight: 400; } .page-subtitle.pink.benefits { margin-bottom: 60px; } .page-subtitle.pink.bold { font-weight: 700; } .page-sub-text { font-family: var(--core--font-family--primary-font); color: #000; font-size: 18px; font-weight: 500; } .page-sub-text.pink { color: #bb244e; margin-bottom: 20px; } .image-32 { width: 40%; margin-bottom: 40px; } .why-cup-container { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .why-cup-image-container { flex-flow: column; justify-content: center; align-items: center; width: 100%; display: none; position: relative; } .why-cup-image-container.phase01 { display: flex; } .why-cup-img { width: 40%; } .why-cup-img.desk { display: block; } .why-cup-text-container { width: 30%; position: absolute; left: 0; } .why-cup-text-container.one { text-align: right; width: 27%; display: block; bottom: 5%; left: 2%; } .why-cup-text-container.two { width: 29%; display: block; top: 5%; left: auto; right: 15%; } .why-cup-text-container.three { width: 24%; display: block; bottom: 5%; left: auto; right: 5%; } .text-pink { color: #bb244e; } .text-pink.bold { font-weight: 600; } .text-pink.bold.specification { height: 4vh; } .text-pink.bold.specification.blue { color: #3782c4; } .text-pink.bold.specification.blue.container { height: 7vh; } .benefits-cup-container { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .benefits-cup-container.res, .benefits-cup-container.desk { display: none; } .benefits-cup-container.desk._1280, .benefits-cup-container.desk.phase01 { display: flex; } .benefits-cup-text-container { width: 30%; font-size: 14px; position: absolute; left: 0; } .benefits-cup-text-container.one { width: 21%; top: 12%; left: auto; right: 23%; } .benefits-cup-text-container.two { width: 22%; top: 38%; left: auto; right: 7%; } .benefits-cup-text-container.three { width: 22%; bottom: 21%; left: auto; right: 7%; } .benefits-cup-text-container.four { text-align: right; width: 20%; bottom: -4%; left: 23%; } .benefits-cup-text-container.five { text-align: right; width: 22%; bottom: 20%; left: 6%; } .benefits-cup-text-container.six { text-align: right; width: 23%; top: 36%; left: 5%; } .image-33 { width: 40%; } .switch-container { background-color: #fce1e8; border-radius: 55px; flex-flow: column; padding: 50px; display: flex; } .switch-bottom-container { display: flex; } .switch-meta-container { grid-column-gap: 34px; grid-row-gap: 34px; flex-flow: column; width: 80%; display: flex; } .switch-meta { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: flex-start; align-items: center; width: 80%; display: flex; } .switch-meta-icon-container { width: 20%; } .switch-meta-text-container { width: 80%; } .switch-meta-title { font-family: var(--gestura-bold); color: #bb244e; margin-bottom: 10px; font-size: 22px; } .switch-meta-text { color: #000; font-size: 14px; } .cup-join-container { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .cup-join-img { width: 40%; margin-bottom: 40px; } .product-tab-container { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: flex-start; align-items: center; padding-top: 40px; display: flex; } .tab-card-container { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: flex-start; align-items: center; display: flex; } .tab-card-container.two { justify-content: center; align-items: center; } .tab-card-container.container { justify-content: flex-start; align-items: flex-start; margin-bottom: 40px; } .tab-card { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: flex-start; width: 30%; display: flex; } .tab-card.two { justify-content: flex-start; align-items: flex-start; width: 100%; } .tab-card.container { width: 30%; } .tab-icon-container { width: 10%; } .tab-text-container { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .tab-text-container.container { width: 100%; } .specification-tab-text { height: 10vh; } .specification-tab-text.container { height: auto; } .specification-tab { border-bottom: 1px solid #00000080; justify-content: center; align-items: center; display: flex; } .spec-tab-list { color: #000; background-color: #0000; padding: 14px 20px; text-decoration: none; transition-property: none; } .spec-tab-list.w--current { background-color: #fce1e8; border-bottom: 2px solid #bb244e; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 14px 20px; font-weight: 700; } .spec-tab-list.blue.w--current { background-color: #d0e9ff; border-bottom-color: #3782c4; } .image-35 { margin-top: 20px; } .how-cup-container { height: 100vh; position: relative; } .how-cup-container.desk { display: none; } .how-cup-container.desk._1280 { display: block; } .how-cup-container.desk.phase01 { height: auto; display: block; } .how-cup-container.res { display: none; } .how-title-container { text-align: center; position: absolute; top: 45%; left: 30%; } .how-text-container { color: #bb244e; width: 25%; font-size: 14px; position: absolute; left: 0; } .how-text-container.one { width: 14%; top: 28%; left: 23%; } .how-text-container.two { width: 12%; top: 26%; left: 50%; } .how-text-container.three { width: 16%; top: 34%; left: auto; right: 0%; } .how-text-container.four { text-align: right; width: 15%; bottom: 5%; left: auto; right: 20%; } .how-text-container.five { text-align: right; width: 15%; bottom: 5%; left: 37%; } .how-text-container.six { text-align: right; width: 13%; bottom: 22%; left: 2%; } .how-cup-img { width: 20%; position: absolute; } .how-cup-img.one { width: 25%; top: 10%; left: 5%; } .how-cup-img.two { width: 22%; top: 5%; left: 40%; } .how-cup-img.three { width: 22%; top: 0%; right: 5%; } .how-cup-img.four { width: 15%; bottom: 2%; right: 5%; } .how-cup-img.five { width: 18%; bottom: 2%; left: 45%; } .how-cup-img.six { width: 22%; bottom: 15%; left: 12%; } .how-cup-arrow { width: 15%; position: absolute; } .how-cup-arrow.one { top: 5%; left: 25%; } .how-cup-arrow.two { top: 30%; right: 22%; } .how-cup-arrow.three { width: auto; height: 20%; top: 44%; right: 6%; } .how-cup-arrow.four { bottom: 35%; right: 22%; } .how-cup-arrow.five { bottom: 12%; left: 32%; } .how-cup-arrow.six { width: auto; height: 20%; top: 35%; left: 8%; } .image-36 { border-radius: 50%; width: 30%; height: auto; } .text-block-20 { font-size: 14px; } .code-embed-2 { display: inline-block; transform: rotate(90deg); } .div-block-62 { grid-column-gap: 6px; grid-row-gap: 6px; color: #fff; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .div-block-62:hover { color: #fff; } .text-blue { color: #3782c4; } .text-blue.container { margin-bottom: 60px; } .image-37 { display: block; } .blue-arrow { display: none; } .blue-arrow.sec, .white-arrow { display: block; } .white-arrow.sec, .primary-arrow { display: none; } .primary-arrow.sec { display: block; } .qa-img, .qa-img._02 { width: 50%; } .image-38, .business-solution-hero-img { width: 80%; padding-top: 40px; } .footer-logo { height: 2vh; } .bold-text-35, .bold-black { font-weight: 700; } .form-title { font-family: var(--gestura-bold); margin-bottom: 20px; font-size: 34px; } .form-title.center { text-align: center; margin-bottom: 20px; } .team-meta-container { grid-column-gap: 44px; grid-row-gap: 44px; justify-content: center; align-items: center; display: flex; } .feature-img-res, .responsive, .res { display: none; } .container-wrapper { grid-column-gap: 15%; grid-row-gap: 15%; flex-flow: row; justify-content: flex-start; align-items: center; width: auto; padding-left: 5%; display: flex; } .container-hero-right { margin-bottom: 40px; } .container-divider { border: 1px solid #0003; margin-top: 40px; margin-bottom: 40px; } .container-img { width: 20vw; } .container-features { flex-flow: column; justify-content: center; align-items: center; display: flex; } .link-block-3 { grid-column-gap: 12px; grid-row-gap: 12px; color: #fff; background-color: #bb244e; border-radius: 100px; flex-flow: row; justify-content: center; align-items: center; padding: 12px 24px; display: inline-flex; } .code-embed-4 { margin-top: 10px; } .div-block-66, .div-block-67 { margin-top: 40px; } .container-info { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } .factory-img-container { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: center; align-items: stretch; width: 50%; margin-top: 0; display: flex; overflow: hidden; } .container-info-text { justify-content: center; align-items: center; width: 100%; display: flex; } .container-info-text-left { width: 50%; } .container-info-text-right { flex-flow: column; justify-content: center; align-items: flex-start; width: 50%; display: flex; } .cert-container { flex-flow: row; width: 100%; height: 100%; display: flex; } .home-care-container { background-color: #ffe2e9; border-radius: 25px; padding: 30px 0 30px 30px; display: flex; } .care-left-container { width: 40%; } .care-right-container { width: 60%; } .cert-top-container { justify-content: center; align-items: center; padding-top: 100px; padding-bottom: 40px; display: flex; } .cert-bottom-container { grid-column-gap: 12px; grid-row-gap: 12px; display: flex; } .cert-card { flex-flow: column; justify-content: flex-start; align-items: center; padding: 10px; display: flex; } .image-49 { width: 5vw; } .cert-card-img { width: 150px; height: 150px; margin-bottom: 20px; } .cert-card-title { text-align: center; height: 4em; margin-bottom: 10px; font-size: 16px; line-height: 1.35; } .cert-card-text { text-align: center; font-size: 14px; line-height: 1.35; } .text-block-26 { text-align: center; } .container-accord-text-container { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: center; align-items: center; display: flex; } .image-50 { width: 3vw; } .p01 { width: 80%; position: relative; left: -5%; } .p02 { width: 80%; position: relative; right: -5%; } .p04 { width: 80%; position: relative; left: -5%; } .testimonial-meta { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: flex-start; align-items: center; width: 30%; height: auto; margin-bottom: 40px; display: flex; } .testimonial-info { width: 70%; } @media screen and (min-width: 1280px) { .mg-top-small.contact-title { height: 12vh; } .card.ecommerce-card-wrapper.popular-product-card { height: 500px; } .inner-container._544px.our-commitment-right { padding-top: 0; } .paragraph-large.text-size.pd-top-large.small.card-text { height: 30vh; } .image-wrapper.product-popular-image-wrapper._w-h-100.illustrated-image { height: 100%; } .card-image._w-h-100.product-popular-image { padding-top: 170px; padding-left: 50px; } .div-block { grid-column-gap: 0; grid-row-gap: 0; flex-flow: row; } .heading-31.card-title { height: 10vh; } .product-hero-btn-wrapper { flex-flow: row; justify-content: flex-start; align-items: center; } .cert-card-title { height: 3em; } .conent-block { background-color: #ffeaf0; border-radius: 20px; height: 600px; padding: 20px; } .mt224{ margin-top: 0px; } } @media screen and (min-width: 1440px) { .page-wrapper { margin-top: 0; } .utp---sidebar-layout-wrapper { grid-column-gap: 0; grid-row-gap: 0; grid-template-rows: auto; grid-template-columns: minmax(280px, 310px) 1fr; grid-auto-columns: 1fr; display: grid; } .divider.border-secondary.style2 { height: var(--components--checkboxes-radio-toogles--border-width--bw-medium); color: #fff2d3; background-color: #fff2d3; } .display-10 { font-family: var(--gesture); } .display-9 { margin-bottom: 25px; } .display-9._0-padding { margin-bottom: 10px; } .display-9.center { justify-content: center; display: flex; } .display-9.left { font-size: 45px; } .display-7.strong { font-size: var(--core--border-radius--br-size-4); } .display-5.strong { text-align: justify; } .display-5.strong.text-center.small { color: #000; text-align: center; justify-content: center; align-items: center; display: flex; } .display-5.strong.orange { font-size: var(--core--font-size--displays--display-4); text-align: left; } .display-4.orange { font-size: var(--core--font-size--displays--display-6); } .text-titles._100 { width: 100%; } .grid-4-columns { grid-column-gap: 23px; grid-row-gap: 23px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; } .grid-2-columns { grid-template-columns: 1.5fr 1fr; } .grid-2-columns.contact-form-v1 { grid-template-columns: 1fr 1fr; } .grid-2-columns._1-06fr---right { height: 71vh; bottom: 0; } .grid-2-columns._1-06fr---right.ll { height: 65vh; } .grid-2-columns._1-06fr---right.container { height: auto; } .grid-2-columns.product-page { padding-top: 20px; } .grid-2-columns.gap-30px, .grid-2-columns.mg-top-60px { grid-template-columns: 1fr 1fr; } .grid-2-columns.padding, .grid-2-columns.pd { padding-left: 40px; padding-right: 40px; } .card.typography-card { padding-right: var(--components--cards--paddings--pd-large); padding-left: var(--components--cards--paddings--pd-large); } .card.utp---components-wrapper { flex-direction: row; } .card.utp---components-wrapper.wrap { flex-wrap: wrap; } .card.ecommerce-card-wrapper.popular-product-card { background-color: #c2ddf4; flex-flow: column; align-items: stretch; height: 456px; padding: 40px 40px 20px; display: flex; position: relative; overflow: hidden; } .card.ecommerce-card-wrapper.popular-product-card.card2 { background-color: #f7a8bc; padding-bottom: 20px; } .card.testimonial-horizontal-card.bg-primary-300.lol { background-color: #e4f5ff; } .card.testimonial-horizontal-card.bg-primary-300.lol.solutions-card.yellow { background-color: #ffe9b9; } .card.testimonial-horizontal-card.bg-primary-300.lol.solutions-card.pink { background-color: #ffe2e9; } .flex-horizontal.justify-start.gap { grid-column-gap: 22px; grid-row-gap: 22px; } .grid-1-column.gap-row-large { grid-row-gap: 64px; } .grid-1-column.gap-34px { grid-column-gap: 29px; font-size: var(--core--border-radius--br-size-4); } .grid-1-column.product-page-content { grid-row-gap: 2px; } .inner-container { margin-right: 0; } .inner-container._100-mbl.flex { justify-content: center; } .inner-container._530px.fles { grid-column-gap: 23px; grid-row-gap: 23px; flex-flow: wrap; display: flex; } .inner-container._500px---mbl.width-100.flex.mg-top-36px { grid-column-gap: 37px; grid-row-gap: 37px; flex-flow: wrap; justify-content: center; } .inner-container._610px.padding.flex { grid-column-gap: 13px; grid-row-gap: 13px; flex-flow: column; } .inner-container._300px---mbl._w-h-100 { width: 94%; } .inner-container.width-100.center { padding-top: 0; padding-bottom: 21px; } .inner-container.width-320px { width: 95%; } .inner-container.mg-top-36px.mg-left-super-large { padding-left: 0; } .inner-container.mg-none { margin-right: 0; } .inner-container.mg-top-80px { padding-right: 60px; } .inner-container.flex-block { flex-flow: column; align-items: center; } .inner-container.flex-block.width-70 { align-items: center; width: 70%; } .utp---grid-components-wrapper._1-column { grid-template-columns: minmax(64px, 1fr); } .utp---card-componets-wrapper { padding-right: var(--components--cards--paddings--pd-large); padding-left: var(--components--cards--paddings--pd-large); } .utp---buttons-top { display: flex; } .utp---components-head-wrapper { padding-right: var(--components--cards--paddings--pd-large); padding-left: var(--components--cards--paddings--pd-large); } .utp---components-head-wrapper.buttons { grid-template-columns: 1fr 1fr 1fr; } .utp---grid-components { grid-column-gap: 19px; } .primary-button { border-color: var(--primary); line-height: var(--core--line-height--small); } .primary-button.contact.home { font-size: 1.1vw; } .utp---buttons-sidebar { flex-direction: column; display: flex; } .tertiary-button.small.dark-mode:hover { color: var(--primary); } .primary-button-icon.button-right-arrow { transition: all 0.3s; } .primary-button-icon.button-right-arrow:hover { border-color: var(--components--badge-primary--border-color--b-dark); background-color: var(--components--badge-primary--background-color--bg-dark); color: var(--primary); } .primary-button-icon.button-right-arrow.blue { border-color: var(--primary); background-color: var(--primary); transition: all 0.3s; } .primary-button-icon.button-right-arrow.blue:hover { border-color: var(--components--badge-primary--background-color--bg-dark); background-color: var(--components--badge-primary--border-color--b-dark); color: var(--primary); } .width-320px.bottom { margin-top: 40px; } .grid-3-columns.product-images { grid-column-gap: 29px; grid-row-gap: 29px; grid-template-rows: 1fr auto auto; min-height: 67%; } .paragraph-large { font-size: var(--core--font-size--paragraphs--default); margin-bottom: 13px; } .paragraph-large.text-center { font-size: var(--core--font-size--paragraphs--small); text-align: center; } .paragraph-large.text-size.pd-top-large { font-size: var(--core--font-size--paragraphs--large); } .paragraph-large.text-size.pd-top-large.small.card-text { height: 27vh; } .paragraph-large.height0.size { font-size: var(--core--font-size--paragraphs--small); } .paragraph-large.flex { font-size: var(--core--font-size--paragraphs--small); text-align: center; } .paragraph-small.foot-text { text-transform: capitalize; } .accordion-top.style2.new { grid-column-gap: 17px; grid-row-gap: 17px; justify-content: space-between; align-items: center; } .accordion-item-v1.style2 { padding-top: 20px; padding-bottom: 20px; } .buttons-row.width-100-mobile-landscape.center-mbp.h { justify-content: space-between; align-items: stretch; width: 100%; } .image-wrapper.full-image-section.hero-v1-image { background-image: none; overflow: hidden; } .image-wrapper.testimonial-floating-image.v2 { position: static; } .image-wrapper.product-popular-image-wrapper._w-h-100.illustrated-image { flex-flow: row; flex: 1; justify-content: flex-start; align-items: center; height: 100%; display: flex; } .image-wrapper.max450px { justify-content: flex-end; display: flex; position: relative; } .image-wrapper.center { justify-content: center; display: flex; } .mg-right-medium { margin-left: 100px; margin-right: 100px; } .mg-right-medium.padding-60 { margin-left: 60px; margin-right: 60px; } .utp---block-item-wrapper { justify-content: center; display: flex; } .utp---blocks-1440px-wrapper { flex-direction: column; justify-content: center; align-items: stretch; max-width: 100%; display: flex; } .notification-bar { width: 100%; } .container-default.z-index-1.width-100 { max-width: 100vw; margin-left: 0; } .notification-bar-padding { padding-left: 0; padding-right: 0; } .header-wrapper { border-radius: 50px; } .header-container-wrapper { justify-content: space-between; } .list-nav-menu { grid-column-gap: 1.5vw; font-size: 0.8vw; } .section.overflow-hidden { padding-top: var(--components--sections--paddings--pd-small); padding-bottom: var(--components--sections--paddings--pd-medium); } .section.pd-0px { position: relative; bottom: auto; } .section.hero.pd-0px.h { bottom: auto; } .section.hero.utility-page-hero { background-color: #cdedff; } .section.pd-top-0px.pd-around { margin-top: 100px; } .section.pd-top-0px.pd-around.mg-top-100px { margin-top: 220px; } .section.pd-top-80px { padding-top: var(--core--sizes--size-11); } .section.pd0 { padding-top: 0; padding-bottom: 0; } .position-relative.overflow-hidden._w-h-100 { padding-bottom: 0; } .image-left-50 { width: 46%; } .footer-wrapper { align-self: stretch; } .footer-wrapper.bg-neutral-100 { border-top-left-radius: 50px; border-top-right-radius: 50px; } .footer-top.logo-font-top-footer { padding-left: 8px; position: relative; } .slider-mask.testimonial-card-horizontal { width: 83vw; } .slider-mask.testimonial-card-horizontal.width-90vw { width: 90vw; } .slider-mask.testimonial-card-horizontal.home { width: 77vw; } .title-left---content-right.mg-right-super { flex-flow: wrap; align-items: center; margin-right: 0; } .feature-wrapper.gap-large.value-feature { grid-column-gap: 14px; grid-row-gap: 14px; font-size: var(--core--font-size--base-font); flex-flow: row; justify-content: flex-start; align-items: center; height: auto; } .dropdown-toogle { font-size: 0.8vw; } .cart-quantity.quantity-circle { background-color: var(--components--sections--backgrounds--bg-color-accent); } .icon-circle.value-icon { max-width: 41px; } .menu-wrapper.footer-address { display: block; } .nav-link { font-size: 1.1vw; } .display-footer-font-default.font-top-large---accent { margin-bottom: -76px; font-size: 268px; } .bg-accent-color { background-color: #ffe2e9; } .display-11.text-light { font-family: var(--gesture); -webkit-text-stroke-color: #000; font-size: 55px; } .display-11.text-light.hero-heading { padding-right: 20px; font-size: 65px; font-weight: 600; } ._w-h-100.fit-cover, ._w-h-100.fit-cover.responsive---mbp { border-radius: 20px; } .text-slider-wrapper { margin-top: 0; } .card-title.display-4.blue { font-size: var(--core--font-size--displays--display-5); } .card-title.display-4.blue.brand-card-title { height: 7vh; } .card-title.display-4.blue.brand-card-title._1280 { display: none; } .card-title.display-4.blue.brand-card-title.desk { display: block; } .card-image._w-h-100.product-popular-image { padding-top: 139px; padding-left: 100px; padding-right: 20px; } .testimonial---content-left { padding-top: 20px; } .hero-pd-0px-bg-bottom { background-color: var(--core--colors--neutral--100); top: 56%; } .popular-product---bottom-content---wrapper { flex-flow: row; justify-content: flex-start; align-items: flex-end; display: flex; } .image-right-hero-v2 { width: 58%; } .paragraph { color: #ffffffd6; } .paragraph.widthh { font-family: var(--core--font-family--primary-font); font-size: var(--core--font-size--base-font); width: 79%; } .paragraph.text-center { color: #000; } .paragraph.text-center.desk { display: block; } .paragraph.text-center._1280 { display: none; } .paragraph-2 { align-items: flex-end; margin-bottom: 20px; display: flex; } .paragraph-2.width730 { width: 730px; } .paragraph-2.mg-right-extra-large.ll, .paragraph-2.small { color: var(--components--input-text--text-color--text-tertiary); } .paragraph-2.small.ll { margin-bottom: 10px; display: block; } .paragraph-2.small.ll.brand-text { display: block; } .paragraph-2.mg-bottom-24px.black, .paragraph-2.pd-bottom-medium.black { color: var(--components--links--text-color--text-dark); } .div-block { grid-column-gap: 0; grid-row-gap: 0; flex-flow: row; justify-content: space-between; display: flex; } .text-block-2-copy.card2 { color: var(--primary); } .div-block-2-copy.card2 { color: #ff6c2d; } .div-block-4 { overflow: hidden; } .paragraph-4 { font-size: var(--core--font-size--displays--display-2); } .content { flex-flow: column; justify-content: flex-start; align-items: center; } .adress-wrapper { flex-flow: wrap; } .div-block-14 { height: 30px; } .div-block-15 { height: 3px; } .div-block-19 { justify-content: center; align-items: center; width: 100%; display: flex; } .text-block-5 { line-height: 1.55; } .slider-card { flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; padding-bottom: 60px; display: flex; } .big-card-wrap { margin-top: 100px; margin-left: 20px; margin-right: 20px; } .footer-container.flexx { justify-content: space-around; padding-left: 100px; } .footer { display: block; } .image-container.mg-top-80px { top: -155px; } .div-block-23 { width: 750px; } .footpara { width: 80%; } .div-block-26 { justify-content: flex-start; align-items: flex-start; width: 100%; display: block; } .div-block-27, .div-block-28 { width: 100%; } .div-block-28.orange { justify-content: center; align-items: center; display: flex; } .image-7 { max-width: 88%; } .div-block-29 { background-color: var(--primary); width: 100%; height: 9px; padding-bottom: 0; padding-right: 0; position: absolute; inset: auto 0% 0%; } .div-block-29.footer { width: 100%; height: auto; bottom: auto; left: auto; right: auto; } .paragraph-6 { font-size: var(--core--font-size--paragraphs--small); } .paragraph-6.align-right { text-align: right; align-self: flex-start; } .paragraph-6.justify { text-align: center; white-space: normal; } .grid-2 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .spline { width: 100%; display: block; position: relative; top: 140px; } .spline-scene { z-index: 9; width: 800px; padding-top: 0; position: static; inset: 22% 42% 0% auto; } .div-block-31 { z-index: 99; position: absolute; } .div-block-32 { position: relative; bottom: 800px; } .spline-wrapper { z-index: 9; position: absolute; bottom: 3%; left: 25%; } .c-autotabs_image { object-fit: contain; width: 500px; height: auto; top: 10%; } .c-autotabs_image.cc-pane-crypto.third { width: 400px; } .c-autotabs_image.cc-pane-crypto.fourth, .c-autotabs_image.cc-pane-crypto.fifth { width: 300px; } .c-autotabs_image.cc-pane-crypto.sixth { width: 300px; padding-top: 45%; } .c-autotabs_image.second { width: 400px; height: auto; } .c-autotabs_content { position: relative; } .c-autotabs_pane { align-self: center; padding-top: 0; position: sticky; inset: auto auto 0% 0%; } .div-block-33 { padding-left: 13%; } .heading-8 { font-size: var(--core--font-size--headings--h3); } .section-3.hero.hero-144px---600-bg { height: 39vh; } .text-block-8 { color: #d2d2d2; padding-top: 20px; padding-bottom: 20px; } .icon { border-radius: 20px; justify-content: center; align-items: center; width: 50px; height: 40px; display: flex; } .inner-div { flex-flow: column; justify-content: center; align-items: center; display: flex; } .div-block-35 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: center; align-items: center; width: 50%; display: flex; } .heading-9 { font-family: var(--gesture); font-weight: 700; } .paragraph-7 { text-align: center; } .div-block-36 { grid-column-gap: 20px; grid-row-gap: 20px; display: flex; } .text-block-9 { font-size: var(--core--font-size--displays--display-5); justify-content: flex-start; margin-bottom: 40px; font-weight: 700; display: flex; } .img-wrapper { width: 29%; } .home-wrap { flex-flow: column; justify-content: center; align-items: center; display: flex; } .div-block-38 { width: 50%; margin-top: 10px; } ._3grid { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 0.25fr 1fr; grid-auto-columns: 1.2fr; grid-auto-flow: column; margin-top: 100px; margin-bottom: 100px; padding-right: 40px; display: grid; } .div-block-39 { width: 503px; position: relative; } .div-block-40 { grid-column-gap: 14px; grid-row-gap: 14px; flex-flow: column; justify-content: center; align-items: center; padding-top: 100px; padding-left: 100px; display: flex; } .div-block-40.padding-0 { padding-top: 100px; padding-left: 0; padding-right: 100px; } .heading-10 { font-family: var(--gesture); color: #bb244e; align-self: flex-start; font-weight: 700; } .heading-10.right-align { align-self: flex-end; } .text-span-5 { color: #bb244e; } .text-span-6, .text-span-7 { color: var(--primary); } .div-block-41 { flex-flow: column; justify-content: center; align-items: center; width: 100%; display: flex; } .div-block-42 { grid-column-gap: 80px; grid-row-gap: 80px; width: 1200px; padding-top: 40px; display: flex; } .card-main { grid-column-gap: 11px; grid-row-gap: 11px; color: var(--primary); flex-flow: column; flex: 1; display: flex; } .section-4 { padding-left: 60px; padding-right: 60px; } .card-wrap { border-radius: 20px; } .card-wrap.blue { border-color: #3782c4; } .image-wrap { padding-top: 20px; } .image-wrap.yellow { color: #a4742a; } .mt224{ margin-top: 0px; } .conent-block { background-color: #ffeaf0; border-radius: 20px; height: 600px; padding: 20px; } .conent-block.yellow { background-color: #ffe9b9; } .conent-block.blue { background-color: #e1f1ff; } .conent-block.bottom { height: 65vh; } .heading-11 { font-family: var(--gesture); color: var(--primary); font-weight: 600; font-size: 20px; } .div-block-46 { background-color: #fff; border-radius: 14px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } .paragraph-8 { color: var(--secondary); font-size: var(--core--font-size--displays--display-1); font-weight: 500; } .div-block-47 { margin-top: 40px; } .div-block-48 { grid-column-gap: 44px; grid-row-gap: 44px; justify-content: center; align-items: center; width: 100%; display: flex; } .elements { width: 150px; position: static; top: 194px; right: 141px; } .elements._2 { right: 413px; } .text-span-8, .text-span-9, .text-span-10, .text-span-11 { font-weight: 600; } ._2grid { /* grid-column-gap: 16px;*/ grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1.2fr; grid-auto-flow: column; margin-top: -60px; margin-bottom: 100px; padding-right: 40px; display: grid; } .div-block-49 { overflow: hidden; } .grid-3 { grid-template-rows: auto auto; } .grid-4 { grid-template-rows: auto; } .cert-content { grid-column-gap: 18px; grid-row-gap: 18px; flex-flow: column; padding-bottom: 20px; } .div-block-50 { justify-content: center; align-items: center; display: flex; } .image-10 { object-fit: contain; } .image-11 { object-fit: fill; } .image-12 { object-fit: contain; } .image-13 { object-fit: cover; } .image-14 { width: 100%; height: 100px; } .lottie-animation { max-width: 66%; } .heading-23 { padding-bottom: 20px; } .bold-text-9 { color: var(--primary); } .image-15 { z-index: 5; position: absolute; inset: -8% -6% auto auto; } .heading-26 { font-family: var(--gesture); text-align: center; font-weight: 700; } .heading-27 { font-family: var(--gesture); text-align: center; margin-bottom: 10px; } .main-wrap { flex-flow: column; justify-content: center; display: flex; } .paragraph-14 { text-align: center; margin-bottom: 40px; } .cards { grid-column-gap: 17px; grid-row-gap: 17px; background-color: #f0f6fc; border-radius: 12px; flex-flow: column; flex: 1; padding: 40px 40px 20px 20px; display: flex; } .flex-block-2 { grid-column-gap: 29px; grid-row-gap: 29px; } .heading-28 { justify-content: center; margin-bottom: 40px; display: flex; } .paragraph-15 { font-size: var(--core--font-size--displays--display-3); font-weight: 600; } .icon-wrap-top { width: 100px; } .flex-block-3 { grid-column-gap: 5px; grid-row-gap: 5px; } .image-16 { padding-top: 6px; } .bottom-card { background-color: #f0f6fc; border-radius: 12px; justify-content: center; margin-top: 30px; padding-top: 20px; padding-bottom: 40px; display: flex; } .text-block-10 { font-size: var(--core--font-size--displays--display-3); } .card-container { background-color: var(--light-blue); border-radius: 12px; } .section-5 { padding: 20px 60px; } .scroll-snap-wrapper { border-radius: 12px; width: 92vw; padding-top: 40px; padding-left: 0; padding-right: 0; } .section-1, .section-2, .section-3 { border-radius: 12px; } .stack_card { grid-column-gap: 40px; grid-row-gap: 40px; padding-left: 40px; padding-right: 40px; height: 34rem; } .stack_card.is-2 { background-color: #ffe2e9; } .stack_card.is-6 { background-color: #ffe9b9; } .padding-global { padding-left: 2rem; padding-right: 2rem; } .stack_card-image-wrapper { grid-column-gap: 17px; grid-row-gap: 17px; flex-flow: column; display: flex; } .container-large { max-width: 84.1rem; } .heading-29 { font-size: var(--core--font-size--headings--h5); } .heading-30 { font-family: var(--gesture); font-size: var(--core--font-size--displays-tablet--display-8); margin-bottom: 0; } .text-block-11 { color: var(--components--links--text-color--text-dark); font-size: var(--core--border-radius--br-size-4); font-weight: 600; } .flex-block-4 { grid-column-gap: 12px; grid-row-gap: 12px; } .flex-block-5 { grid-column-gap: 20px; grid-row-gap: 20px; } .flex-block-6 { grid-column-gap: 22px; grid-row-gap: 22px; width: 90%; } .lottie-animation-2 { width: 70%; } .div-block-52 { margin-bottom: 220px; } .text-wrap { grid-column-gap: 17px; grid-row-gap: 17px; flex-flow: column; margin-bottom: 150px; display: flex; } .heading-31.card-title { height: 13vh; font-size: 40px; } .solutions-content { padding-top: 20px; } .div-block-53 { justify-content: center; align-items: flex-start; } .paragraph-18 { width: 70%; } .image-18 { width: 45%; } .camera1 { padding-left: 60px; } .frame { grid-column-gap: 25px; grid-row-gap: 25px; } .div-block-58 { border: 1px dashed var(--light-blue); background-color: var(--light-green); background-image: none; border-radius: 0; height: 2px; top: 30%; } .div-block-59 { grid-column-gap: 17px; grid-row-gap: 17px; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 31vw; height: 361px; display: flex; } .spacing1 { justify-content: flex-start; align-items: stretch; width: 53px; height: 53px; margin-bottom: 0; display: flex; position: relative; } .spacing2 { width: 53px; height: 53px; display: flex; } .text-wrap2 { grid-column-gap: 13px; grid-row-gap: 13px; flex-flow: column; justify-content: center; align-items: center; width: 70%; display: flex; } .paragraph-22 { text-align: center; } .text-span-12 { font-weight: 600; } .horizontal-slider-title { font-size: var(--core--font-size--displays-mbl--display-6); flex: none; height: 49px; } .image-19 { align-self: center; } .text-block-13 { display: block; } .text-block-14 { flex: 1; } .image-20 { align-self: flex-start; } .text-block-15 { height: 100%; } .heading-34 { font-family: var(--gestura-bold); } .paragraph-23 { color: var(--components--sections--backgrounds--bg-color-tertiary); } .v-flex { flex-flow: column; display: flex; } .tag-box { grid-column-gap: 13px; grid-row-gap: 13px; border-bottom: 2px solid #fff; align-items: center; padding-top: 10px; padding-bottom: 10px; display: flex; } .tag-icon { width: 30px; } .flex-block-8 { width: 100vw; height: 24.6rem; margin-top: 40px; position: relative; overflow: hidden; } .small-img { background-color: #ffe2e9; width: 300px; height: 300px; } .large-img { background-color: var(--light-blue); width: 300px; height: 350px; } .image-21 { width: 75%; } .heading-35 { font-family: var(--gesture); } .paragraph-24 { text-align: center; } .image-22 { align-self: center; } .footer-wrap { padding-top: 100px; } .bold-text-26 { color: #000; font-weight: 700; } .product-why-top-container { margin-bottom: 60px; } .product-why-top-container.alt { margin-bottom: 0; } .why-icon.factory { height: 40vh; } .feature-container.two { width: auto; } .compare-line.horizontal.first { width: 8.3vw; } .compare-line.horizontal._02 { width: 8vw; } .compare-line.horizontal._03 { width: 10.5vw; } .compare-line.horizontal._04 { width: 10vw; } .compare-line.horizontal._06 { width: 9vw; } .point-container { width: 22vw; } .airhole { top: 13%; left: 15.5%; } .base { bottom: 12%; left: 22%; } .cup-body { right: 15%; } .rim { right: 17%; } .stem { right: 23%; } .ridges { left: 15%; } .process-text.right { font-size: 1em; } .hw-text-container { margin-bottom: 40px; } .hw-image-container.desk { display: block; } .hw-image-container.desk._1280 { display: none; } .hw-meta-container.one { top: 8%; right: 27%; } .hw-meta-container.two { top: 30%; right: 10%; } .hw-meta-container.three { bottom: 27%; right: 11%; } .hw-meta-container.four { bottom: -5%; left: 23%; } .hw-meta-container.five { left: 5%; } .hw-meta-container.six { top: 32%; left: 4%; } .hw-image { width: 40vw; top: 12%; left: 25%; } .process-container { height: 100vh; } .process-container.two, .process-container.three { height: 60vh; } .process-container.four, .process-container.five { height: 70vh; } .process-container.seven { height: 80vh; } .manufacturing-why-container { height: 100vh; } .mw-img.one { top: 21%; } .mw-img.two { top: 3%; } .mw-img.three { top: 10%; } .mw-img.four { bottom: 48%; } .mw-text-container.one { top: 24%; } .mw-text-container.two { top: 20%; } .mw-text-container.three { top: 13%; } .mw-text-container.four { bottom: 50%; } .benefits-cup-container.desk._1280 { display: none; } .tab-card.two { width: 100%; } .how-cup-container.desk._1280 { display: none; } .how-title-container { top: 46%; left: 34%; } .how-cup-arrow.one { top: 6%; left: 26%; } .how-cup-arrow.two { top: 29%; right: 23%; } .how-cup-arrow.three { right: 7%; } .how-cup-arrow.four { bottom: 24%; } .white-arrow.sec, .primary-arrow { display: none; } .primary-arrow.sec { display: block; } .medium-container { width: 50%; margin-top: 40px; } .home-care-container { margin-top: 100px; } .cert-card { justify-content: flex-start; align-items: center; } .cert-card-img { margin-bottom: 20px; } .cert-card-title { height: 6vh; } .p60{ padding: 20px; } } @media screen and (min-width: 1920px) { .p60{ padding: 60px; } .conent-block { background-color: #ffeaf0; border-radius: 20px; height: 680px; padding: 20px; } .utp---sidebar-layout-wrapper { grid-column-gap: 0; grid-row-gap: 0; grid-template-rows: auto; grid-template-columns: minmax(280px, 310px) 1fr; grid-auto-columns: 1fr; max-width: 100vw; display: grid; } .utp---content-wrapper { max-width: 87vw; } .mg-top-small.contact-title { height: 10vh; } .grid-2-columns._1-06fr---right.container { height: auto; } .text-light { color: var(--components--titles-paragraphs--text-light); } .primary-button.contact.home { font-size: 0.9vw; } .paragraph-large.text-size.pd-top-large.small.card-text { height: 22vh; } .mg-right-medium.testimonial { margin-left: 0; margin-right: 300px; } .utp---blocks-1440px-wrapper { align-items: stretch; } .list-nav-menu { grid-column-gap: 1.5vw; font-size: 0.7vw; } .section.pd-top-0px.pd-around { margin-top: 0; } .footer-wrapper { align-self: stretch; } .dropdown-toogle { font-size: 0.7vw; } .dropdown-toogle.w--open { font-size: 0.9vw; } .card-wrapper { position: sticky; } .sales-home---hero-link-wrapper { max-width: 380px; } .nav-link { font-size: 0.9vw; } .display-footer-font-default.font-top-large---accent { margin-top: 0%; } .card-title.display-4.blue.brand-card-title { height: 5vh; } .image-right-hero-v2 { width: 50%; } .spline-wrapper { bottom: 1%; left: 36%; } .image-wrap { padding-left: 0; } .conent-block.bottom { height: 50vh; } .heading-31.card-title, .heading-31.card-title.line3 { height: 10vh; } .image-18 { width: 45%; } .feature-wrapper { height: 60vh; } .feature-wrapper.blue.mt-0.desk { height: 50vh; } .feature-img-container.jupiter { width: 100%; } .point-container { width: 17vw; } .hw-image-container { height: 100vh; } .hw-meta-container.one { top: 6%; right: 24%; } .hw-meta-container.two { top: 27%; right: 9%; } .hw-meta-container.three { bottom: 33%; right: 11%; } .hw-meta-container.four { bottom: 10%; left: 27%; } .hw-meta-container.five { bottom: 29%; left: 10%; } .hw-meta-container.six { top: 27%; left: 9%; } .hw-image { width: 40%; top: 10%; left: 30%; } .manufacturing-why-container { height: 90vh; } .mw-text-container.one { width: auto; } .mw-text-container.four { right: -4%; } .how-title-container { top: 40%; } .how-text-container.one { top: 22%; } .how-text-container.two { top: 20%; } .how-text-container.three { top: 25%; } .how-text-container.four { bottom: 20%; } .how-text-container.five { bottom: 18%; } .how-text-container.six { bottom: 25%; } .how-cup-img.four { bottom: 20%; } .how-cup-img.five { bottom: 18%; } .how-cup-img.six { bottom: 25%; } .how-cup-arrow.one { top: 8%; } .how-cup-arrow.two { top: 20%; } .how-cup-arrow.three { top: 35%; } .how-cup-arrow.four { bottom: 35%; } .how-cup-arrow.five { bottom: 22%; } .cert-card-title { height: 5vh; } } @media screen and (max-width: 991px) { h1 { font-size: var(--core--font-size--headings-tablet--h1); } h2 { font-size: var(--core--font-size--headings-tablet--h2); } h3 { font-size: var(--core--font-size--headings-tablet--h3); } h4 { font-size: var(--core--font-size--headings-tablet--h4); } h5 { font-size: var(--core--font-size--headings-tablet--h5); } h6 { font-size: var(--core--font-size--headings-tablet--h6); } blockquote { padding-left: 60px; padding-right: 60px; font-size: 30px; } .utp---sidebar-layout-wrapper { grid-template-rows: auto; grid-template-columns: minmax(100%, 1fr); } .utp--sidebar-wrapper { height: auto; max-height: none; position: static; overflow: visible; } .utp---content-wrapper { max-width: none; padding-left: 24px; padding-right: 24px; } .display-10 { font-size: var(--core--font-size--displays-tablet--display-10); } .display-9 { font-size: var(--core--font-size--displays-tablet--display-9); text-align: left; } .display-9.text-center { text-align: left; } .display-9.text-center.res-center { text-align: left; } .display-9.center.text-center.desk { display: none; } .display-9.center.text-center.res { display: flex; } .display-9.center.text-center.res.container { text-align: center; } .display-9.left { font-size: 45px; } .display-9.left.resp { display: block; } .display-9.left.desk { display: none; } .display-8 { font-size: var(--core--font-size--displays-tablet--display-8); } .display-7 { font-size: var(--core--font-size--displays-tablet--display-7); } .display-6 { font-size: var(--core--font-size--displays-tablet--display-6); } .display-5 { font-size: var(--core--font-size--displays-tablet--display-5); } .display-4 { font-size: var(--core--font-size--displays-tablet--display-4); } .display-3 { font-size: var(--core--font-size--displays-tablet--display-3); } .display-2 { font-size: var(--core--font-size--displays-tablet--display-2); } .display-1 { font-size: var(--core--font-size--displays-tablet--display-1); } .grid-4-columns { grid-column-gap: 12px; grid-row-gap: 12px; grid-template-columns: 1fr 1fr; } .grid-4-columns._4-col-tablet { grid-template-columns: 1fr 1fr 1fr 1fr; } .mg-top-small.contact-title { height: auto; margin-bottom: 20px; } .mg-top-default.mg-top-54px---tablet { margin-top: 54px; } .grid-2-columns { grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-flow: column; } .grid-2-columns._1-col-tablet { grid-template-columns: 1fr; } .grid-2-columns.hero-v4 { text-align: center; grid-template-columns: 1fr; justify-items: center; } .grid-2-columns.contact-form-v1 { grid-row-gap: 60px; grid-template-columns: 1fr; padding-bottom: 0; } .grid-2-columns.cta.cta-newsletter-image-left-v2-grid { grid-column-gap: 0; grid-row-gap: 0; grid-template-columns: 1fr; } .grid-2-columns.cta.cta-v2-imagen-left { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: 1fr minmax(458px, 1fr); } .grid-2-columns.template-page-sidebar { grid-template-columns: 0.5fr 1fr; } .grid-2-columns.changelog-item { grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 0.3fr 1fr; padding-top: 54px; padding-bottom: 54px; } .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left { margin-top: var(--components--sections--paddings--pd-medium); margin-bottom: var(--components--sections--paddings--pd-medium); grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); } .grid-2-columns.checkout-grid { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); grid-template-columns: 1.7fr 1fr; } .grid-2-columns._404-page-grid { grid-column-gap: 24px; grid-row-gap: 64px; grid-template-columns: 1fr; } .grid-2-columns.mission-grid-2-col { grid-template-columns: 1fr 1fr; } .grid-2-columns.mission-grid-2-col.v3 { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-flow: column; } .grid-2-columns._1-06fr---right { grid-template-columns: 1fr; grid-auto-flow: row; } .grid-2-columns._1-06fr---right.container { flex-flow: wrap-reverse; justify-content: flex-start; align-items: center; display: flex; } .grid-2-columns.coming-soon-grid { grid-row-gap: 64px; grid-template-columns: 1fr; } .grid-2-columns.about-hero-grid-2-col { grid-template-columns: 1.5fr 0.9fr; } .grid-2-columns.value-grid-2-col { grid-template-columns: 1fr 1fr; } .grid-2-columns.collection-v1-hero-grid { grid-row-gap: 60px; grid-template-columns: 1fr; } .grid-2-columns.product-page { grid-template-columns: 1fr; } .grid-2-columns.hero-v2-grid-2-col { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: minmax(396px, 1fr) 1fr; } .grid-2-columns.layout-media-grid-2-col { grid-template-columns: 1.32fr 1fr; } .grid-2-columns.layout-media-grid-2-col.v2 { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: minmax(396px, 1fr) 1.05fr; } .grid-2-columns.hero-v3-grid-2-col { grid-column-gap: 16px; grid-row-gap: 16px; } .grid-2-columns.our-products-top-grid, .grid-2-columns.our-products-bottom-grid { grid-template-columns: 1fr 1fr; } .grid-2-columns.blog-v2-hero-grid { grid-template-columns: 1fr; } .grid-2-columns.gap-50px { grid-column-gap: 24px; grid-row-gap: 24px; } .grid-2-columns.blog-v3-grid { grid-template-columns: 1fr; } .grid-2-columns.aside-left { grid-template-columns: 0.9fr 1.78fr; } .grid-2-columns.aside-left.collection-v3-aside-grid { grid-template-columns: 0.9fr 1.3fr; } .grid-2-columns.aside-left.product-category-aside-grid { grid-template-columns: 0.8fr 1.2fr; } .grid-2-columns.aside-left.accordion-grid { grid-template-columns: 1fr; } .grid-2-columns.blog-v1-grid { grid-column-gap: 24px; } .grid-2-columns.ecommerce-v1-grid-2-col { grid-template-columns: 1fr; } .grid-2-columns.ecommerce-v2-aside-grid { grid-row-gap: 64px; grid-template-columns: 1fr; } .grid-2-columns.collection-v2-hero-grid { grid-template-columns: 1.5fr minmax(336px, 1fr); } .grid-2-columns.category-product-hero-grid { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr; } .grid-2-columns.hero-v1-grid { grid-template-columns: 2.5fr; place-items: center start; } .grid-2-columns.layout-image-right { grid-template-columns: minmax(410px, 1fr) 1fr; } .grid-2-columns.gap-24px.mission-grid---images { min-height: 300px; } .grid-2-columns.image-left-grid-2-col { grid-template-columns: 1fr minmax(410px, 0.75fr); } .grid-2-columns.cta-newsletter-grid { grid-template-columns: 0.75fr 1fr; } .grid-2-columns.ecommerce-content-v3-grid, .grid-2-columns.ecommerce-content-v1-grid { max-width: 720px; } .grid-2-columns.subscribe-grid { grid-row-gap: 64px; grid-template-columns: 1fr; } .card.utp---components-wrapper { flex-direction: column; } .card.utp---components-wrapper.lists-components { grid-template-columns: 1fr; } .card.ecommerce-card-wrapper.popular-product-card { height: 60vh; } .card.ecommerce-card-wrapper._2-cols { padding-left: 40px; padding-right: 40px; } .card.template-pages---text-card { padding: var(--components--cards--paddings--pd-medium); } .card.sales-home---text-and-image { flex-direction: column; } .card.sales-home---text-and-image.image-left { flex-direction: column-reverse; } .card.sales-home---page-link.show-in-tablet { display: block; } .card.password-protected-card { padding: 90px 57px; } .card.testimonial-card-right-over-image { width: 60%; margin-top: 32px; margin-bottom: 32px; padding-top: 100px; padding-bottom: 100px; } .card.mission-card { padding-top: 68px; padding-bottom: 68px; } .card.mission-card.v2 { padding-top: 80px; padding-bottom: 60px; } .card.mission-card.v2.business-hero { padding-bottom: 0; } .card.ecommerce-slide-content-over-imge { max-width: none; margin-left: -24px; margin-right: -24px; padding: 60px 46px 80px; } .card.hero-v2-content-left { padding-top: 80px; } .card.mission-card-section { padding-top: 239px; padding-bottom: 268px; } .card.testimonial-card-right-under-image { min-width: 482px; margin-left: -36px; padding: 80px 40px 140px 64px; } .card.testimonial-card-right-under-image.bg-primary-400 { padding-right: 18px; } .card.testimonial-horizontal-card.bg-primary-300 { height: 100%; overflow: hidden; } .card.favorite-routines-card { padding-top: 0; padding-bottom: 0; padding-right: 0; } .card.newsletter-card-bg-image { padding-left: 24px; padding-right: 24px; } .card.product-card-hero { padding-top: 100px; padding-bottom: 100px; } .card.contact-card { padding-left: 50px; padding-right: 50px; } .card.ecommerce-card-wrapper-v3 { padding-left: 40px; padding-right: 40px; } .flex-horizontal.justify-start.justify-center-tablet { justify-content: center; align-items: center; } .flex-horizontal.logo-strip.v11 { overflow: hidden; } .flex-horizontal.feature-product-strip { grid-column-gap: 74px; grid-row-gap: 74px; padding-right: 74px; } .mg-top-48px.mg-top-40px---tablet { margin-top: 40px; } .utp---typography-grid-row { flex-direction: column; align-items: flex-start; } .utp---typography-grid-row.header { display: none; } .utp---typography-grid-item._55, .utp---typography-grid-item._26-5, .utp---typography-grid-item._11 { width: 100%; } .grid-1-column.headers-blocks { grid-row-gap: 550px; } .grid-1-column.contact-item-grid { grid-template-columns: auto; } .grid-1-column.mission-content-right { grid-row-gap: 64px; } .grid-1-column.gap-34px { grid-column-gap: 24px; grid-row-gap: 24px; } .grid-1-column.product-page-content { grid-row-gap: 54px; } .grid-1-column.cta-v2-content { grid-row-gap: 140px; padding-top: 100px; padding-bottom: 100px; } .grid-1-column.blog-post-image-grid { grid-row-gap: 50px; } .grid-1-column.footer-v2-left { grid-template-columns: 1fr 1fr; } .grid-6-columns { grid-template-columns: 1fr 1fr 1fr 1fr; } .inner-container._100-tablet { max-width: 100%; } .inner-container._100-mbl.lol { width: 100%; } .inner-container._668px { max-width: none; } .inner-container._600px---tablet { max-width: 600px; } .inner-container._500px---mbl.width-100.flex.mg-top-36px { flex-flow: column; } .inner-container.footer-main-content { grid-column-gap: var(--globals--gaps--gap-extra-large); grid-row-gap: var(--globals--gaps--gap-extra-large); justify-content: space-between; align-items: flex-end; max-width: 100%; display: flex; } .inner-container._500px---tablet { max-width: 500px; } .inner-container._450px---tablet { max-width: 450px; } .inner-container._400px---tablet { max-width: 400px; } .inner-container.image-right-v2-wrapper { min-width: 400px; } .inner-container._480px---tablet { max-width: 480px; } .inner-container.cta-newsletter-image-left-v2-content { text-align: center; max-width: 100%; padding-top: 100px; padding-bottom: 60px; } .inner-container._458px---tablet { max-width: 458px; } .inner-container._800px---tablet { max-width: 800px; } .inner-container._700px---tablet { max-width: 700px; } .utp---card-componets-wrapper { width: 100%; } .utp---card-componets-wrapper.v2 { padding-left: 22px; padding-right: 22px; } .utp---card-componets-wrapper.v2.rich-text { padding-right: var(--components--cards--paddings--pd-medium); padding-left: var(--components--cards--paddings--pd-medium); } .utp---components-head-wrapper { width: 100%; } .utp---components-head-wrapper.right { display: none; } .utp---components-head-wrapper.buttons { grid-template-columns: 1fr 1fr 1fr; } .utp---components-head-wrapper.badges.tablet { display: none; } .primary-button { font-size: var(--core--font-size--displays--display-1); } .primary-button-icon.slider-button-right-card { bottom: 132px; right: 27px; } .primary-button-icon.slider-button-right-card.v2 { bottom: 140px; right: 40px; } .secondary-button-icon.slider-button-left-card { bottom: 132px; right: 74px; } .secondary-button-icon.slider-button-left-card.v2 { bottom: 140px; right: 90px; } .secondary-button-icon.accordion-top-icon { margin-top: 6px; } .input.footer-input-large { font-size: 32px; } .grid-3-columns._1-col-tablet { grid-template-columns: 1fr; } .grid-3-columns.team-members { grid-column-gap: 24px; grid-row-gap: 24px; place-items: center start; } .grid-3-columns.grid-footer { grid-template-columns: minmax(200px, 0.75fr) auto; } .grid-3-columns.grid-footer.v2 { grid-column-gap: 40px; grid-template-columns: minmax(auto, 458px) minmax(auto, 252px); } .grid-3-columns.product-images { grid-template-rows: auto auto auto; grid-template-columns: 1fr 0.4fr; } .grid-3-columns.label-product-grid { max-width: 500px; margin-left: -14px; margin-right: 0; } .grid-3-columns.blog-v2-grid { grid-template-columns: 1fr 1fr; } .grid-3-columns.blog-v2-grid._3-posts---grid { grid-row-gap: 26px; grid-template-columns: 1fr; } .grid-3-columns.ecommerce-v1-grid-3-col, .grid-3-columns.ecommerce-v2-grid-3-col { grid-template-columns: 1fr 1fr; } .grid-3-columns.hero-v3-grid { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); } .paragraph-large.text-size.pd-top-large.small.card-text { height: 22vh; } .tabs-line-menu-wrapper { flex-flow: column; justify-content: flex-start; align-items: stretch; } .buttons-row.left.center-tablet { justify-content: center; align-items: center; } .buttons-row.left.center-tablet---width-100 { justify-content: center; align-items: center; width: 100%; } .rich-text h1 { font-size: var(--core--font-size--displays-tablet--display-9); } .rich-text h2 { font-size: var(--core--font-size--displays-tablet--display-8); } .rich-text h4 { font-size: var(--core--font-size--displays-tablet--display-6); } .rich-text h5 { font-size: var(--core--font-size--displays-tablet--display-5); } .rich-text h6 { font-size: var(--core--font-size--displays-tablet--display-4); } .rich-text h3 { font-size: var(--core--font-size--displays-tablet--display-7); } .image-wrapper { height: auto; } .image-wrapper.full-image-section.content-slide-right-image-wrapper { max-height: 500px; position: relative; } .image-wrapper.full-image-section.hero-v1-image { position: absolute; top: auto; bottom: 0; right: 0%; } .image-wrapper.testimonial-image-left { width: 55%; } .image-wrapper.our-mission-image-left-2 { margin-top: 60px; } .image-wrapper.our-mission-image-left-1 { margin-bottom: 60px; } .image-wrapper.cta-newsletter-image-left { width: 100%; margin-top: 0; margin-bottom: -76px; position: static; } .image-wrapper._w-h-100.subscribe-grid-image, .image-wrapper._w-h-100.coming-soon-grid-image, .image-wrapper._w-h-100.not-found-grid-image { max-height: 400px; } .image-wrapper.product-popular-image-wrapper { max-width: 45%; } .image-wrapper.product-popular-image-wrapper._w-h-100.illustrated-image { height: 80%; } .image-wrapper.blog-card-v2-image { padding-top: 0%; } .image-wrapper.blog-card-v2-image._3-posts---item { justify-content: center; align-self: stretch; align-items: center; max-width: 50%; max-height: none; margin-right: 35px; padding-top: 0%; } .image-wrapper.layout-media-image { min-height: 360px; max-height: 360px; } .image-wrapper.ecommerce-card-v2---image-wrapper, .image-wrapper.ecommerce-card-v2---image-wrapper._4-cols---desktop { margin-bottom: -23px; } .image-wrapper.blog-card-v2-5-image { padding-top: 0%; } .image-wrapper.blog-card-v2-5-image._3-posts---item { justify-content: center; align-self: stretch; align-items: center; max-width: 50%; max-height: none; margin-right: 35px; padding-top: 0%; } .image-wrapper.featured-post-v2-image { min-height: auto; max-height: none; } .image-wrapper.blog-post-image { max-height: 600px; } .image-wrapper.card-category-image { width: 94%; right: -42%; } .image-wrapper.center { justify-content: center; align-items: center; height: auto; display: flex; } .mg-bottom-medium.mg-bottom-0px---tablet { margin-bottom: 0; } .container-default.product { max-width: none; } .header-wrapper.pd-32px { padding-top: var(--globals--paddings--pd-medium); padding-bottom: var(--globals--paddings--pd-medium); } .list-nav-menu { padding: var(--globals--paddings--pd-medium) var(--globals--paddings--pd-medium) 24px; grid-column-gap: var(--globals--gaps--gap-medium); grid-row-gap: var(--globals--gaps--gap-medium); flex-direction: column; align-items: flex-start; font-size: 1.6vw; } .link-nav-item.show-in-tablet.header-btn { margin-top: var(--globals--margins--mg-medium); } .link-nav-item.header-button { margin-top: var(--core--sizes--size-6); } .nav-menu-right-side { grid-column-gap: var(--globals--gaps--gap-medium); } .hamburger-menu { background-color: var(--primary); width: 45px; min-width: 45px; height: 45px; min-height: 45px; } .hamburger-menu:hover, .hamburger-menu.w--open { background-color: var(--primary); } .logo-wrapper.v1 { max-width: 175px; } .nav-menu-wrapper { border: 1px solid var(--components--cards--border-color--br-color-default); background-color: var(--globals--color--surfaces--01); box-shadow: 0 8px 8px 0 var(--core--box-shadow--bs-neutral-small); border-radius: 0; margin-top: 0; } .section.cta.cta-v4 { padding-top: 100px; padding-bottom: 140px; } .section.cta-image-left { padding-bottom: 0; } .section.hero-pages { padding-top: var(--components--sections--paddings--pd-medium); } .section.top, .section.hero.hero-top-80 { padding-top: 60px; } .section.hero.hero-214px { padding-top: 80px; padding-bottom: 0; } .section.hero.hero-144px---600-bg { padding-top: 100px; padding-bottom: 100px; } .section.hero.collection-v2 { padding-top: 80px; padding-bottom: 35%; } .section.hero.hero-top-170px---bottom-250px { padding-top: 60px; padding-bottom: 0; } .section.hero.hero-62---200 { padding-top: 52px; padding-bottom: 140px; } .section.hero.pd-top-80px---bottom-200px { padding-top: 60px; padding-bottom: 60px; } .section.hero.checkout { padding-top: 100px; padding-bottom: 100px; } .section.hero.hero-top-80px---bottom-50px { padding-top: 64px; padding-bottom: 40px; } .section.hero.hero-top-90px---bottom-150px { padding-top: 60px; padding-bottom: 120px; } .section.hero.hero-top-100px---bottom-200px { padding-top: 80px; padding-bottom: 150px; } .section.hero.utility-page-hero { padding-top: 100px; padding-bottom: 100px; } .section.pd-top-0px.home-health { padding-bottom: 60px; } .section.pd-bottom-200px { padding-bottom: 150px; } .section.pd-200px { padding-top: 140px; padding-bottom: 140px; } .section.pd-200px.pd-top-150px { padding-top: var(--core--sizes--size-11); } .section.pd-150px { padding-top: var(--components--sections--paddings--pd-extra-large); padding-bottom: var(--components--sections--paddings--pd-extra-large); } .section.cta-newsletter-image-left { padding-top: 106px; padding-bottom: 106px; } .section.xs { padding-top: 60px; padding-bottom: 60px; } .section.xs.story { padding-bottom: 120px; } .position-relative.overflow-hidden._w-h-100 { padding-bottom: 20px; left: auto; } .position-relative.overflow-hidden._w-h-100.home-health { padding-bottom: 0; } .image-left-50 { width: auto; margin-left: -24px; margin-right: -24px; position: static; } .image-left-50.cta-newsletter { width: 80%; margin-left: 0; margin-right: 0; } .form-wrapper { min-height: 423px; } .footer-center.v3 { padding-top: var(--components--footers--paddings--pd-medium); padding-bottom: var(--components--footers--paddings--pd-medium); } .error-message-wrapper.text-left.text-center-tablet { text-align: center; } .logo-marquee-image-wrapper { flex: none; } .testimonial-v2-bottom { grid-column-gap: 10px; grid-row-gap: 10px; } .title-left---content-right.text-content { grid-row-gap: 10px; } .title-left---content-right.center---tablet { flex-flow: column; justify-content: space-between; align-items: center; } .title-left---content-right.mg-right-super { flex-flow: column; } .feature-wrapper { font-size: var(--core--font-size--displays-tablet--display-3); } .feature-wrapper.gap-large.value-feature { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); } .feature-wrapper.gap-large.value-feature.res { display: flex; } .categories-badge-wrapper.center---tablet { justify-content: center; align-items: center; } .utility-page-form.password-protected { max-width: 100%; } .blog-post-right-wrapper { width: 100%; } .sticky-top.static---tablet { position: static; } .dropdown-wrapper.dropdown-default { margin-left: 0; } .dropdown-toogle { font-size: 1.6vw; transition: transform 0.3s; } .dropdown-toogle:hover { transform: translate3d(6px, 0, 0.01px); } .dropdown-list { padding-bottom: 0; padding-left: 0; padding-right: 0; position: relative; transform: none; } .dropdown-list.dropdown-v1 { transform: none; } .dropdown-pd { box-shadow: none; border-width: 0; border-radius: 0; } .dropdown-pd.dropdown-v1 { box-shadow: none; border-width: 0; border-radius: 0; width: 100%; min-width: 0; margin-top: 20px; padding: 0; } .sidebar---navbar { padding-bottom: var(--globals--paddings--pd-medium); } .sales-home---hero-link-wrapper { max-width: 272px; } .text-and-image-card---image-wrapper { width: 100%; } .text-and-image-card---text-container { padding-right: var(--components--cards--paddings--pd-medium); padding-left: var(--components--cards--paddings--pd-medium); max-width: none; } .sales-home---cta-card-text-container { padding-right: var(--components--cards--paddings--pd-medium); padding-left: var(--components--cards--paddings--pd-medium); } .sales-home---cta-card-image { min-width: 880px; max-width: 880px; } .utp---buttons-sidebar-item-wrapper.tablet { grid-column-gap: var(--globals--grid-gap--large); grid-row-gap: var(--globals--grid-gap--large); grid-template-rows: 1fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .tabs-content---testimonial { margin-bottom: 60px; } .tabs-content---testimonial.product { margin-bottom: 0; } .grid-pages { grid-template-columns: 1fr 1fr; } .checkout-block-content { padding: 50px 24px; } .icon-circle.value-icon { max-width: 52px; } .menu-wrapper.last { max-width: 140px; } .nav-link { color: #222624; font-size: 1.6vw; } .nav-link.white:hover { color: var(--core--colors--neutral--200); } .nav-content { grid-column-gap: 28px; } .display-footer-font-default { font-size: 120px; } .display-footer-font-default.font-top-large---accent { margin-left: -18px; } .header-nav-link { transition: transform 0.3s, opacity 0.3s; display: inline-flex; } .header-nav-link:hover { transform: translate3d(6px, 0, 0.01px); } .content-full-image-wrapper.hero-v1 { flex-flow: column; height: 80vh; padding-left: 40px; padding-right: 40px; display: flex; } .content-full-image-wrapper.cta-v1 { padding: 80px 40px 124px; } .content-full-image-wrapper.content-slide-right-wrapper { flex-flow: column-reverse; min-height: auto; padding-top: 0; padding-bottom: 0; } .display-11 { font-size: 77px; } .display-11.text-light.hero-heading.res { display: block; } .display-11.text-light.hero-heading.desk { display: none; } ._w-h-100.fit-cover.position-cta-v2-imagen-left { object-fit: cover; object-position: 100% 100%; min-width: 0; } ._w-h-100.fit-cover.position-image-right-hero { max-height: 400px; } ._w-h-100.fit-cover.ecommerce-video-top { min-height: 500px; max-height: 500px; } ._w-h-100.fit-cover.content-slide-right-image { object-position: 20% 50%; } ._w-h-100.fit-cover.responsive---tablet { max-height: 400px; } ._w-h-100.fit-cover.mission-image { object-position: 0% 50%; } ._w-h-100.fit-cover.hero-v1-image, ._w-h-100.fit-cover.hero-v2-image { object-position: 25% 0%; } .text-slider-wrapper.pd-48px { padding-top: 40px; padding-bottom: 40px; } .mission-gallery-bottom { max-width: 100%; position: static; } .mg-top-68px._58px---tablet { margin-top: 58px; } .blog-card-wrapper { width: 100%; } .blog-card-wrapper.blog-card-bottom { min-height: 100%; } .card-image._w-h-100.product-popular-image { padding-top: 120px; padding-left: 0; } .card-image._w-h-100.ecommerce-card-image-01 { min-height: 420px; } .card-image.product-category-card-v1---image { max-height: 350px; } .card-image.ecommerce-card-v2---image { max-width: 75%; } .card-image.ecommerce-card-v2---image.alt---tablet { max-width: 64%; } .card-image.ecommerce-card-v2---image._2-cols---desktop { width: 75%; } .card-image.grow.featured-post-v2-image { max-height: 400px; } .card-image.ecommerce-card-v1-2-cols---image { margin-top: -32%; margin-bottom: -20%; } .mg-top-100px { margin-top: 80px; } .ecommerce-image-overlay.v2 { padding-top: 104px; padding-bottom: 130px; } .ecommerce-top-salesman { flex-flow: column; justify-content: flex-start; align-items: flex-start; top: 24px; left: 24px; right: 24px; } .bg-image-overlay.cta-newsletter { background-image: linear-gradient(90deg, var(--transparent), var(--core--colors--primary--500) 66%); } .categories-badges-item-wrapper.center---tablet { justify-content: center; align-items: stretch; } .floating-image---section.cta-v4-floating-image---v2 { top: 6%; } .floating-image---section.our-mission---image-v1 { bottom: 8%; } .floating-image---section.our-mission---image-v2 { top: 13%; } .floating-image---section.our-mission---image-v3 { top: 6%; } .floating-image---section.our-mission---image-v4 { top: 4%; } .floating-image---section.our-mission---image-v5 { width: 21%; bottom: 13%; right: 6%; } .floating-image---section.category-products-image-right { width: auto; min-width: 100%; margin-left: -24px; margin-right: -24px; position: static; inset: auto 0% 0%; } .cta-card.cta-v4 { padding-top: 120px; padding-bottom: 120px; } .container-responsive { margin-left: auto; margin-right: auto; } .container-responsive._700px---tablet { max-width: 700px; } .favorite-rutine-flex---content-left { max-width: 100%; padding-top: 60px; padding-bottom: 60px; } .pagination-buttons-container { grid-column-gap: 50px; grid-row-gap: 50px; padding-top: 70px; } .blog-card-bottom-item-link { justify-content: flex-start; align-items: stretch; min-height: auto; padding-left: 24px; padding-right: 24px; } .card---home-sales { display: none; } .show-in-tablet { display: block; } .text-link.decoration-none.display-4---strong---uppercase { font-size: var(--core--font-size--displays-tablet--display-4); } .text-link.decoration-none.display-5---strong { font-size: var(--core--font-size--displays-tablet--display-5); } .cart-item-title { font-size: var(--core--font-size--displays-tablet--display-3); } .close-button { color: var(--components--links--text-color--text-dark); } .close-button:hover { color: var(--components--links--text-color--text-accent); } .ecommerce-card-v2---item { width: auto; } .ecommerce-card-v2---item:first-child { justify-content: center; align-items: center; } .ecommerce-v2-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: row; position: relative; } .blog-card-v1-wrapper { width: 100%; } .hidden-on-tablet { display: none; } .popular-product---top-content { flex-flow: wrap; padding-top: 43px; padding-left: 24px; padding-right: 24px; } .popular-product---bottom-content { flex-flow: column; justify-content: space-between; align-items: flex-start; min-width: auto; padding-right: 24px; } .popular-product---bottom-content.right { justify-content: flex-end; align-items: flex-end; } .blog-card-v2-wrapper { width: 100%; } .blog-card-v2-wrapper._3-posts---item { flex-flow: row; justify-content: space-between; align-items: center; } .blog-card-v2-content._3-posts---item { padding-top: var(--core--sizes--size-7); padding-bottom: var(--core--sizes--size-7); } .blog-card-v2-image---absolute { position: static; } .text-center-tablet { text-align: center; } .width-100-tablet, .featured-post---v1, .featured-post---v2 { width: 100%; } .featured-post---v3---content { padding-top: 298px; } .ecommerce-card-category-content { max-width: 80%; } .image-right-hero-v2 { flex-direction: column; width: auto; min-width: 100%; max-height: 400px; margin-left: -24px; margin-right: -24px; position: relative; } .ecommerce-card-buttons-bottom-v3 { max-width: 720px; left: 40px; right: 40px; } .ecommerce-card-v1-content { padding-bottom: 120px; } .ecommerce-card-buttons-bottom-v1---2-cols { max-width: 720px; bottom: 43px; left: 40px; right: 40px; } .order-item-image-wrapper { max-width: 150px; } .order-item-title { font-size: var(--core--font-size--displays-tablet--display-5); } .order-item-title-wrapper { margin-bottom: 24px; } .more-templates-badge-wrapper { right: 24px; } .secondary-button-icon-2.accordion-top-icon { margin-top: 6px; } .display-12 { font-size: 20px; } .display-13 { font-size: 30px; } .slider-card { width: auto; } .footer-container.flexx { padding-right: 40px; } .image-container.mg-top-80px { right: 20px; } .div-block-30 { display: none; } .paragraph-6.align-right { text-align: center; } .spline-wrapper { position: absolute; bottom: 2%; left: 4%; } .c-section { padding-top: 60px; padding-bottom: 60px; } .c-nav_brand { margin-left: 4px; } .c-title-3 { font-size: 28px; } .c-page { height: auto; overflow: visible; } .c-title-2.center.desk { display: none; } .c-title-2.center.res { display: block; } .div-block-33 { justify-content: flex-start; align-items: stretch; } .div-block-33.home-partner { padding-top: 0; } .section-3.hero.hero-144px---600-bg { padding-top: 100px; padding-bottom: 100px; } .display-14 { font-size: 64px; } .tab-side-line-item-3.first.tab-box.w--current, .tab-side-line-item-3.tab-box { margin-right: 0; } .secondary-button-icon-3.accordion-top-icon { margin-top: 6px; } .display-15 { font-size: 20px; } .display-16 { font-size: 30px; } .img-wrapper { width: 50%; } .div-block-38 { flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; display: flex; } ._3grid { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } ._3grid.res-wrap { flex-flow: wrap-reverse; justify-content: center; align-items: center; } .div-block-39 { width: 60%; } .div-block-40 { flex-flow: column; justify-content: center; align-items: center; display: flex; } .div-block-40.padding-0 { text-align: center; } .heading-10 { margin-bottom: 20px; } .heading-10.right-align { text-align: center; margin-bottom: 20px; } .conent-block { height: 750px; } .conent-block.bottom { height: 55vh; } .heading-11 { text-align: left; justify-content: flex-start; align-items: center; height: auto; } .heading-11.res { display: flex; } .heading-11.desk, .elements { display: block; } ._2grid { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: wrap-reverse; justify-content: center; align-items: center; display: flex; } ._2grid.story { padding-left: 0; } .image-15 { width: 100%; height: 100%; top: -6%; } .section_placeholder { display: none; } .section_placeholder.res { display: block; } .stack_card.is-6.qa._03 { height: 32rem; } .stack_card.is-last.qa._03 { height: 37rem; } .stack_card.qa { height: 32rem; padding-top: 0; } .section_stack { margin-bottom: 100px; } .section_stack.res { display: block; } .section_stack.desk { display: block; } .stack_card-content.qa { grid-column-gap: 25px; grid-row-gap: 25px; } .stack_card-content.res { padding-bottom: 25px; } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem; } .heading-30 { font-size: 34px; } .flex-block-5 { margin-top: 20px; margin-bottom: 40px; display: none; } .flex-block-5.res, .flex-block-5.qa { display: flex; } .paragraph-16 { font-size: 14px; } .heading-31.card-title { height: 8vh; } .heading-31.card-title.line3 { height: 10vh; } .image-18 { width: 50%; } .business-card-container.top { flex-flow: row; } .business-card-container.top.resp { display: flex; } .business-card.bc3 { display: none; } .business-card.bc3.resp { width: 50%; display: block; } .business-card.bc2, .business-card.bc1 { width: 50%; } .business-card.bc4 { display: none; } .business-card.bc4.resp { width: 50%; display: block; } .business-card.bc5, .business-card.bc6 { width: 50%; } .product-hero-container.desk { display: flex; } .product-hero-container.res { flex-flow: column; display: none; } .product-color-btn, .product-color-btn.pink, .product-color-btn.violet, .product-color-btn.orange { width: 4vw; } .product-why-wrapper.factory { flex-flow: column; } .product-why-wrapper.elite { margin-bottom: 0; } .product-why-top-container.alt { flex-flow: column; justify-content: center; align-items: center; width: 100%; display: flex; } .product-why-bottom-wrapper { flex-flow: column; width: 100%; } .product-why-bottom-wrapper.factory { flex-flow: row; width: 5000px; } .why-card { width: 70%; } .why-icon.factory { height: 50vh; margin-right: 60px; } .why-card-text.product { height: auto; } .product-hero-btn-wrapper { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .product-hero-btn-wrapper.container { justify-content: center; align-items: center; } .product-hero-btn-wrapper.container.left { justify-content: center; align-items: flex-start; } .headline.center.res { display: block; } .headline.center.desk { display: none; } .headline.center.alt, .headline.container { text-align: center; } .feature-wrapper.blue.mt-0.res { display: flex; } .feature-wrapper.blue.mt-0.desk, .product-img-container.elite, .feature-container.one, .feature-container.two, .feature-container.three, .feature-container.four, .feature-container.five, .feature-container.six { display: none; } .product-text.center { line-height: 1.6em; } .product-text.center.alt { text-align: center; } .product-text.center.large { width: 80%; } .compare-wrapper.res { margin-top: 40px; } .compare-container { flex-flow: column; justify-content: center; align-items: stretch; margin-bottom: 40px; } .compare-image-container { justify-content: space-around; align-items: center; margin-bottom: 40px; } .compare-line.horizontal.first, .compare-line.horizontal.first.jupiter, .compare-line.horizontal._02, .compare-line.horizontal._02.jupiter, .compare-line.horizontal._03, .compare-line.horizontal._03.jupiter, .compare-line.horizontal._04, .compare-line.horizontal._04.jupiter, .compare-line.horizontal._05, .compare-line.horizontal._05.jupiter, .compare-line.horizontal._06, .compare-line.horizontal._06.jupiter, .compare-line._5vh, .compare-line._5vh.jupiter, .compare-line.vs { display: none; } .point-container { text-align: center; background-color: #d0e9ff; border-color: #3782c4; width: 80%; padding-right: 10px; } .point-container.left { text-align: center; background-color: #fce1e8; border-color: #bb244e; padding-left: 10px; } .point-container.left.jupiter { background-color: #fce1e8; border-color: #bb244e; padding-left: 10px; } .point-container.jupiter { text-align: center; justify-content: center; align-items: center; width: 80%; padding-right: 10px; display: flex; } .compare-left-container { justify-content: center; align-items: center; } .compare-center-container { padding-top: 0; } .cup-image { max-width: 50%; } .image-28 { width: 40%; } .airhole { width: 40%; top: 16%; left: -1%; } .base { width: 40%; bottom: 6%; left: 5%; } .cup-body { width: 40%; right: 0%; } .rim { width: 40%; top: 14%; right: -2%; } .stem { width: 40%; right: 8%; } .vs-title-container { flex-flow: column; } .ridges { width: 40%; } .manufacturing-hero-wrapper { margin-bottom: 0; } .text-container.medium { width: 90%; } .text-container.story { width: 70%; } .p1-1-container { width: 80%; position: relative; top: auto; left: auto; } .process-heading-container { grid-column-gap: 0; grid-row-gap: 0; } .process-heading-container.right { grid-column-gap: 0; grid-row-gap: 0; flex-flow: row-reverse; } .process-text { margin-bottom: 10px; margin-left: 85px; } .process-text.right { text-align: left; margin-bottom: 10px; margin-left: 85px; margin-right: 0; } .process-one-img.two { width: 60%; position: relative; top: auto; left: auto; } .process-one-img.six { display: none; } .p2-1-container { width: 80%; position: relative; top: auto; left: auto; } .hw-image-container.res { justify-content: center; align-items: center; height: 75vh; display: flex; } .hw-image-container.desk, .hw-image-container.desk._1280 { display: none; } .hw-meta-container { bottom: 0; } .hw-meta-container.one { top: 38%; bottom: auto; right: 0%; } .hw-meta-container.two { inset: 48% auto auto 0; } .hw-meta-container.three { top: 57%; bottom: auto; right: 0%; } .hw-meta-container.four { top: 67%; bottom: auto; left: 0%; } .hw-meta-container.five { inset: 76% 0% auto auto; } .hw-meta-container.six { top: auto; bottom: 5%; left: 0%; } .hw-image { width: 60%; top: 0%; } .process-two-img.one { display: none; } .process-two-img.two { width: 60%; position: relative; bottom: auto; right: auto; } .process-container, .process-container.two { height: auto; display: flex; } .process-container.two.phase01 { display: none; } .process-container.three { height: auto; display: flex; } .process-container.three.phase01 { display: none; } .process-container.four { height: auto; } .process-container.four.phase01 { display: none; } .process-container.five { height: auto; } .process-container.five.phase01 { display: none; } .process-container.seven { height: auto; } .process-container.seven.phase01, .process-container.phase01 { display: none; } .p3-1-container { width: 80%; position: relative; right: auto; } .text-block-18 { margin-bottom: 10px; } .process-three-img.one { width: 60%; position: relative; left: 0%; } .p4-1-container { width: 80%; margin-bottom: 20px; position: relative; top: auto; left: auto; } .process-four-img.two { width: 60%; position: relative; top: auto; right: auto; } .process-four-img.three { display: none; } .process-five-img.one { width: 60%; position: relative; top: auto; right: auto; } .p7-1-container { width: 80%; position: relative; bottom: auto; right: auto; } .process-seven-img { width: 60%; position: relative; top: auto; left: auto; } .manufacturing-why-container { justify-content: center; align-items: flex-end; height: 50vh; display: none; } .mw-img.plant { display: block; position: relative; } .mw-img.plant.res { display: none; } .mw-img.arrow { width: 100%; display: block; bottom: 20%; } .mw-img.one { display: none; top: 10%; left: 0%; } .mw-img.two { top: 30%; left: 0%; } .mw-img.three { top: 50%; left: 0%; right: auto; } .mw-img.four { inset: 70% auto auto 0%; } .mw-text-container.one { width: auto; top: 14%; left: 15%; } .mw-text-container.two { width: auto; top: 34%; left: 15%; } .mw-text-container.three { width: auto; top: 54%; left: 15%; right: auto; } .mw-text-container.four { width: auto; inset: 74% auto auto 15%; } .page-subtitle.pink.center { text-align: center; } .why-cup-image-container { display: flex; } .why-cup-image-container.phase01 { display: none; } .why-cup-img.res { width: 50%; margin-top: 20px; } .why-cup-img.desk, .why-cup-text-container.one, .why-cup-text-container.two, .why-cup-text-container.three { display: none; } .text-pink.bold.specification.blue { height: auto; } .benefits-cup-container.res { display: flex; } .benefits-cup-container.desk._1280, .benefits-cup-container.desk.phase01 { display: none; } .image-33 { width: 60%; } .switch-meta { justify-content: flex-start; align-items: flex-start; } .product-tab-container { justify-content: flex-start; align-items: flex-start; padding-top: 20px; } .tab-card-container { flex-flow: column; } .tab-card { width: 100%; } .tab-icon-container { width: 5%; } .tab-text-container { width: 90%; } .specification-tab-text { height: auto; } .specification-tab { flex-flow: column; justify-content: space-between; align-items: flex-start; } .spec-tab-list, .spec-tab-list.blue { background-color: #f3f3f3; border-bottom: 1px solid #000; width: 100%; } .image-35.res { width: 100%; } .how-cup-container.desk, .how-cup-container.desk._1280, .how-cup-container.desk.phase01 { display: none; } .how-cup-container.res { flex-flow: column; justify-content: flex-start; align-items: center; height: auto; display: flex; } .image-38 { width: 70%; } .team-meta-container { grid-column-gap: 14px; grid-row-gap: 14px; justify-content: flex-start; align-items: center; } .lottie-animation-4 { height: 100%; } .feature-img-desk { display: none; } .feature-img-res { display: block; } .desk { display: none; } .res { display: block; } .res.mobile { display: none; } .res.tablet { text-align: left; font-size: 14px; } .container-wrapper { flex-flow: column; padding-left: 0%; } .container-hero-left { margin-bottom: 40px; } .container-img { width: 30vw; } .factory-img-container { width: 100%; } .cert-card-img { width: auto; height: 120px; margin-bottom: 10px; } .cert-card-title { height: 6vh; } .cup-how-101 { width: 60%; margin-top: 20px; } } @media screen and (max-width: 767px) { body { font-size: var(--core--font-size--base-font-mb); } h1 { font-size: var(--core--font-size--headings-mbl--h1); } h2 { font-size: var(--core--font-size--headings-mbl--h2); } h3 { font-size: var(--core--font-size--headings-mbl--h3); } h4 { font-size: var(--core--font-size--headings-mbl--h4); } h5 { font-size: var(--core--font-size--headings-mbl--h5); } h6 { font-size: var(--core--font-size--headings-mbl--h6); } blockquote { padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-medium) var(--globals--paddings--pd-large); font-size: 26px; } .utp--sidebar-wrapper { flex-direction: row; justify-content: space-between; align-items: flex-start; display: flex; } .divider.mg-large { margin-top: var(--globals--margins--mg-medium); margin-bottom: var(--globals--margins--mg-medium); } .divider.mg-default { margin-top: var(--globals--margins--mg-small); margin-bottom: var(--globals--margins--mg-small); } .divider._48px { margin-top: var(--core--sizes--size-7); margin-bottom: var(--core--sizes--size-7); } .divider._48px._24px---mbl { margin-top: var(--core--sizes--size-5); margin-bottom: var(--core--sizes--size-5); } .utp---sidebar-top { margin-right: auto; } .utp---sidebar-bottom { grid-row-gap: var(--globals--gaps--gap-large); } .display-10 { font-size: var(--core--font-size--displays-mbl--display-10); } .display-9 { font-size: var(--core--font-size--displays-mbl--display-9); } .display-8 { font-size: var(--core--font-size--displays-mbl--display-8); } .display-7 { font-size: var(--core--font-size--displays-mbl--display-7); } .display-6 { font-size: var(--core--font-size--displays-mbl--display-6); } .display-5 { font-size: var(--core--font-size--displays-mbl--display-5); } .display-5.pages-title { margin-bottom: 20px; } .display-4 { font-size: var(--core--font-size--displays-mbl--display-4); } .display-3 { font-size: var(--core--font-size--displays-mbl--display-3); } .display-2 { font-size: var(--core--font-size--displays-mbl--display-2); } .display-1 { font-size: var(--core--font-size--displays-mbl--display-1); } .grid-4-columns._4-col-tablet { grid-template-columns: 1fr 1fr; } .grid-4-columns._4-col-tablet._4-col-mbl { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-4-columns.ecommerce-v1-grid-4-col, .grid-4-columns.ecommerce-v2-grid-4-col, .grid-4-columns.ecommerce-v3-grid-4-col { grid-template-columns: 1fr; } .mg-top-extra-small.alt---mbl { margin-top: var(--globals--margins--mg-tiny); } .mg-top-small.mg-top-8px---mbl { margin-top: var(--globals--margins--mg-extra-small); } .mg-top-default { margin-top: var(--globals--margins--mg-small); } .mg-top-default.mg-top-54px---tablet { margin-top: var(--globals--margins--mg-large); } .mg-top-default.mg-top-default---mbl, .mg-top-default.mg-top-24px---mbl { margin-top: var(--globals--margins--mg-default); } .grid-2-columns { grid-template-columns: 1fr; } .grid-2-columns.hero-v4 { grid-row-gap: 24px; } .grid-2-columns.contact-form-v1 { grid-row-gap: 50px; grid-template-columns: 1fr; } .grid-2-columns.cta { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-columns: 1fr; } .grid-2-columns.cta.cta-v2-imagen-left { grid-column-gap: 0; grid-row-gap: 0; grid-template-columns: 1fr; } .grid-2-columns.template-page-sidebar { grid-template-columns: 1fr; } .grid-2-columns.changelog-item { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-columns: 0.4fr 1fr; padding-top: 40px; padding-bottom: 40px; } .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left { margin-top: var(--components--sections--paddings--pd-default); margin-bottom: var(--components--sections--paddings--pd-default); grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); text-align: center; grid-template-columns: 1fr; } .grid-2-columns.checkout-grid { grid-row-gap: var(--globals--grid-gap--large); grid-template-columns: 1fr; } .grid-2-columns._404-page-grid { grid-row-gap: 48px; } .grid-2-columns._1-2fr---left { grid-template-columns: 1fr; } .grid-2-columns.mission-grid-2-col { grid-column-gap: 0; grid-row-gap: 0; grid-template-columns: 1fr; } .grid-2-columns.mission-grid-2-col.v2 { grid-template-columns: 1fr; } .grid-2-columns.mission-grid-2-col.v3 { grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); grid-template-columns: 1fr; } .grid-2-columns._1-06fr---right { grid-template-columns: 1fr; } .grid-2-columns.coming-soon-grid { grid-row-gap: 50px; } .grid-2-columns.about-hero-grid-2-col { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); } .grid-2-columns.value-grid-2-col { grid-row-gap: var(--globals--grid-gap--large); grid-template-columns: 1fr; } .grid-2-columns.blog-featured-v1-grid { grid-column-gap: 60px; grid-row-gap: 60px; grid-template-columns: 1fr; } .grid-2-columns.collection-v1-hero-grid { grid-row-gap: 50px; } .grid-2-columns.hero-v2-grid-2-col { grid-template-columns: 1fr; } .grid-2-columns.layout-media-grid-2-col { grid-column-gap: 60px; grid-row-gap: 60px; grid-template-columns: 1fr; } .grid-2-columns.layout-media-grid-2-col.v2 { grid-template-columns: 1fr; } .grid-2-columns.hero-v3-grid-2-col { grid-template-columns: 1.4fr; max-width: 500px; } .grid-2-columns.our-products-top-grid, .grid-2-columns.our-products-bottom-grid { grid-template-columns: 1fr; } .grid-2-columns.blog-v2-hero-grid { grid-column-gap: 45px; grid-row-gap: 45px; } .grid-2-columns.blog-v3-grid { grid-row-gap: 48px; } .grid-2-columns.aside-left { grid-template-columns: 1fr; } .grid-2-columns.aside-left.collection-v3-aside-grid { grid-column-gap: 80px; grid-row-gap: 80px; grid-template-columns: 1fr; } .grid-2-columns.aside-left.product-category-aside-grid, .grid-2-columns.aside-left.accordion-grid { grid-template-columns: 1fr; } .grid-2-columns._2-col-mbl { grid-template-columns: 1fr 1fr; } .grid-2-columns.collection-v2-hero-grid { grid-template-columns: 1fr; } .grid-2-columns.ecommerce-v2-grid-2-col { grid-row-gap: 64px; } .grid-2-columns.hero-v1-grid { grid-template-columns: 1fr; max-width: 320px; } .grid-2-columns.layout-image-right { grid-template-columns: 1fr; } .grid-2-columns.gap-24px.mission-grid---images { grid-template-columns: 1fr 1fr; min-height: auto; } .grid-2-columns.image-left-grid-2-col { grid-column-gap: var(--globals--grid-gap--large); grid-row-gap: var(--globals--grid-gap--large); grid-template-columns: 1fr; } .grid-2-columns.cta-newsletter-grid { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); grid-template-columns: 0.25fr 1fr; } .grid-2-columns.ecommerce-content-v3-grid, .grid-2-columns.ecommerce-content-v1-grid { grid-template-columns: 1fr 0.6fr; } .grid-2-columns.subscribe-grid { grid-row-gap: 50px; } .card.typography-card { padding-top: var(--components--cards--paddings--pd-medium); padding-bottom: var(--components--cards--paddings--pd-medium); } .card.utp---icon-font { padding: var(--globals--paddings--pd-large) var(--globals--paddings--pd-medium); } .card.message { padding-right: var(--components--cards--paddings--pd-default); padding-left: var(--components--cards--paddings--pd-default); } .card.testimonial-v2, .card.ecommerce-card-wrapper._2-cols { padding: 40px 32px; } .card.template-pages---sticky-card { position: static; top: auto; } .card.template-pages---text-card { padding-right: var(--components--cards--paddings--pd-default); padding-left: var(--components--cards--paddings--pd-default); } .card.password-protected-card { padding: 60px 32px; } .card.testimonial-card-right-over-image { align-items: center; width: 100%; margin-top: 0; margin-bottom: 0; padding: 50px 32px; } .card.mission-card { padding: 48px 32px 32px; } .card.mission-card.v2 { padding-top: 60px; padding-bottom: 70px; } .card.ecommerce-slide-content-over-imge { margin-left: -16px; margin-right: -16px; padding: 50px 32px 70px; } .card.hero-v2-content-left { justify-content: space-between; align-items: flex-start; padding-top: 60px; padding-bottom: 40px; } .card.mission-card-section { padding-top: 190px; padding-bottom: 214px; } .card.testimonial-card-right-under-image { width: 100%; min-width: auto; margin-top: -40px; margin-left: 0; padding-bottom: 50px; padding-left: 32px; padding-right: 32px; } .card.testimonial-card-right-under-image.bg-primary-400 { padding-right: 32px; } .card.testimonial-horizontal-card { grid-template-columns: 1.4fr 0.5fr; } .card.favorite-routines-card { padding: 50px 32px 32px; } .card.newsletter-card-bg-image { min-height: 400px; padding-top: 40px; padding-left: 32px; padding-right: 32px; } .card.product-card-hero { padding: 80px 32px; } .card.contact-card, .card.team-single-card-content { padding: 40px 32px; } .card.ecommerce-card-category { padding-top: 40px; padding-bottom: 40px; } .card.ecommerce-card-wrapper-v3 { padding: 40px 32px; } .card.ecommerce-card-wrapper-v3.v2 { padding-top: 30px; padding-left: 32px; padding-right: 32px; } .card.ecommerce-card-wrapper-v3.v2-1 { padding-top: 30px; } .card.form-card { padding: 50px 32px; } .flex-horizontal.justify-start.justify-center-mbl { justify-content: center; } .flex-horizontal.justify-start.flex-wrap.center---mbl { justify-content: center; align-items: center; } .flex-horizontal.feature-product-strip { grid-column-gap: 60px; grid-row-gap: 60px; padding-right: 60px; } .flex-horizontal.footer-logo-stip { grid-column-gap: 24px; grid-row-gap: 24px; padding-right: 24px; } .flex-horizontal.notification-bar-center---button-right { grid-row-gap: var(--globals--gaps--gap-default); flex-direction: column; align-items: center; } .mg-top-large { margin-top: var(--globals--margins--mg-medium); } .mg-top-large.mg-top-10px---mbl { margin-top: 10px; } .mg-top-48px { margin-top: var(--globals--margins--mg-large); } .mg-top-48px.mg-top-40px---tablet { margin-top: 32px; } .grid-1-column.gap-row-large { grid-row-gap: var(--globals--grid-gap--medium); } .grid-1-column.headers-blocks { grid-row-gap: 550px; } .grid-1-column.contact-item-grid { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); grid-template-columns: 1fr; } .grid-1-column.mission-content-right, .grid-1-column.product-page-content { grid-row-gap: 40px; } .grid-1-column.cta-v2-content { grid-row-gap: 50px; max-width: 100%; padding-top: 80px; padding-bottom: 60px; } .grid-1-column.blog-post-image-grid { grid-row-gap: 40px; } .grid-1-column.footer-v2-left { grid-template-columns: 1fr; } .grid-6-columns.image---text-cirlce-grid { grid-column-gap: 6px; grid-row-gap: 6px; grid-template-columns: auto auto auto; max-width: 500px; margin-left: auto; margin-right: auto; } .inner-container._536px, .inner-container._100-tablet, .inner-container._100-mbl, .inner-container._540px, .inner-container._400px, .inner-container._460px, .inner-container._500px, .inner-container._490px, .inner-container._800px, .inner-container._600px { max-width: 100%; } .inner-container._712px.image-responsive---mbl { max-height: 400px; } .inner-container._654px---500px-mbl, .inner-container._500px---mbl { max-width: 500px; } .inner-container._600px---mbl { max-width: 600px; } .inner-container.footer-main-content { grid-column-gap: 0; grid-row-gap: 0; text-align: center; flex-flow: column; justify-content: center; align-items: center; max-width: 100%; } .inner-container.image-right-v1-wrapper { max-height: 400px; margin-top: 15px; } .inner-container._400px---mbl { max-width: 400px; } .inner-container.image-right-v2-wrapper { min-width: auto; max-height: 400px; margin-left: 0%; } .inner-container._550px---mbl { max-width: 550px; } .inner-container._350px---mbl { max-width: 350px; } .inner-container._300px---mbl { max-width: 300px; } .inner-container._470px---mbl { max-width: 470px; } .inner-container._320px---mbl { max-width: 320px; } .inner-container._138px---mbl { max-width: 138px; } .inner-container._420px---mbl { max-width: 420px; } .inner-container._440px---mbl { max-width: 440px; } .inner-container.cta-newsletter-image-left-v2-content { padding-top: 80px; padding-bottom: 50px; } .inner-container.search-wrapper-v1 { max-width: 100%; } .inner-container.collection-v2-hero-wrapper { max-width: 450px; padding-top: 50px; padding-bottom: 0; } .inner-container._530px---mbl { max-width: 530px; } .inner-container._380px---mbl { max-width: 380px; } .inner-container._540px---mbl { max-width: 540px; } .icon-font-rounded.success-message-icon.large, .icon-font-rounded.success-message-icon.large---left { font-size: var(--core--font-size--displays-mbl--display-8); } .utp---card-componets-wrapper { padding-top: var(--components--cards--paddings--pd-medium); padding-bottom: var(--components--cards--paddings--pd-medium); } .utp---card-componets-wrapper.v2.rich-text { padding-right: var(--components--cards--paddings--pd-default); padding-left: var(--components--cards--paddings--pd-default); } .utp---grid-components { grid-row-gap: var(--globals--grid-gap--medium); } .primary-button-icon.slider-button-right-card, .primary-button-icon.slider-button-right-card.v2 { bottom: 0; left: 44px; right: 0; } .primary-button-icon.slider-button-right---top-right { top: -58px; } .secondary-button-icon.slider-button-left-card { bottom: 0; left: 0; right: 44px; } .secondary-button-icon.slider-button-left-card.v2 { bottom: 0; right: 44px; } .secondary-button-icon.slider-button-left---top-right { top: -58px; } .secondary-button-icon.accordion-top-icon { margin-top: 3px; margin-left: 10px; } .mg-top-medium { margin-top: var(--globals--margins--mg-default); } .mg-top-medium.mg-top-40px---mbl { margin-top: var(--globals--margins--mg-large); } .social-media-icon-wrapper.large { width: 32px; height: 32px; font-size: 16px; } .avatar-wrapper._62px { width: 52px; min-width: 52px; height: 52px; min-height: 52px; } .input { font-size: var(--core--font-size--base-font-mb); height: 40px; } .input.small { height: 36px; } .input.cart-quantity-input { padding-top: var(--components--input-text--paddings--pd-small); padding-bottom: var(--components--input-text--paddings--pd-small); width: 58px; height: 34px; } .input.footer-input-large { height: 72px; padding-left: 24px; font-size: 30px; } .input.quantity { width: 120px; margin-right: 16px; } .input-line { font-size: var(--core--font-size--base-font-mb); height: 44px; } .input-line.small { height: 38px; } .text-area { font-size: var(--core--font-size--base-font-mb); min-height: 152px; } .text-area.small { min-height: 128px; } .text-area-line { font-size: var(--core--font-size--base-font-mb); min-height: 120px; } .text-area-line.small { min-height: 90px; } .select { font-size: var(--core--font-size--base-font-mb); } .select-wrapper { height: 40px; } .select-wrapper.small { height: 36px; } .grid-3-columns { grid-template-columns: 1fr 1fr; } .grid-3-columns.team-members { grid-template-columns: 1fr; } .grid-3-columns.grid-footer { grid-template-columns: 1fr; grid-auto-flow: row; } .grid-3-columns.grid-footer.v2 { grid-template-columns: 1fr; } .grid-3-columns.gap-0px.mission-gallery-grid { grid-template-columns: 1fr 1fr 1fr; } .grid-3-columns.product-images { grid-column-gap: 18px; grid-row-gap: 18px; } .grid-3-columns.label-product-grid { grid-template-columns: 1fr 1fr 1fr; } .grid-3-columns.blog-v2-grid { grid-template-columns: 1fr; } .grid-3-columns.blog-v2-grid._3-posts---grid { grid-column-gap: 60px; grid-row-gap: 60px; } .grid-3-columns.ecommerce-v1-grid-3-col { grid-template-columns: 1fr; } .grid-3-columns.ecommerce-v2-grid-3-col { grid-row-gap: 48px; grid-template-columns: 1fr; } .grid-3-columns.blog-featured-v3-grid, .grid-3-columns._1-col-mbl { grid-template-columns: 1fr; } .grid-3-columns.hero-v3-grid { grid-template-columns: 1fr 1fr 1fr; } .upload-wrapper { padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default); } .paragraph-large { font-size: var(--core--font-size--base-font-mb); } .tabs-line-menu-wrapper { flex-direction: column; margin-bottom: 40px; } .tabs-wrapper { width: 100%; } .accordion-item-v1 { padding-top: 40px; padding-bottom: 40px; } .buttons-row.left.center-tablet { justify-content: center; } .buttons-row.left.center-mbl { justify-content: center; align-items: center; } .buttons-row.left.center-tablet---width-100 { justify-content: center; } .rich-text h1 { font-size: var(--core--font-size--displays-mbl--display-9); } .rich-text h2 { font-size: var(--core--font-size--displays-mbl--display-8); } .rich-text ul { padding-left: var(--globals--paddings--pd-medium); } .rich-text li { margin-bottom: 8px; } .rich-text figure { margin-top: var(--globals--margins--mg-large); margin-bottom: var(--globals--margins--mg-large); } .rich-text h4 { margin-top: var(--globals--margins--mg-medium); font-size: var(--core--font-size--displays-mbl--display-6); } .rich-text h5 { margin-top: var(--globals--margins--mg-medium); font-size: var(--core--font-size--displays-mbl--display-5); } .rich-text h6 { margin-top: var(--globals--margins--mg-medium); font-size: var(--core--font-size--displays-mbl--display-4); } .rich-text ol { padding-left: var(--globals--paddings--pd-medium); } .rich-text h3 { margin-top: var(--globals--margins--mg-medium); font-size: var(--core--font-size--displays-mbl--display-7); } .rich-text blockquote { margin-top: var(--globals--margins--mg-large); margin-bottom: var(--globals--margins--mg-large); } .image-wrapper.full-image-section.content-slide-right-image-wrapper { max-height: 400px; } .image-wrapper.full-image-section.cta-v1-image { max-height: 300px; margin-top: 32px; margin-left: -32px; margin-right: -32px; position: static; } .image-wrapper.testimonial-image-left { width: 100%; height: auto; max-height: 300px; position: static; } .image-wrapper.testimonial-image-left.v2 { width: 100%; height: auto; max-height: 380px; margin-bottom: 0%; padding-left: 12px; padding-right: 12px; } .image-wrapper.our-mission-image-left-2 { max-height: 300px; margin-top: 40px; } .image-wrapper.our-mission-image-left-1 { max-height: 300px; margin-bottom: 40px; } .image-wrapper.feature-v2-image-right { min-height: auto; max-height: 200px; } .image-wrapper.cta-newsletter-image-left { margin-bottom: -60px; } .image-wrapper.featured-post-v1-image, .image-wrapper._w-h-100.subscribe-grid-image, .image-wrapper._w-h-100.coming-soon-grid-image, .image-wrapper._w-h-100.not-found-grid-image, .image-wrapper.blog-card-v1-image { max-height: 300px; } .image-wrapper.product-popular-image-wrapper { max-width: 37%; } .image-wrapper.blog-card-v2-image { max-height: 300px; } .image-wrapper.blog-card-v2-image._3-posts---item { max-width: 100%; max-height: 300px; margin-right: 0; } .image-wrapper.layout-media-image { min-height: auto; max-height: 300px; } .image-wrapper.ecommerce-card-v2---image-wrapper { max-height: 360px; } .image-wrapper.blog-card-v2-5-image { max-height: 300px; } .image-wrapper.blog-card-v2-5-image._3-posts---item { max-width: 100%; max-height: 300px; margin-right: 0; } .image-wrapper.blog-post-image { max-height: 500px; } .image-wrapper.card-category-image { top: 0%; } .image-wrapper.ecommerce-card-v3---image-wrapper { min-height: 340px; max-height: 340px; margin-left: 20px; } .image-wrapper.ecommerce-card-v3-1---image-wrapper { max-width: 80%; margin-top: -23%; margin-bottom: -23%; margin-right: -23%; } .image-wrapper.ecommerce-card-v1-2-cols---image-wrapper { min-height: 300px; max-height: 300px; } .utp---sidebar-dropdown-button { padding: 0; } .utp---sidebar-dropdown-list.w--open { max-width: 100%; } .mg-top-extra-large { margin-top: 48px; } .mg-top-extra-large.mg-top-32px---mbl { margin-top: 32px; } .mg-bottom-default { margin-bottom: var(--globals--margins--mg-small); } .mg-bottom-medium { margin-bottom: var(--globals--margins--mg-default); } .mg-bottom-large { margin-bottom: var(--globals--margins--mg-medium); } .mg-right-default { margin-right: var(--globals--margins--mg-small); } .mg-right-medium { margin-right: var(--globals--margins--mg-default); } .mg-right-large { margin-right: var(--globals--margins--mg-medium); } .mg-left-default { margin-left: var(--globals--margins--mg-small); } .mg-left-medium { margin-left: var(--globals--margins--mg-default); } .mg-left-large { margin-left: var(--globals--margins--mg-medium); } .pd-top-medium { padding-top: var(--globals--paddings--pd-default); } .pd-top-large { padding-top: var(--globals--paddings--pd-medium); } .pd-top-extra-large { padding-top: var(--globals--paddings--pd-large); } .pd-bottom-medium { padding-bottom: var(--globals--paddings--pd-default); } .pd-bottom-large { padding-bottom: var(--globals--paddings--pd-medium); } .pd-bottom-extra-large { padding-bottom: var(--globals--paddings--pd-large); } .pd-right-medium { padding-right: var(--globals--paddings--pd-default); } .pd-right-large { padding-right: var(--globals--paddings--pd-medium); } .pd-right-extra-large { padding-right: var(--globals--paddings--pd-large); } .pd-left-medium { padding-left: var(--globals--paddings--pd-default); } .pd-left-large { padding-left: var(--globals--paddings--pd-medium); } .pd-left-extra-large { padding-left: var(--globals--paddings--pd-large); } .notification-bar { text-align: center; } .container-default { padding-right: var(--core--container-default--padding--mb); padding-left: var(--core--container-default--padding--mb); } .notification-bar-close-icon { font-size: var(--core--font-size--displays--display-3); } .header-wrapper, .header-wrapper.pd-32px { padding-top: var(--globals--paddings--pd-default); padding-bottom: var(--globals--paddings--pd-default); } .list-nav-menu, .list-nav-menu.desktop-hamburger { padding-right: var(--globals--paddings--pd-default); padding-bottom: 40px; padding-left: var(--globals--paddings--pd-default); } .link-nav-item { justify-content: flex-start; display: flex; } .link-nav-item.show-in-tablet.header-btn { margin-top: var(--globals--margins--mg-default); } .link-nav-item.header-button { margin-top: var(--core--sizes--size-5); } .hamburger-menu { width: 42px; min-width: 42px; height: 42px; min-height: 42px; } .logo-wrapper.v1 { max-width: 158px; } .social-media-grid.social-media-large { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-default); } .section { padding-top: var(--components--sections--paddings--pd-large); padding-bottom: var(--components--sections--paddings--pd-large); } .section.cta { padding-top: var(--components--sections--paddings--pd-medium); padding-bottom: var(--components--sections--paddings--pd-medium); } .section.cta.cta-v4 { padding-top: 80px; padding-bottom: 118px; } .section.cta-image-left { padding-top: var(--components--sections--paddings--pd-medium); } .section.small { padding-top: 70px; padding-bottom: 70px; } .section.hero-pages { padding-top: var(--components--sections--paddings--pd-default); } .section.cta-sales-home { padding-top: var(--components--sections--paddings--pd-default); padding-bottom: var(--core--sizes--size-9); background-image: linear-gradient(180deg, var(--core--colors--neutral--200) 63%, white 63%); } .section.top, .section.hero.hero-top-80 { padding-top: 50px; } .section.hero.hero-214px { padding-top: 60px; } .section.hero.hero-144px---600-bg { padding-top: 80px; padding-bottom: 80px; } .section.hero.hero-top-46px---bottom-70px { padding-top: 40px; padding-bottom: var(--core--sizes--size-9); } .section.hero.collection-v2 { padding-top: 60px; padding-bottom: 180px; } .section.hero.hero-top-170px---bottom-250px { padding-top: 60px; } .section.hero.hero-62---200, .section.hero.pd-top-80px---bottom-200px { padding-top: 50px; padding-bottom: 118px; } .section.hero.checkout { padding-top: 80px; padding-bottom: 80px; } .section.hero.hero-top-80px---bottom-50px { padding-top: 54px; padding-bottom: 30px; } .section.hero.hero-top-90px---bottom-150px, .section.hero.hero-top-100px---bottom-200px { padding-top: 50px; padding-bottom: 100px; } .section.hero.utility-page-hero { padding-top: 80px; padding-bottom: 80px; } .section.pd-top-80px { padding-top: 70px; } .section.pd-bottom-200px { padding-bottom: 120px; } .section.pd-200px { padding-top: 118px; padding-bottom: 118px; } .section.pd-200px.pd-top-150px { padding-top: var(--core--sizes--size-10); } .section.pd-200px.pd-top-80px { padding-top: 70px; } .section.pd-top-64px { padding-top: 54px; } .section.pd-100px { padding-top: 78px; padding-bottom: 78px; } .section.pd-150px { padding-top: var(--components--sections--paddings--pd-large); padding-bottom: var(--components--sections--paddings--pd-large); } .section.pd-150px.pd-top-64px { padding-top: 54px; } .section.pd-150px.pd-top-80px { padding-top: 70px; } .section.cta-newsletter-image-left { padding-top: 84px; padding-bottom: 84px; } .image-left-50 { position: static; } .hidden-on-mobile-landscape { display: none; } .grid-form { grid-column-gap: var(--globals--grid-gap--default); grid-row-gap: var(--globals--grid-gap--default); grid-template-columns: 1fr; } .form-wrapper { min-height: 511px; } .footer-top { padding-top: var(--components--footers--paddings--pd-large); padding-bottom: 40px; } .footer-top.logo-font-top-footer { padding-top: 74px; padding-bottom: 58px; } .footer-bottom { padding-top: var(--components--footers--paddings--pd-large); padding-bottom: var(--components--footers--paddings--pd-large); } .footer-center { padding-bottom: var(--core--sizes--size-4); } .footer-center.v3 { padding-top: 40px; padding-bottom: 40px; } .footer-logo-wrapper.v3 { max-width: 158px; } .slider-wrapper.buttons-center---mbl { padding-bottom: var(--globals--margins--mg-extra-large); } .logo-marquee-image-wrapper { flex: none; } .logo-marquee-image-wrapper.text---diamond-slide.footer-marquee-slide { grid-column-gap: 24px; grid-row-gap: 24px; } .image-link-wrapper.team-member-image-wrapper { flex: none; width: 100%; max-width: 50%; margin-right: 24px; } .image.cover-image.testimonial---slide---image { max-height: 500px; } .title-left---content-right.text-content { grid-row-gap: 8px; } ._100-tablet { max-width: 100%; } .feature-wrapper { font-size: var(--core--font-size--displays-mbl--display-3); } .feature-wrapper.gap-large.value-feature { font-size: var(--core--font-size--paragraphs--default); } .divider-details { width: 62px; } .categories-badge-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; flex-wrap: wrap; justify-content: flex-start; } .categories-badge-wrapper.center.vertical---mbl { grid-column-gap: 16px; grid-row-gap: 16px; text-align: center; flex-flow: column; align-items: stretch; } .categories-badge-wrapper.vertical { grid-column-gap: 16px; grid-row-gap: 16px; } .categories-badge-wrapper.vertical---mbl { grid-row-gap: 16px; text-align: center; flex-flow: column; } .blog-post-right-wrapper { padding-top: 40px; padding-bottom: 40px; } .sticky-top.static---mbl { position: static; } .sidebar---navbar { padding-top: var(--globals--paddings--pd-medium); justify-content: space-between; align-items: center; width: 100%; display: flex; } .utp---nav-menu-wrapper { border-top: 1px solid var(--neutral--300\); border-bottom: 1px solid var(--neutral--300\); background-color: var(--neutral--100); padding: 24px; } .sales-home---pages-row.bottom { margin-top: var(--core--sizes--size-4); } .sales-home---hero-link-wrapper { margin-right: var(--core--sizes--size-2); margin-left: var(--core--sizes--size-2); max-width: 218px; } .text-and-image-card---text-container { padding-top: var(--components--cards--paddings--pd-medium); padding-bottom: var(--components--cards--paddings--pd-medium); } .max-width-64px { max-width: 56px; } .sales-home---cta-card-text-container { padding-top: var(--components--cards--paddings--pd-medium); } .sales-home---cta-card-image { min-width: 780px; max-width: 780px; } .utp---components-wrapper.avatars { grid-template-columns: 1fr; } .utp---buttons-sidebar-item-wrapper { padding-top: var(--components--cards--paddings--pd-medium); padding-bottom: var(--components--cards--paddings--pd-medium); grid-column-gap: var(--globals--grid-gap--medium); grid-row-gap: var(--globals--grid-gap--medium); } ._404-number { font-size: 150px; } .grid-pages { grid-template-columns: 1fr; } .search-grid-wrapper { grid-column-gap: var(--globals--grid-gap--small); grid-row-gap: var(--globals--grid-gap--small); grid-template-columns: 1fr; } .top-section { padding-top: var(--components--sections--paddings--pd-medium); padding-bottom: var(--components--sections--paddings--pd-large); } .checkout-block-content { padding-top: 40px; padding-bottom: 40px; } .cart-button { width: 24px; } .icon-circle.size-228px { max-width: 150px; } .icon-circle.size-80px { max-width: 70px; } .menu-wrapper.last { max-width: none; } .nav-link { font-size: 16px; } .nav-content { grid-column-gap: 24px; grid-row-gap: 12px; max-width: 518px; } .display-footer-font-default { font-size: 83px; } .display-footer-font-default.font-top-large---accent { margin-left: -12px; } .main-menu-wrapper { grid-row-gap: 16px; } .content-full-image-wrapper { padding-left: 32px; padding-right: 32px; } .content-full-image-wrapper.hero-v1 { padding-right: var(--core--sizes--size-6); padding-left: var(--core--sizes--size-6); min-height: 500px; } .content-full-image-wrapper.cta-v1 { padding: 50px 32px 0; } .display-11 { font-size: 54px; } ._w-h-100.fit-cover.position-cta-v2-imagen-left { object-fit: cover; object-position: 50% 0%; position: static; } ._w-h-100.fit-cover.position-image-right-hero { max-height: 300px; } ._w-h-100.fit-cover.ecommerce-video-top { min-height: 400px; max-height: 400px; } ._w-h-100.fit-cover.content-slide-right-image { object-position: 22% 50%; max-height: 400px; } ._w-h-100.fit-cover.responsive---tablet { max-height: 300px; } ._w-h-100.fit-cover.mission-image { object-position: 0% 0%; max-height: 300px; } ._w-h-100.fit-cover.hero-v1-image { object-position: 37% 50%; } ._w-h-100.fit-cover.hero-v2-image { object-position: 37% 50%; max-height: 500px; } ._w-h-100.fit-cover.responsive---mbl { max-height: 300px; } ._w-h-100.fit-cover.layout-media-v2---image { object-position: 50% 28%; max-height: 400px; } ._w-h-100.fit-cover.responsive---mbl---v2 { max-height: 400px; } .text-slider-wrapper { padding-top: 26px; padding-bottom: 26px; } .text-slider-wrapper.pd-48px { padding-top: 32px; padding-bottom: 32px; } .mg-top-36px { margin-top: 26px; } .mission-gallery-wrapper { margin-left: 0%; } .details-and-list-wrapper { max-width: 400px; } .mg-top-68px { margin-top: 58px; } .mg-top-68px._58px---tablet { margin-top: 40px; } .card-right-over-image-wrapper { flex-direction: column; } .blog-card-wrapper.blog-card-bottom { max-width: 400px; } .card-image._w-h-100.ecommerce-card-image-01 { min-height: 400px; max-height: 400px; } .card-image._w-h-100.ecommerce-card-image-01---4-cols { max-height: 400px; } .card-image.product-category-card-v1---image { object-position: 50% 77%; max-height: 300px; } .card-image.ecommerce-card-v2---image { max-width: 320px; } .card-image.ecommerce-card-v2---image._2-cols---desktop { width: 100%; max-width: 320px; } .card-image.ecommerce-card-cover-image { min-height: 250px; max-height: 300px; } .card-image.team-member-image { max-height: 350px; } .card-image.grow.featured-post-v2-image { max-height: 300px; } .card-image.ecommerce-card-v1-2-cols---image { margin-top: -47%; margin-bottom: -32%; } .divider-vertical.category.horizontal---mbl { width: 100%; min-width: auto; max-width: none; min-height: 1px; max-height: 1px; } .mg-top-100px { margin-top: 60px; } .ecommerce-card-buttons-bottom { padding-bottom: 5%; } .bottom-content-over-image { left: 32px; right: 32px; } .ecommerce-image-overlay.v2 { padding: 80px 32px 100px; } .ecommerce-top-salesman { flex-flow: row; justify-content: flex-start; align-items: center; } .dot-rhombus.footer-dot { width: 20px; height: 20px; } .categories-badges-item-wrapper { grid-column-gap: 20px; } .categories-badges-item-wrapper.center.vertical---mbl { grid-row-gap: 16px; flex-flow: column; align-self: stretch; } .categories-badges-item-wrapper.vertical { grid-column-gap: 16px; grid-row-gap: 16px; } .categories-badges-item-wrapper.vertical---mbl { grid-row-gap: 16px; flex-flow: column; align-self: stretch; } .floating-image---section.cta-v4-floating-image---v1 { max-width: 241px; bottom: 5%; left: -3.5%; } .floating-image---section.cta-v4-floating-image---v2 { width: 28%; max-width: 196px; top: 8%; } .floating-image---section.cta-v4-floating-image---v3 { width: 26%; max-width: 184px; } .floating-image---section.cta-v4-floating-image---v4 { width: 20%; max-width: 133px; bottom: 10.5%; right: 7%; } .floating-image---section.collection-v2---image-01 { max-width: 164px; } .floating-image---section.collection-v2---image-02 { max-width: 229px; } .floating-image---section.category-products-image-right { margin-left: -16px; margin-right: -16px; } .cta-card.cta-v4 { padding-top: 80px; padding-bottom: 80px; } .container-responsive._700px---tablet._100-mbl { max-width: 100%; } .container-responsive._500px---mbl { max-width: 500px; } .gap-30px { grid-column-gap: 20px; grid-row-gap: 20px; } .mg-top-60px { margin-top: 50px; } .mg-top-80px { margin-top: 60px; } .card-right-under-image-wrapper { flex-flow: column; } .tab-side-line-item { border-bottom: 1px solid var(--core--colors--neutral--500); text-align: center; border-right-style: none; width: 100%; padding: 16px 0; } .tab-side-line-item.last { border-bottom-style: none; padding-bottom: 0; } .mg-top-28px { margin-top: 18px; } .testimonial---content-left { padding: 40px 50px 72px 32px; } .favorite-rutine-flex---content-left { padding-top: 0; padding-bottom: 0; } .pagination-buttons-container { grid-column-gap: 40px; grid-row-gap: 40px; padding-top: 60px; } .blog-card-bottom-item-link { border-bottom: 1px solid var(--core--colors--neutral--500); border-right-style: none; padding: 24px 0; } .blog-card-bottom-item-link:first-child { padding-top: 0; } .blog-card-bottom-item-link:last-child { border-bottom-style: none; padding-bottom: 0; } .nav-menu-hidden-on-mobile { display: none; } .text-center-mbl { text-align: center; } .text-circle-around-image-position-aabosulte { max-width: 30%; top: 0; } .text-link.decoration-none.display-4---strong---uppercase { font-size: var(--core--font-size--displays-mbl--display-4); } .text-link.decoration-none.display-5---strong { font-size: var(--core--font-size--displays-mbl--display-5); } .cart-header { padding-top: var(--globals--paddings--pd-default); padding-bottom: var(--globals--paddings--pd-default); } .cart-footer { padding-top: var(--globals--paddings--pd-medium); padding-bottom: var(--globals--paddings--pd-large); } .cart-item-title { font-size: var(--core--font-size--displays-mbl--display-3); } .cart-item-image-wrapper { max-width: 54px; } .close-button { font-size: var(--core--font-size--displays--display-4); width: 14px; height: 14px; } .ecommerce-v2-wrapper { flex-flow: column; } .blog-card-v1-content { padding-top: var(--core--sizes--size-4); } .footer-input-form-block { min-height: 72px; } .width-100-mobile-landscape { width: 100%; } .blog-card-v2-wrapper._3-posts---item { flex-flow: column; justify-content: space-between; align-items: stretch; } .blog-card-v2-content { max-width: 400px; } .blog-card-v2-content._3-posts---item { padding-top: var(--core--sizes--size-5); padding-bottom: 0; } .position-cta-v2-imagen-left-wrapper { width: auto; max-height: 400px; margin-left: -16px; margin-right: -16px; position: relative; } .input-form-block { min-height: 40px; } .card-team-link { flex-flow: row; align-items: center; } .mg-bottom-8px.mg-bottom-0px---mbl { margin-bottom: 0; } .featured-post-v1-content, .featured-post-v2-content { max-width: 500px; } .featured-post---v3---content { padding: 238px 32px 51px; } .mg-right-featured-products { max-width: 100%; } .image-right-hero-v2 { max-height: 300px; margin-left: -16px; margin-right: -16px; } .ecommerce-card-buttons-bottom-v3, .ecommerce-card-buttons-bottom-v1---2-cols { padding-right: 30%; bottom: 40px; left: 32px; right: 32px; } .order-summary-line-item.total { margin-top: 28px; padding-top: 32px; padding-bottom: 28px; } .order-item { margin-bottom: 50px; } .order-item-image-wrapper { max-width: 120px; margin-bottom: 16px; margin-right: 0; } .order-item-content { width: 100%; } .order-item-content---main { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .order-item-title { font-size: var(--core--font-size--displays-mbl--display-5); } .order-item-title-wrapper { margin-bottom: 20px; } .checkout-inputs-last { padding-left: 8px; padding-right: 8px; } .tab-side-line-item-2 { text-align: center; border-bottom: 1px solid #b1b1c4; border-right-style: none; width: 100%; padding: 16px 0; } .tab-side-line-item-2.last { border-bottom-style: none; padding-bottom: 0; } .secondary-button-icon-2.accordion-top-icon { margin-top: 3px; margin-left: 10px; } .display-12 { font-size: 20px; } .container-default-2 { padding-left: 16px; padding-right: 16px; } .section-2 { padding-top: 80px; padding-bottom: 80px; } .section-2.pd-top-80px { padding-top: 70px; } .paragraph-large-2 { font-size: 16px; } .display-13 { font-size: 28px; } .div-block-30 { display: none; } .c-autotabs { flex-direction: column-reverse; position: static; } .c-autotabs_image { margin-right: auto; } .c-autotabs_image.cc-pane-crypto { margin-left: 0; margin-right: 0; display: none; } .c-autotabs_image.cc-pane-crypto-mobile { margin-right: -24px; display: block; } .c-autotabs_content { width: 100%; margin-bottom: 30px; position: static; } .c-container.cc-nav { justify-content: center; } .c-section { padding-top: 40px; padding-bottom: 40px; } .c-section.cc-body-bg { width: 90%; } .c-autotabs_pane { position: static; } .c-container-2 { padding-left: 24px; padding-right: 24px; } .c-text-1 { font-size: 16px; line-height: 28px; } .c-title-3 { font-size: 24px; line-height: 38px; } .c-autotabs_menu { width: 100%; position: static; } .c-body_bg { width: auto; height: 70vh; top: 8%; } .c-nav_buttons { display: none; } .c-title-2 { font-size: 7vw; font-weight: 500; line-height: 44px; } .container-default-3 { padding-left: 16px; padding-right: 16px; } .section-3, .section-3.hero.hero-144px---600-bg { padding-top: 80px; padding-bottom: 80px; } .section-3.pd-top-80px { padding-top: 70px; } .display-14 { font-size: 44px; } .tab-side-line-item-3 { text-align: center; border-bottom: 1px solid #b1b1c4; border-right-style: none; width: 100%; padding: 16px 0; } .tab-side-line-item-3.last { border-bottom-style: none; padding-bottom: 0; } .secondary-button-icon-3.accordion-top-icon { margin-top: 3px; margin-left: 10px; } .display-15 { font-size: 20px; } .display-16 { font-size: 28px; } .padding-global { padding-left: 1.25rem; padding-right: 1.25rem; } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem; } .solutions-content { padding: 40px 50px 72px 32px; } } @media screen and (max-width: 479px) { h1 { font-size: var(--core--font-size--headings-mbp--h1); } h2 { font-size: var(--core--font-size--headings-mbp--h2); } h3 { font-size: var(--core--font-size--headings-mbp--h3); } h4 { font-size: var(--core--font-size--headings-mbp--h4); } h5 { font-size: var(--core--font-size--headings-mbp--h5); } h6 { font-size: var(--core--font-size--headings-mbp--h6); } blockquote { padding-left: 24px; padding-right: 24px; font-size: 20px; } .divider._48px._24px---mbl { margin-top: var(--core--sizes--size-4); margin-bottom: var(--core--sizes--size-4); } .display-10 { font-size: var(--core--font-size--displays-mbp--display-10); } .display-9 { font-size: var(--core--font-size--displays-mbp--display-9); text-align: left; } .display-9.text-center { text-align: center; } .display-9.center.text-center.desk { display: none; } .display-9.center.text-center.res { text-align: left; font-size: 32px; display: flex; } .display-9.center.desk { display: none; } .display-9.center.res { display: flex; } .display-9.left { font-size: 34px; } .display-9.left.res { display: block; } .display-8 { font-size: var(--core--font-size--displays-mbp--display-8); } .display-7 { font-size: var(--core--font-size--displays-mbp--display-7); } .display-6 { font-size: var(--core--font-size--displays-mbp--display-6); } .display-5 { font-size: var(--core--font-size--displays-mbp--display-5); } .display-5.strong.alt---mbp { font-size: var(--core--font-size--displays-mbp--display-4); } .display-5.strong.alt---mbp.contact { border-right-style: none; padding-left: 0; } .display-5.strong.alt---mbp.contact.first { border-right-style: none; } .display-4 { font-size: var(--core--font-size--displays-mbp--display-4); } .display-3 { font-size: var(--core--font-size--displays-mbp--display-3); } .display-2 { font-size: var(--core--font-size--displays-mbp--display-2); } .display-1 { font-size: var(--core--font-size--displays-mbp--display-1); } .grid-4-columns { grid-template-columns: 1fr; } .grid-4-columns._4-col-tablet._4-col-mbl { grid-template-columns: 1fr 1fr; } .grid-4-columns.value-product-grid-4-col { grid-row-gap: 32px; grid-template-columns: auto auto; max-width: 250px; } .grid-4-columns._3-col { flex-flow: column; } .grid-4-columns._3-col.container { display: flex; } .mg-top-extra-small.contact { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .mg-top-small { flex-flow: column; } .utp---color-block { height: 100px; } .grid-2-columns.hero-v4 { grid-row-gap: 14px; } .grid-2-columns.contact-form-v1 { grid-column-gap: 0; grid-row-gap: 0; flex-flow: column; grid-template-rows: auto; justify-content: center; place-items: center start; padding-left: 0; padding-right: 0; display: flex; position: static; } .grid-2-columns.cta { grid-template-columns: 1fr; } .grid-2-columns.cta.cta-newsletter-image-left-v2-grid { grid-row-gap: 48px; } .grid-2-columns.cta.cta-v2-imagen-left { grid-template-columns: 1fr; } .grid-2-columns.changelog-item { grid-template-columns: 1fr; padding-top: 32px; padding-bottom: 32px; } .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left { margin-top: 40px; margin-bottom: 40px; } .grid-2-columns._1-2fr---left { grid-template-columns: 1fr; } .grid-2-columns.mission-grid-2-col { grid-row-gap: 0; } .grid-2-columns.mission-grid-2-col.v2 { grid-row-gap: 40px; } .grid-2-columns._1-06fr---right { grid-column-gap: 18px; grid-row-gap: 18px; } .grid-2-columns._1-06fr---right.ll { grid-column-gap: 0; grid-row-gap: 0; flex-flow: column; display: flex; } .grid-2-columns.collection-v1-hero-grid { grid-row-gap: 40px; } .grid-2-columns.product-page { flex-flow: column; display: flex; } .grid-2-columns.blog-v2-hero-grid { grid-row-gap: 40px; } .grid-2-columns._2-col-mbl { grid-template-columns: 1fr; } .grid-2-columns.ecommerce-v2-grid-2-col { grid-row-gap: 48px; } .grid-2-columns.hero-v1-grid { grid-template-rows: auto; grid-template-columns: 1fr; max-width: 100%; margin-bottom: 340px; top: auto; bottom: auto; } .grid-2-columns.gap-24px.mission-grid---images { grid-column-gap: 16px; grid-row-gap: 16px; } .grid-2-columns.cta-newsletter-grid { grid-template-columns: 1fr; } .grid-2-columns.ecommerce-content-v3-grid, .grid-2-columns.ecommerce-content-v1-grid { grid-template-columns: 2fr; } .grid-2-columns.mg-top-60px { grid-template-rows: auto auto auto; } .grid-2-columns._1-5fr { display: flex; bottom: 10px; } .grid-2-columns.padding { flex-flow: column; display: flex; } .grid-2-columns.pd { padding-left: 20px; padding-right: 20px; } .card.utp---icon-font { padding: 39px 23px; } .card.message { flex-direction: column; } .card.message.vertical { max-width: 100%; } .card.thank-you-message { padding-right: var(--components--cards--paddings--pd-default); padding-left: var(--components--cards--paddings--pd-default); } .card.thank-you-message.width-340px { max-width: 100%; } .card.testimonial-v2 { padding: 32px 24px; } .card.ecommerce-card-wrapper.popular-product-card { height: 70vh; padding-left: 20px; padding-right: 20px; } .card.ecommerce-card-wrapper.popular-product-card.card2 { height: 70vh; padding-left: 20px; } .card.ecommerce-card-wrapper._2-cols { padding: 32px 24px; } .card.password-protected-card { padding: 50px 24px; } .card.testimonial-card-right-over-image { padding: 40px 24px; } .card.mission-card { padding: 40px 24px 24px; } .card.mission-card.v2 { padding-top: 100px; padding-bottom: 0; overflow: visible; } .card.mission-card.v2.business-bottom { padding-top: 40px; } .card.mission-card.v2.home-product { padding-left: 0; padding-right: 0; } .card.ecommerce-slide-content-over-imge { justify-content: center; align-items: stretch; padding: 40px 24px 60px; } .card.hero-v2-content-left { padding: 50px 24px 32px; } .card.mission-card-section { padding-top: 150px; padding-bottom: 170px; } .card.testimonial-card-right-under-image { margin-top: -32px; padding: 70px 24px 40px; } .card.testimonial-card-right-under-image.bg-primary-400 { padding-right: 24px; } .card.testimonial-horizontal-card { grid-template-columns: 1fr; } .card.testimonial-horizontal-card.bg-primary-300.lol { grid-template-rows: auto; grid-auto-flow: row; width: 100%; height: 100%; padding-left: 20px; display: flex; } .card.testimonial-horizontal-card.bg-primary-300.lol.solutions-card.yellow { height: auto; } .card.favorite-routines-card { padding: 40px 24px 24px; } .card.newsletter-card-bg-image { background-color: var(--core--colors--primary--400); background-position: 100% 100%; background-size: contain; padding: 32px 24px 34px; } .card.product-card-hero { padding: 64px 24px; } .card.contact-card { padding: 32px 24px; } .card.default-border { min-height: 100%; } .card.ecommerce-card-category { flex-flow: column; padding-top: 32px; padding-bottom: 0; } .card.ecommerce-card-wrapper-v3 { padding: 32px 24px; } .card.ecommerce-card-wrapper-v3.v2, .card.ecommerce-card-wrapper-v3.v2-1 { padding-top: 28px; padding-left: 24px; padding-right: 24px; } .card.form-card { padding: 40px 24px; } .flex-horizontal.justify-start.gap { grid-column-gap: 18px; grid-row-gap: 18px; flex-flow: column; } .flex-horizontal.logo-strip.v11 { flex-wrap: nowrap; position: static; overflow: hidden; } .flex-horizontal.feature-product-strip { grid-column-gap: 40px; grid-row-gap: 40px; padding-right: 40px; } .flex-horizontal.flex-vertical---mbp { flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .grid-1-column.contact-item-grid { max-width: 100%; display: flex; } .grid-1-column.gap-34px { grid-column-gap: 0; grid-row-gap: 0; } .grid-1-column.cta-v2-content { grid-row-gap: 40px; padding-top: 64px; padding-bottom: 50px; } .grid-1-column.blog-post-image-grid { grid-row-gap: 32px; } .grid-6-columns { grid-template-columns: 1fr 1fr; } .grid-6-columns.image---text-cirlce-grid { margin-left: auto; margin-right: auto; } .inner-container, .inner-container._100-mbl.lol { width: 100%; } .inner-container._712px.image-responsive---mbl { max-height: 300px; } .inner-container._1253px { max-width: 100%; } .inner-container._500px---mbl.width-100.flex.mg-top-36px { flex-flow: column; margin-top: 0; padding-left: 0; } .inner-container._610px.padding { padding-left: 20px; } .inner-container.footer-main-content.hidden { display: none; } .inner-container._500px---tablet { text-align: left; max-width: 100%; } .inner-container.image-right-v1-wrapper { width: 90vw; max-width: none; height: 40vh; min-height: auto; max-height: none; margin-top: 0; } .inner-container.image-right-v2-wrapper { max-height: 300px; } .inner-container._550px---mbl { width: 100%; max-width: none; } .inner-container._100-mbp { max-width: 100%; } .inner-container._300px---mbp { max-width: none; } .inner-container._350px---mbp { max-width: 350px; } .inner-container.cta-newsletter-image-left-v2-content { padding-top: 70px; padding-bottom: 40px; } .inner-container._400px---mbp { max-width: 400px; } .inner-container._700px---tablet { max-width: 100%; } .inner-container.collection-v2-hero-wrapper { padding-top: 40px; } .inner-container._591px._100-tablet { width: 100%; } .inner-container._380px---mbl { max-width: none; } .inner-container.width-100.center { margin-bottom: 20px; padding-bottom: 0; padding-right: 0; } .inner-container._w-h-100 { text-align: left; } .inner-container.mg-bottom-24px.brand-title-container { margin-bottom: 10px; } .inner-container.mg-top-36px, .inner-container.mg-top-36px.mg-left-super-large { padding-left: 20px; } .inner-container.mg-top-36px.footer-meta-container { width: 100%; } .inner-container.pd-left-extra-large.pd-top-extra-large.pd-right-extra-large.mg-left-extra-large { margin-left: var(--core--letter-spacing--none); } .inner-container.flex-block.width-70 { flex-flow: column; padding-left: 20px; padding-right: 20px; } .utp---card-componets-wrapper.v2.rich-text { padding-top: var(--components--cards--paddings--pd-medium); padding-bottom: var(--components--cards--paddings--pd-medium); } .utp---buttons-top { display: none; } .text-center.left---mbp { text-align: left; } .utp---grid-components { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-rows: auto; } .utp---grid-components.links, .utp---grid-components.badges { grid-template-columns: 1fr; } .primary-button { font-size: var(--core--font-size--displays--display-1); width: 100%; } .primary-button.small.inside-input { width: 100%; margin-top: 14px; padding-top: 12px; padding-bottom: 12px; position: static; } .primary-button.small.inside-input.white-mobile { border-color: var(--components--buttons-primary--border-color--b-dark-mode); background-color: var(--components--buttons-primary--backgrounds--bg-dark-mode); color: var(--components--buttons-primary--text--text-dark-mode); } .primary-button.small.inside-input.btn-form-wrapper---default.white-mobile { color: var(--globals--color--texts--accent); padding-top: 0; padding-bottom: 0; } .primary-button.small.inside-line-input { margin-top: 14px; padding-top: 12px; padding-bottom: 12px; position: static; } .primary-button.small.btn-form { box-shadow: none; width: auto; } .primary-button.small.btn-form.white-mbp { border-color: var(--core--colors--neutral--100); background-color: var(--core--colors--neutral--100); color: var(--core--colors--primary--100); padding-top: 12px; padding-bottom: 12px; } .primary-button.small.btn-form---footer-input { border-color: var(--core--colors--neutral--100); background-color: var(--core--colors--neutral--100); box-shadow: none; color: var(--core--colors--primary--100); width: auto; transition-property: none; } .primary-button.small.btn-form---footer-input:hover { transform: none; } .primary-button.btn-form { width: 100%; } .utp---buttons-sidebar { display: none; } .secondary-button, .tertiary-button { width: 100%; } .primary-button-icon.slider-button-right---top-right { inset: auto 0 0 44px; } .secondary-button-icon.slider-button-left---top-right { inset: auto 44px 0 0; } .input.small.button-inside { padding-right: 12px; } .input.footer-input-large { height: 64px; padding-right: 24px; font-size: 28px; } .input.quantity { width: 80px; } .input.button-inside { padding-right: 16px; } .input-line.button-inside { padding-right: 0; } .grid-3-columns { grid-template-rows: auto auto; grid-template-columns: 1fr; } .grid-3-columns.team-members { grid-column-gap: 50px; grid-row-gap: 50px; } .grid-3-columns.grid-footer { grid-row-gap: 50px; grid-template-rows: auto auto; } .grid-3-columns.product-images { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .grid-3-columns.label-product-grid { grid-column-gap: 0; grid-row-gap: 0; } .paragraph-large { font-size: 14px; } .paragraph-large.text-size.pd-top-large { font-size: var(--core--font-size--paragraphs--small); line-height: 1.5em; } .paragraph-large.text-size.pd-top-large.small.card-text { height: auto; } .paragraph-large.width-320px { font-size: var(--core--font-size--displays--display-1); } .tabs-wrapper { width: 100%; } .accordion-item-v1 { padding-top: 32px; padding-bottom: 32px; } .buttons-row { grid-row-gap: var(--globals--gaps--gap-medium); flex-direction: column; align-items: stretch; width: 100%; } .buttons-row.left.center-mbp { align-items: center; } .buttons-row.left.left---mbp { justify-content: flex-start; align-items: flex-start; } .buttons-row.center-mbp { align-items: center; } .rich-text h1 { font-size: var(--core--font-size--displays-mbp--display-9); } .rich-text h2 { font-size: var(--core--font-size--displays-mbp--display-8); } .rich-text ul { padding-left: 20px; } .rich-text h4 { font-size: var(--core--font-size--displays-mbp--display-6); } .rich-text h5 { font-size: var(--core--font-size--displays-mbp--display-5); } .rich-text h6 { font-size: var(--core--font-size--displays-mbp--display-4); } .rich-text ol { padding-left: 20px; } .rich-text h3 { font-size: var(--core--font-size--displays-mbp--display-7); } .image-wrapper { height: 300px; } .image-wrapper.full-image-section.cta-v1-image { margin-left: -24px; margin-right: -24px; } .image-wrapper.full-image-section.hero-v1-image { justify-content: center; align-items: center; width: 100vw; height: 100%; display: block; position: relative; bottom: 0; left: -4%; right: auto; } .image-wrapper.testimonial-image-left { max-height: 250px; } .image-wrapper.testimonial-image-left.v2 { max-height: 300px; } .image-wrapper.our-mission-image-left-2 { max-height: 200px; margin-top: 20px; } .image-wrapper.our-mission-image-left-1 { max-height: 200px; margin-bottom: 20px; } .image-wrapper.testimonial-floating-image { display: none; } .image-wrapper.testimonial-floating-image.v2 { position: static; } .image-wrapper.cta-newsletter-image-left { margin-bottom: -50px; } .image-wrapper.featured-post-v1-image { max-height: 250px; } .image-wrapper._w-h-100 { width: auto; height: auto; } .image-wrapper._w-h-100.subscribe-grid-image, .image-wrapper._w-h-100.coming-soon-grid-image, .image-wrapper._w-h-100.not-found-grid-image { max-height: 250px; } .image-wrapper._w-h-100.sticky-top.center-image---text-circle-wrapper { overflow: visible; } .image-wrapper.blog-card-v1-image { max-height: 200px; } .image-wrapper.product-popular-image-wrapper { max-width: 100%; max-height: 250px; margin-bottom: 0%; } .image-wrapper.product-popular-image-wrapper._w-h-100.illustrated-image { max-width: 100%; max-height: none; inset: auto auto 5% 0; } .image-wrapper.blog-card-v2-image, .image-wrapper.blog-card-v2-image._3-posts---item { max-height: 200px; } .image-wrapper.layout-media-image { max-height: 250px; } .image-wrapper.ecommerce-card-v2---image-wrapper { max-height: 340px; } .image-wrapper.blog-card-v2-5-image, .image-wrapper.blog-card-v2-5-image._3-posts---item { max-height: 200px; } .image-wrapper.blog-post-image { max-height: 400px; } .image-wrapper.card-category-image { width: 100%; position: static; } .image-wrapper.ecommerce-card-v3---image-wrapper, .image-wrapper.ecommerce-card-v1-2-cols---image-wrapper { max-width: 320px; min-height: 300px; max-height: none; margin-left: 0; } .image-wrapper.max450px { width: 100%; height: auto; } .image-wrapper.center { height: auto; } .mg-top-extra-large.mg-top-32px---mbl { margin-top: 24px; } .mg-right-medium { padding-left: 10px; padding-right: 10px; position: relative; } .mg-right-medium.custom { width: 288px; } .container-default { max-width: 100%; } .notification-bar-close-icon { width: 38px; height: 38px; inset: 6px 6px auto auto; } .list-nav-menu { font-size: 5vw; } .link-nav-item.show-in-tablet.header-btn { align-self: stretch; } .link-nav-item.header-button { width: 100%; } .hamburger-menu { background-color: var(--primary); width: 40px; min-width: 40px; height: 40px; min-height: 40px; } .hamburger-menu.w--open { background-color: var(--primary); } .logo-wrapper.v1 { max-width: 148px; } .section { padding-top: 70px; padding-bottom: 70px; } .section.cta.cta-v4 { padding-top: 72px; padding-bottom: 100px; } .section.small { padding-top: var(--components--sections--paddings--pd-medium); padding-bottom: var(--components--sections--paddings--pd-medium); } .section.hero-pages { padding-top: 40px; padding-bottom: var(--components--sections--paddings--pd-medium); background-image: linear-gradient(180deg, white 58%, var(--core--colors--primary--100) 58%); } .section.cta-sales-home { padding-top: var(--components--sections--paddings--pd-small); } .section.top { padding-top: 40px; } .section.pd-0px.mg-top-100px { padding-top: 60px; } .section.pd-0px.bc { width: 100%; max-width: 100%; margin-bottom: 60px; display: flex; } .section.hero.pd-0px.h, .section.hero.hero-top-80 { padding-top: 40px; } .section.hero.hero-214px { padding-top: 50px; } .section.hero.hero-144px---600-bg { padding-top: 72px; padding-bottom: 72px; } .section.hero.hero-top-46px---bottom-70px { padding-top: 32px; padding-bottom: 60px; } .section.hero.collection-v2 { padding-top: 50px; padding-bottom: 200px; } .section.hero.hero-top-170px---bottom-250px { padding-top: 50px; } .section.hero.hero-62---200, .section.hero.pd-top-80px---bottom-200px { padding-top: 40px; padding-bottom: 100px; } .section.hero.pd-top-80px---bottom-200px.contact { padding-bottom: 60px; } .section.hero.checkout { padding-top: 70px; padding-bottom: 70px; } .section.hero.hero-top-80px---bottom-50px { padding-top: 43px; padding-bottom: 20px; } .section.hero.hero-top-90px---bottom-150px, .section.hero.hero-top-100px---bottom-200px { padding-top: 40px; padding-bottom: 80px; } .section.hero.utility-page-hero { padding-top: 70px; padding-bottom: 70px; } .section.pd-top-0px { padding-bottom: 0; } .section.pd-top-0px.pd-around.mg-top-100px { padding-left: 10px; padding-right: 10px; } .section.pd-top-0px.pd-around.p20 { padding-left: 20px; padding-right: 20px; } .section.pd-top-80px { padding-top: var(--core--sizes--size-9); } .section.pd-bottom-200px { padding-bottom: 100px; } .section.pd-200px { padding-top: 100px; padding-bottom: 100px; } .section.pd-200px.pd-top-80px { padding-top: var(--core--sizes--size-9); } .section.pd-100px { padding-top: 64px; padding-bottom: 64px; } .section.pd-150px.pd-top-80px { padding-top: var(--components--sections--paddings--pd-medium); } .section.cta-newsletter-image-left { padding-top: 70px; padding-bottom: 0; } .section.medium { padding-top: 60px; padding-bottom: 60px; } .section.xs.story { padding-bottom: 60px; } .position-relative.overflow-hidden._w-h-100 { padding-bottom: 60px; left: 0; } .image-left-50.cta-newsletter { width: 100%; max-height: 200px; position: static; } .grid-form { grid-template-columns: 1fr; } .footer-top { padding-top: var(--components--footers--paddings--pd-medium); } .footer-top.logo-font-top-footer { padding-top: 54px; padding-bottom: 48px; } .footer-bottom { padding-top: var(--components--footers--paddings--pd-medium); padding-bottom: var(--components--footers--paddings--pd-medium); } .footer-center { padding-bottom: var(--core--sizes--size-3); } .width-100-mobile-portrait { width: 100%; } .footer-logo-wrapper.v3 { max-width: 148px; } .slider-wrapper.buttons-center---mbp { padding-bottom: var(--globals--margins--mg-extra-large); } .slider-mask.testimonial-card-horizontal { width: 100%; height: 100%; } .logo-marquee-image-wrapper { flex: none; } .image-link-wrapper.team-member-image-wrapper { max-width: 100%; margin-right: 0; } .image.cover-image.testimonial---slide---image { overflow: clip; } .image._w-h-100.image-right-v1 { object-position: 50% 50%; width: auto; height: auto; } .image._w-h-100.card-category-image { object-position: 50% 28%; max-height: 300px; } .testimonial-v2-bottom { flex-flow: wrap; } .title-left---content-right.mg-right-super { grid-column-gap: 12px; grid-row-gap: 12px; margin-right: 0; } .feature-wrapper { font-size: var(--core--font-size--displays-mbp--display-3); } .feature-wrapper.gap-large.value-feature { flex-flow: column; } .feature-wrapper.gap-large.value-feature.res { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .divider-details { width: 40px; } .categories-badge-wrapper { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: 16px; text-align: center; flex-direction: column; justify-content: center; align-items: stretch; width: 100%; } .categories-badge-wrapper.center---tablet { align-items: stretch; } .blog-details---divider-wrapper { grid-column-gap: var(--globals--gaps--gap-default); grid-row-gap: var(--globals--gaps--gap-small); flex-wrap: wrap; } .blog-details---divider-wrapper.blog-post { justify-content: center; } .blog-post-right-wrapper { padding-top: 32px; padding-bottom: 32px; } .ecommerce-card-wrapper.featured-products-card { grid-column-gap: 16px; grid-template-columns: minmax(60px, 80px) 1fr; } .ecommerce-card-bottom-content.content-over-image { grid-column-gap: 16px; grid-row-gap: 16px; flex-wrap: wrap; align-content: flex-end; } .ecommerce-card-bottom-content.content-over-image.content-hover-overlay { bottom: 24px; left: 24px; right: 24px; } .dropdown-wrapper { margin-left: 0; margin-right: auto; } .dropdown-wrapper.dropdown-default { flex-direction: column; align-items: flex-start; width: 100%; display: flex; } .dropdown-toogle { margin-left: 0; margin-right: auto; font-size: 5vw; } .sidebar---navbar, .utp---nav-menu-wrapper { padding-left: 18px; padding-right: 18px; } .sales-home---hero-link-wrapper { max-width: 174px; } .text-and-image-card---text-container, .sales-home---cta-card-text-container { padding-right: var(--components--cards--paddings--pd-default); padding-left: var(--components--cards--paddings--pd-default); } .sales-home-cta-card-square-logo { max-width: 50px; } .sales-home---cta-card-image { min-width: 700px; max-width: 700px; } .typography-badge-wrapper { flex-wrap: wrap; } .utp---components-wrapper { grid-template-columns: 1fr; } .blog-details-wrapper-v1 { flex-wrap: wrap; } .tabs-content---testimonial.product { margin-bottom: 0; } ._404-number { font-size: 100px; } .grid-pages { grid-template-columns: 1fr; } .top-section { padding-top: var(--components--sections--paddings--pd-default); } .checkout-block-content { overflow: auto; } .mg-bottom-24px-mbp { margin-bottom: 24px; } .cart-container { padding: var(--globals--paddings--pd-default); } .icon-circle.size-228px { max-width: 120px; } .icon-circle.size-80px { max-width: 60px; } .nav-link { font-size: 5vw; } .nav-content { grid-column-gap: 20px; grid-template-columns: 1fr 1fr; } .display-footer-font-default { font-size: 62px; } .display-footer-font-default.font-top-large---accent { margin-left: -8px; } .main-menu-wrapper { grid-template-columns: 1fr; } .content-full-image-wrapper { padding-left: 24px; padding-right: 24px; } .content-full-image-wrapper.hero-v1 { padding-right: var(--core--sizes--size-5); padding-bottom: 0%; padding-left: var(--core--sizes--size-5); height: auto; min-height: auto; } .content-full-image-wrapper.cta-v1 { padding-top: 40px; padding-left: 24px; padding-right: 24px; } .display-11 { font-size: 44px; } .display-11.text-light.hero-heading.res { display: block; } .display-11.text-light.hero-heading.desk { display: none; } ._w-h-100.fit-cover.position-image-right-hero { max-height: 250px; } ._w-h-100.fit-cover.ecommerce-video-top { min-height: 350px; max-height: 350px; } ._w-h-100.fit-cover.content-slide-right-image { max-height: 300px; } ._w-h-100.fit-cover.responsive---tablet, ._w-h-100.fit-cover.mission-image { max-height: 250px; } ._w-h-100.fit-cover.hero-v1-image { object-position: 86% 50%; } ._w-h-100.fit-cover.hero-v2-image { object-position: 86% 50%; max-height: 400px; } ._w-h-100.fit-cover.responsive---mbl { max-height: 250px; } ._w-h-100.fit-cover.layout-media-v2---image, ._w-h-100.fit-cover.responsive---mbl---v2 { max-height: 300px; } ._w-h-100.fit-cover.responsive---mbp { max-height: 250px; } .text-slider-wrapper { padding-top: 0; padding-bottom: 0; } .card-title.display-4.blue.brand-card-title { height: auto; } .card-image._w-h-100.product-popular-image { object-position: 50% 28%; width: 100%; max-width: 100%; margin-top: 0%; padding-top: 220px; } .card-image._w-h-100.blog-popular-image---alt-mbp { object-position: 50% 28%; width: 100%; max-width: 100%; margin-top: -20%; } .card-image.product-category-card-v1---image { max-height: 250px; } .card-image.ecommerce-card-v2---image, .card-image.ecommerce-card-v2---image._2-cols---desktop { max-width: 300px; } .card-image.ecommerce-card-cover-image { min-height: 230px; } .card-image.grow.featured-post-v2-image { max-height: 250px; } .card-image.ecommerce-card-v3---image { margin-top: -18%; margin-bottom: 0%; } .card-image.ecommerce-card-v1-2-cols---image { margin-top: -23%; margin-bottom: 0%; } .divider-vertical.category { min-width: 0; max-width: 100%; height: 1px; } .ecommerce-card-buttons-bottom { align-items: stretch; } .bottom-content-over-image { bottom: 24px; left: 24px; right: 24px; } .ecommerce-image-overlay { align-items: stretch; } .ecommerce-image-overlay.v2 { padding: 60px 24px 80px; } .ecommerce-image-overlay.category-content-bottom { grid-column-gap: 16px; grid-row-gap: 16px; flex-wrap: wrap; align-content: flex-end; padding-left: 24px; padding-right: 24px; } .ecommerce-top-salesman { flex-flow: wrap; } .bg-image-overlay.cta-newsletter { background-image: linear-gradient(0deg, var(--transparent), var(--core--colors--primary--500) 66%); } .categories-badges-item-wrapper { grid-row-gap: 16px; flex-direction: column; } .floating-image---section.cta-v4-floating-image---v1 { width: 47%; max-width: 196px; bottom: 5%; left: -2.5%; } .floating-image---section.cta-v4-floating-image---v2 { width: 35%; max-width: 140px; top: 4%; left: 0%; } .floating-image---section.cta-v4-floating-image---v3 { width: 32%; max-width: 137px; top: 3%; } .floating-image---section.cta-v4-floating-image---v4 { width: 26%; max-width: 101px; bottom: 7.5%; } .floating-image---section.our-mission---image-v1 { width: 26%; bottom: 4%; } .floating-image---section.our-mission---image-v2 { width: 18%; top: 9%; } .floating-image---section.our-mission---image-v3 { width: 12%; top: 6%; } .floating-image---section.our-mission---image-v4 { width: 20%; top: 6%; } .floating-image---section.our-mission---image-v5 { width: 24%; bottom: 8%; right: 10%; } .floating-image---section.collection-v2---image-01 { width: 36%; max-width: 114px; } .floating-image---section.collection-v2---image-02 { width: 51%; max-width: 167px; } .cta-card.cta-v4 { padding-top: 72px; padding-bottom: 72px; } .container-responsive._500px---mbl { margin-left: 0; margin-right: 0; } .author-blog-post { text-align: center; flex-direction: column; } .mg-top-80px { margin-top: 50px; } .testimonial---content-left { height: 100%; padding: 32px 24px 32px 0; } .testimonial---content-left.home { padding-left: 24px; } .pagination-buttons-container { grid-column-gap: 20px; grid-row-gap: 20px; padding-top: 50px; } .blog-card-bottom-item-link { padding-top: 20px; padding-bottom: 20px; } .text-center-mbl.text-left---mbp { text-align: left; } .text-circle-around-image-position-aabosulte { max-width: 40%; top: 0; } .text-no-wrap.normal---mbp { white-space: normal; } .hero-pages-btn { margin-right: 0; margin-bottom: var(--core--sizes--size-5); } .text-link.decoration-none.display-4---strong---uppercase { font-size: var(--core--font-size--displays-mbp--display-4); } .text-link.decoration-none.display-5---strong { font-size: var(--core--font-size--displays-mbp--display-5); } .flex-horizontal---mbp { justify-content: center; align-items: center; display: flex; } .hero-pd-0px-bg-bottom { background-color: var(--core--colors--neutral--100); } .cart-item-title { font-size: var(--core--font-size--displays-mbp--display-3); } .cart-item-content---main { flex-flow: column; } .cart-item-image-wrapper { margin-bottom: 8px; } .footer-input-form-block { min-height: 137px; } .empty-state-cart { align-items: stretch; } .popular-product---top-content { padding-top: 32px; } .popular-product---bottom-content { grid-column-gap: 6px; grid-row-gap: 6px; flex-flow: row; flex: 0 auto; justify-content: space-between; align-items: flex-end; padding-bottom: 16px; padding-left: 24px; } .popular-product---bottom-content.right { position: relative; } .popular-product---bottom-content---wrapper { flex-flow: column-reverse wrap; justify-content: center; align-items: stretch; } .position-cta-v2-imagen-left-wrapper { max-height: 300px; } .text-center-mbp { text-align: center; } .ecommerce-card-buttons-bottom-v2 { align-items: stretch; } .input-form-block { min-height: 102px; } .card-team-link { flex-flow: column; align-items: stretch; } .featured-post---v3---content { padding: 190px 24px 41px; } .ecommerce-card-category-content { max-width: 100%; } .image-right-hero-v2 { max-height: 250px; } .ecommerce-card-buttons-bottom-v3 { align-items: stretch; padding-right: 0%; bottom: 32px; left: 24px; right: 24px; } .ecommerce-card-v3-content, .ecommerce-card-v1-content { padding-bottom: 0; } .ecommerce-card-buttons-bottom-v1---2-cols { justify-content: flex-end; align-items: stretch; padding-right: 0%; bottom: 32px; left: 24px; right: 24px; } .text-wrap-anywhere---mbp { overflow-wrap: anywhere; } .shipping-method { flex-flow: column; } .order-item-image-wrapper { max-width: 100px; } .order-item-content---main { flex-flow: column; } .order-item-title { font-size: var(--core--font-size--displays-mbp--display-5); } .order-item-title-wrapper { margin-bottom: 16px; } .shipping-method-content { margin: 12px 0; } .more-templates-badge-wrapper { grid-column-gap: 6px; grid-row-gap: 6px; max-width: 250px; padding: 8px 18px 8px 15px; } .more-templates-logo { width: 60px; } .more-templates-p { font-size: 12px; } .more-templates-lottie { width: 40px; } .paragraph-2.mg-right-extra-large.ll { margin-right: var(--core--letter-spacing--none); color: var(--components--links--text-color--text-dark); } .paragraph-2.pd-bottom-medium.black { color: var(--components--links--text-color--text-dark); } .div-block { flex-flow: wrap; } .div-block-4 { background-color: var(--components--buttons-secondary--backgrounds--bg-light-mode); padding-left: 0; padding-right: 0; } .heading-2 { padding-left: 40px; } .paragraph-4 { width: 100%; padding-left: 10px; padding-right: 0; } .div-block-6 { width: 271px; } .image-4 { max-width: 59%; inset: auto 0% 0%; } .div-block-10 { flex-flow: wrap; justify-content: flex-end; padding-right: 20px; display: flex; } .button-down { padding-left: 20px; padding-right: 20px; } .display-12 { font-size: 20px; } .section-2 { padding-top: 70px; padding-bottom: 70px; } .section-2.pd-top-80px { padding-top: 64px; } .paragraph-large-2 { font-size: 14px; } .display-13 { font-size: 28px; } .div-block-20 { height: 59px; padding-top: 20px; } .slider-card { grid-column-gap: 18px; grid-row-gap: 18px; } .footer-container.flexx { padding-left: 20px; } .main-wrapper { padding-left: 10px; padding-right: 10px; } .image-container.mg-top-80px { display: none; position: static; } .div-block-24 { width: 100%; overflow: visible; } .footpara { font-size: 14px; line-height: 1.55; } .div-block-29.footer { grid-column-gap: 18px; grid-row-gap: 18px; text-align: center; flex-flow: column; } .paragraph-6.align-right { font-size: var(--core--font-size--displays--display-1); text-align: center; } .paragraph-6.align-left, .paragraph-6.justify { text-align: left; } .paragraph-6.center { font-size: 14px; } .spline-wrapper { width: 90%; display: block; position: absolute; inset: auto auto 2% 10%; } .c-autotabs_image { display: none; } .c-autotabs_image.cc-pane-crypto-mobile { width: 85%; height: auto; margin-right: 0; padding-top: 20px; position: static; transform: translate(16px); } .c-autotabs_image.second { display: none; } .c-section { padding-top: 32px; padding-bottom: 32px; } .c-autotabs_pane { padding-top: 0; position: static; } .c-container-2 { padding-left: 16px; padding-right: 16px; } .c-title-wrapper.cc-title_intro { margin-top: 60px; } .c-title-wrapper.cc-title-nomargin:hover { color: var(--primary); } .c-title-3 { font-size: 20px; line-height: 34px; } .c-title-3:hover { color: var(--components--badge--text-color--text-accent); } .c-autotabs_summary:hover { color: var(--primary); } .c-autotabs_line { left: 25px; } .c-autotabs_link { padding-left: 53px; padding-right: 40px; } .c-autotabs_link:active { color: var(--primary); } .c-autotabs_link.w--current { padding-top: 25px; padding-bottom: 25px; } .c-title-2 { font-size: 32px; line-height: 36px; } .c-title-2.center.res { font-family: var(--gestura-bold); font-size: 34px; font-weight: 700; } .div-block-33 { justify-content: center; align-items: stretch; padding-left: 0%; } .section-3 { padding-top: 70px; padding-bottom: 70px; } .section-3.hero.hero-144px---600-bg { background-color: #ffd9e2; background-image: url(../images/faq-img02.png), url(../images/faq-img01.png); background-position: 100% 0, 0 100%; background-repeat: no-repeat, no-repeat; background-size: 25% 25%, 25% 25%; background-attachment: scroll, scroll; padding-top: 72px; padding-bottom: 72px; } .section-3.pd-top-80px { padding-top: 64px; } .display-14 { font-size: 34px; } .tab-side-line-item-3.last.tab-box { margin-right: 10px; padding-bottom: 20px; } .tab-side-line-item-3.tab-box { border-radius: 0; } .display-15 { font-size: 20px; } .display-16 { font-size: 28px; } .footer-container-new { padding-right: var(--core--sizes--size-0); flex-flow: column; } .logo-footer-container { width: 100%; } .links-container { grid-column-gap: 0; grid-row-gap: 0; flex-flow: column; justify-content: flex-end; } .img-wrapper { justify-content: center; align-items: center; width: 100%; margin-bottom: 20px; display: flex; } .div-block-38 { flex-flow: column; justify-content: center; align-items: center; width: 100%; padding-left: 20px; padding-right: 20px; display: flex; } ._3grid { flex-flow: column; padding-left: 40px; display: flex; } .div-block-39 { width: 100%; padding-right: 0; } .heading-10 { text-align: center; margin-top: 10px; margin-bottom: 10px; } .heading-10.right-align { text-align: center; justify-content: center; padding-bottom: 20px; display: flex; } .div-block-41 { padding-left: 20px; padding-right: 20px; } .card-main { width: 100%; } .conent-block, .conent-block.bottom { height: 750px; } .div-block-46 { font-size: var(--core--font-size--displays--display-1); margin-top: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; } .paragraph-8 { font-size: var(--core--font-size--displays--display-1); } .div-block-47 { padding-top: 60px; } .div-block-48 { flex-flow: column; justify-content: space-between; align-items: flex-start; } .image-9 { width: 100%; } .elements { display: none; } ._2grid { flex-flow: wrap-reverse; padding-left: 20px; padding-right: 20px; display: flex; } ._2grid.story { padding-left: 40px; padding-right: 40px; } .grid-3 { grid-column-gap: 29px; grid-row-gap: 29px; flex-flow: column; padding-top: 20px; display: flex; } .cert-content { padding-bottom: 40px; } .div-block-50 { padding-top: 40px; padding-bottom: 0; } .image-10, .image-11, .image-13 { object-fit: contain; } .heading-12 { text-align: center; } .paragraph-9 { font-size: var(--core--font-size--displays--display-1); } .rich-text-block-2 { padding-left: 40px; padding-right: 20px; } .paragraph-11 { font-size: var(--core--font-size--displays--display-1); } .image-15 { z-index: 3; height: 80%; position: absolute; top: 5%; right: auto; } .section_placeholder { display: none; } .section_placeholder.res { height: 5vh; } .stack_card { grid-template-columns: 1fr; height: 120vh; } .stack_card.is-2.is-5 { flex-flow: column; display: flex; } .stack_card.is-2.is-5.qa._02 { top: 9rem; } .stack_card.is-2.is-5.res { grid-column-gap: 0; grid-row-gap: 0; } .stack_card.is-2.qa._02 { top: 6rem; } .stack_card.is-6.qa._03 { height: 40rem; } .stack_card.is-last.qa._03 { height: 40rem; margin-bottom: 5rem; top: 8rem; } .stack_card.qa { height: 40rem; margin-bottom: 15rem; padding-top: 0; } .stack_card.res { margin-bottom: 3rem; padding: 20px; } .section_stack { margin-bottom: 0; } .stack_card-image-wrapper.qa { justify-content: flex-start; align-items: center; height: 25rem; padding-top: 20px; } .stack_card-content { padding-top: 40px; } .stack_card-content.qa { grid-column-gap: 0; grid-row-gap: 0; border-radius: 20px; padding: 40px 15px 0; } .heading-29 { font-size: 22px; } .heading-30 { margin-bottom: 10px; font-size: 24px; } .paragraph-16 { font-size: 14px; } .text-wrap { padding-left: 20px; padding-right: 20px; } .heading-31.card-title { height: auto; font-size: 32px; } .heading-31.card-title.line3 { height: auto; } .solutions-content { height: 100%; padding: 32px 24px 32px 0; } .bold-text-24 { padding-bottom: 40px; } .bold-text-25 { justify-content: center; display: flex; } .image-17 { display: none; } .heading-32 { font-family: var(--gestura-bold); font-size: 34px; } .div-block-53 { padding-left: 10px; } .image-18 { width: 80%; } .text-wrapper { right: 25px; } .iconclass { right: 0; } .flex-block-7 { justify-content: flex-start; align-items: center; } .lottie-animation-3 { width: auto; height: auto; display: block; position: relative; left: auto; } .tracck.pd-left-extra-large { padding-left: var(--globals--paddings--pd-default); height: 180vw; margin-bottom: 20px; } .div-block-58 { top: 18%; } .div-block-59 { width: 100vw; padding-right: 40px; } .text-wrap2 { width: 80%; } .horizontal-slider-title { font-size: var(--core--font-size--paragraphs--large); } .text-block-15, .text-block-16 { font-size: var(--core--font-size--displays--display-1); } .footer-connect-img { width: 8vw; } .business-card-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; } .business-card-container.top { flex-flow: column; } .business-card-container.top.resp { display: none; } .business-card-container.bottom { flex-flow: column; } .business-card.bc3 { width: auto; display: block; } .business-card.bc2, .business-card.bc1 { width: auto; } .business-card.bc4 { width: 100%; display: block; } .business-card.bc5, .business-card.bc6 { width: auto; } .health-cup { bottom: 35%; left: 33%; } .product-hero-container { flex-flow: column; } .product-hero-container.desk { display: none; } .product-hero-container.res { display: flex; } .product-hero-left-container { flex-flow: row; justify-content: center; align-items: center; width: 100%; height: auto; margin-bottom: 40px; display: flex; } .product-hero-right-container { width: 100%; } .product-hero-image-wrapper { background-image: url(../images/jupiter-pink.png); height: 50vh; } .product-hero-image-wrapper.purple { background-image: url(../images/jupiter-purple.png); } .product-hero-image-wrapper.purple.elite { background-image: url(../images/elite-purple.png); } .product-hero-image-wrapper.orange { background-image: url(../images/jupiter-orange.png); } .product-hero-image-wrapper.orange.elite { background-image: url(../images/elite-orange.png); } .product-hero-image-wrapper.grey { background-image: url(../images/jupiter-grey.png); } .product-hero-image-wrapper.grey.elite { background-image: url(../images/elite-grey.png); } .product-hero-image-wrapper.elite { background-image: url(../images/elite-pink.png); } .product-color-btn { width: 8vw; } .product-color-btn.pink { width: 8vw; height: 4vh; } .product-color-btn.violet, .product-color-btn.orange { width: 8vw; } .product-why-wrapper { margin-bottom: 0; } .product-why-bottom-wrapper { flex-flow: column; } .why-card { width: 100%; } .why-icon { width: auto; height: 15vh; } .why-icon.factory { height: 30vh; } .why-card-title { font-size: 18px; line-height: 1.35; } .why-card-text { height: auto; } .why-card-text.facility { font-size: 14px; line-height: 1.55; } .product-hero-btn-wrapper { flex-flow: column; } .product-hero-btn-wrapper.jupiter { justify-content: flex-start; align-items: flex-start; } .cres-title.blue, .cres-title.center { text-align: center; } .headline, .headline.center, .headline.center.alt { font-size: 34px; } .headline.container.mb-20 { margin-bottom: 20px; } .feature-wrapper { height: 100vh; } .feature-img-container { width: 100%; } .product-img-container.elite { display: none; } .feature-container { font-size: 10px; line-height: 1.35; bottom: 0; } .feature-container.one { font-size: 10px; display: none; inset: 43% 0 auto auto; } .feature-container.two { display: none; top: 50%; bottom: auto; } .feature-container.three { display: none; inset: 60% 0 auto auto; } .feature-container.four { display: none; inset: 70% auto auto 0; } .feature-container.five { line-height: 1.35; display: none; top: 80%; bottom: auto; } .feature-container.six { display: none; bottom: 0%; left: 0; right: auto; } .product-text.center { width: 100%; line-height: 1.55; } .custom-branding-btn-container.manufacturing { grid-column-gap: 18px; grid-row-gap: 18px; flex-flow: column; justify-content: center; align-items: center; } .compare-wrapper { margin-top: 40px; } .compare-container { flex-flow: column; justify-content: center; align-items: stretch; margin-bottom: 40px; } .compare-image-container { margin-bottom: 40px; } .vs, .vs.jupiter { width: 14vw; } .compare-line.horizontal.first { display: none; } .compare-line.horizontal.first.jupiter { flex-flow: row; justify-content: flex-start; align-items: flex-start; display: none; transform: rotate(90deg); } .compare-line.horizontal._02, .compare-line.horizontal._02.jupiter, .compare-line.horizontal._03, .compare-line.horizontal._03.jupiter, .compare-line.horizontal._04, .compare-line.horizontal._04.jupiter, .compare-line.horizontal._05, .compare-line.horizontal._05.jupiter, .compare-line.horizontal._06, .compare-line.horizontal._06.jupiter, .compare-line._5vh, .compare-line._5vh.jupiter, .compare-line.vs { display: none; } .point-container { text-align: center; background-color: #d0e9ff; border-color: #3782c4; width: 80%; padding-right: 10px; } .point-container.left, .point-container.left.jupiter { text-align: center; background-color: #fce1e8; border-color: #bb244e; padding-left: 10px; } .point-container.jupiter { text-align: center; width: 80%; padding-right: 10px; } .point { font-size: 12px; line-height: 1.35; } .compare-left-container { justify-content: center; align-items: center; } .compare-center-container { padding-top: 0; } .compare-right-container { flex-flow: column; } .compare-title { text-align: center; font-size: 14px; } .product-connect-wrapper { margin-bottom: 0; } .product-connect-btn-container { flex-flow: column; } .cup-container { margin-top: 0; } .cup-image { max-width: 50%; } .image-28 { width: 40%; } .airhole { width: 40%; top: 29%; left: -1%; } .base { width: 40%; bottom: 15%; left: 4%; } .cup-body { width: 40%; top: 62%; right: 0%; } .rim { width: 40%; top: 26%; right: 0%; } .stem { width: 40%; bottom: 8%; right: 10%; } .vs-title-container { flex-flow: column; } .ridges { width: 40%; top: 50%; left: -5%; } .manufacturing-hero-wrapper { margin-bottom: 0; } .mp-heading.center.res { font-size: 34px; } .text-container.medium, .text-container.medium.center, .text-container.large { width: 100%; } .text-container.story { width: auto; } .process-heading-container { grid-column-gap: 8px; grid-row-gap: 8px; margin-bottom: 20px; } .process-heading-container.right { grid-column-gap: 8px; grid-row-gap: 8px; } .process-text, .process-text.right { margin-left: 0; font-size: 14px; line-height: 1.55; } .process-text.medium { width: 100%; line-height: 1.55; } .process-one-img.two { width: 90%; } .hw-text-container { justify-content: space-between; align-items: flex-start; } .hw-image-container.res { height: 90vh; } .hw-image-container.desk._1280 { display: none; } .hw-meta-container { font-size: 10px; } .hw-meta-container.one { top: 33%; } .hw-meta-container.two { top: 41%; } .hw-meta-container.three { top: 49%; } .hw-meta-container.four { top: 58%; } .hw-meta-container.five { top: 65%; } .hw-meta-container.six { bottom: 21%; } .hw-meta { font-size: 10px; line-height: 1.35; } .hw-image { width: 100%; left: 0%; } .process-two-img.two { width: 90%; } .process-wrapper.padding-zero { padding-top: 40px; padding-bottom: 40px; } .process-container.two, .process-container.seven { height: auto; } .process-three-img.one, .process-four-img.two { width: 90%; } .process-heading { font-size: 18px; } .process-five-img.one { width: 90%; } .process-seven-img { width: 90%; left: -10%; } .manufacturing-why-container { height: 70vh; margin-top: 0; display: flex; } .manufacturing-why-container.phase01, .mw-img.plant { display: none; } .mw-img.plant.res { width: 100%; } .mw-img.arrow { width: 100%; display: none; } .mw-img.one, .mw-img.two, .mw-img.three, .mw-img.four { width: 25%; display: block; left: 0%; } .mw-text-container.one { width: auto; font-size: 12px; line-height: 1.55; display: block; top: 12%; left: 30%; } .mw-text-container.two { font-size: 12px; line-height: 1.55; display: block; top: 32%; left: 30%; } .mw-text-container.three { font-size: 12px; line-height: 1.55; display: block; top: 52%; left: 30%; } .mw-text-container.four { font-size: 12px; line-height: 1.55; display: block; top: 73%; left: 30%; } .page-title { font-size: 34px; } .page-subtitle.pink { font-family: var(--gestura-bold); text-align: center; font-size: 34px; font-weight: 700; } .image-32, .why-cup-img, .why-cup-img.res { width: 100%; } .why-cup-text-container.one, .why-cup-text-container.two, .why-cup-text-container.three { display: none; } .text-pink.bold.specification { height: auto; } .benefits-cup-container.res { display: flex; } .benefits-cup-container.desk { display: none; } .image-33 { width: 100%; } .switch-container { border-radius: 25px; padding: 15px; } .switch-bottom-container { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; } .switch-meta-container { width: 100%; } .switch-meta { justify-content: flex-start; align-items: flex-start; width: 100%; } .cup-join-img { width: 100%; } .product-tab-container { padding-top: 20px; } .tab-card-container { flex-flow: column; } .tab-card-container.two { justify-content: flex-start; align-items: center; } .tab-card { width: 100%; } .tab-card.two { width: auto; } .tab-card.container { width: 100%; } .tab-icon-container { width: 10%; } .tab-text-container { width: 90%; } .specification-tab-text { height: auto; } .specification-tab { flex-flow: column; justify-content: space-between; align-items: flex-start; } .spec-tab-list { background-color: #f3f3f3; border-bottom: 1px solid #000; width: 100%; } .how-cup-container.res { height: auto; } .text-block-20 { line-height: 1.6em; } .qa-img { width: 50%; } .image-38, .business-solution-hero-img { width: 100%; } .team-meta-container { grid-column-gap: 18px; grid-row-gap: 18px; } .div-block-64 { max-width: 100%; margin-bottom: 60px; } .image-39 { width: 100%; } .feature-img-desk { display: none; } .feature-img-res { width: 100%; display: block; } .desktop { display: none; } .responsive { display: block; } .image-40 { width: 80%; } .res.mobile { text-align: left; display: block; } .res.tablet { display: none; } .image-41, .image-42 { width: 15vw; } .text-block-21 { line-height: 1.55; } .image-43, .image-44, .image-45, .image-46 { width: 15vw; } .text-block-22, .text-block-23 { margin-bottom: 10px; } .container-img { width: 70%; } .div-block-65 { flex-flow: column; } .text-block-24 { font-size: 14px; } .home-care-container { flex-flow: column; padding-left: 0; padding-right: 0; } .care-left-container { width: auto; padding-left: 30px; padding-right: 30px; } .care-right-container { width: auto; } .cert-top-container { padding-top: 40px; } .cert-bottom-container { flex-flow: column; } .cert-card-img { width: auto; height: 15vh; margin-bottom: 10px; } .cert-card-title { height: auto; } .image-50 { width: 5vw; } .cup-how-101 { width: 100%; } .testimonial-meta, .testimonial-info { width: auto; } .image-51 { width: 70%; } .text-block-27, .text-block-28 { font-size: 14px; } .bold-text-36 { font-family: var(--gestura-bold); font-size: 34px; font-weight: 700; } .bold-text-37 { font-weight: 700; } .p60{ padding: 2px; } } #w-node-_1d8f2817-e5c1-5106-13a4-a95511fb7c69-316b7d80, #w-node-_2d73704f-c702-edcc-e701-40c5d95e31da-316b7d80, #w-node-_9e22393a-f3cd-8412-d79b-376b45fb041d-316b7d80 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3449ab33-0eca-3fa3-e763-36a820d3024b-316b7d80 { grid-area: 7 / 2 / 8 / 3; } #w-node-ec9027d0-5846-7b13-112f-89fa913369e0-316b7d80 { grid-area: 1 / 1 / 2 / 2; } #w-node-_31c16e01-362b-8908-6ffa-00f9feded017-316b7d80, #w-node-_31c16e01-362b-8908-6ffa-00f9feded01e-316b7d80, #w-node-a1efbc0a-3813-7e60-d5a9-6ee2e5919f68-316b7d80 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-a1efbc0a-3813-7e60-d5a9-6ee2e5919f6a-316b7d80 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: end; } #w-node-_3e6871ec-c264-a56d-63da-67d5cd88e2ac-316b7d80, #w-node-_3e6871ec-c264-a56d-63da-67d5cd88e2b3-316b7d80, #w-node-_2dde77ce-9537-f686-ded2-a1fbfc6611b7-316b7d80 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_2dde77ce-9537-f686-ded2-a1fbfc6611b0-316b7d80 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: end; } #w-node-ab80df52-0050-88d8-7e9f-bbc312ce8ef5-316b7d80, #w-node-d2aa3978-4ab4-c33d-3b16-6f46ea0ffd62-316b7d80, #w-node-_73e65d19-3618-e795-07a9-f8460f84e9b1-316b7d80, #w-node-_611a36ac-38bf-c347-2197-976f8e58ed30-316b7d80, #w-node-_8e8ff405-258d-f45d-62ec-93c5d1fa7c74-57241a43, #w-node-_8e8ff405-258d-f45d-62ec-93c5d1fa7c7e-57241a43 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_319c33d7-b82f-6b2f-7094-60f5384c39b6-57241a43 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_550e2d57-d644-5c9d-e39a-91a69d542899-57241a43 { grid-area: 1 / 2 / 2 / 2; } #w-node-_366b47ce-47a1-39b2-a912-ab8bd3769527-57241a43 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e90ac07c-43c5-52d7-cc6d-a6ef510e3aa0-57241a43 { grid-area: 1 / 3 / 2 / 5; } #w-node-e9da5fd6-ab44-5b2f-81ad-6e5f36bfab9c-36bfab9c, #w-node-_105c6810-7fd6-918e-ea4c-0a20c47f4eeb-c47f4eeb, #w-node-_134e3a29-bf3b-f1a9-caec-560a90562b77-316b7def { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9fa109aa-712e-b709-7fec-65d08001e45f-316b7def { justify-self: end; } #w-node-_74bf2754-fb13-d773-d7d1-90e89919038c-316b7df2, #w-node-_0241292e-2314-be94-d177-0afe9bc4003a-316b7df3 { align-self: stretch; } #w-node-eeed1c96-b83f-e1e0-ac10-17c9b784bd33-316b7df4 { justify-self: end; } #w-node-_0f3eccf5-4866-ef19-11b2-6ec72a9540da-2a9540d7 { grid-area: 1 / 2 / 2 / 3; } #w-node-_0f3eccf5-4866-ef19-11b2-6ec72a9540e6-2a9540d7 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_0f3eccf5-4866-ef19-11b2-6ec72a9540e9-2a9540d7 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-afbc4286-e24c-a1fc-dd0a-55a8e7123c05-316b7df5 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: stretch; } #w-node-cf656330-301e-d6af-576a-cf2319a8c71c-316b7df5 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_67c0ac27-9f1a-7683-74a3-04b464861e8e-316b7df5 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3057296d-6607-ee34-f757-e0b3bff6fd35-316b7df5 { grid-area: 2 / 3 / 3 / 2; } #w-node-_3b495e16-97c9-b18b-e80d-d4a34b474a11-316b7df5 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_14538653-bf80-8c4b-137e-c730089891ec-316b7df5 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: end; } #w-node-_4bb84ef4-892c-2636-4490-e363a8feefa2-316b7df5, #w-node-d3524839-121d-aa4c-40b8-c91fad14d53d-316b7df5, #w-node-ad3d9c85-f736-c630-0f88-dce33ee8fab1-316b7df5, #w-node-_0ddfc750-3d79-9cae-6a27-2f494f07387e-316b7df5, #w-node-ac43428c-a996-d8ec-26f2-f04d24a469ec-24a469ec, #w-node-bda6969e-7867-3621-2fed-508a3416e49d-36bc075f, #w-node-_3900878d-cf93-9638-48ff-a69f36bc07c4-36bc075f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_1ebd1830-1e67-f9b7-4dc4-dd9bad8a1c57-316b7df7, #w-node-_64cad01905c356d49ce5ef94000000000014-316b7e8f { align-self: stretch; } #w-node-_750ed142-33b6-0a84-db5f-a915000066ab-316b7e97 { justify-self: end; } #w-node-c0591fae-bd83-6ac9-9a6d-b8071346c891-316b7e97 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-e3fded05-fbbb-d186-b827-7a31418b962b-316b7e97 { place-self: stretch end; } #w-node-fc4b26e1-c463-3e6b-f648-b7e63255c4eb-316b7e97, #w-node-ba19da65-00a0-15d5-c34c-f2aa455628e0-316b7e97 { align-self: stretch; } #w-node-ba19da65-00a0-15d5-c34c-f2aa455628e2-316b7e97 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: end; } #w-node-_4587c334-9221-2338-b121-e47876e820ba-316b7e97, #w-node-_27382243-bb30-764f-d348-92447368e7da-316b7e97, #w-node-_9d2e8234-bf5d-5d16-a3b0-2b75225fd19f-316b7e97, #w-node-_3c49ee4d-2904-2ae5-8db2-a84a6ce64296-6ce64289, #w-node-_3c49ee4d-2904-2ae5-8db2-a84a6ce642a4-6ce64289, #w-node-_3c49ee4d-2904-2ae5-8db2-a84a6ce642ae-6ce64289, #w-node-_3c49ee4d-2904-2ae5-8db2-a84a6ce642c6-6ce64289, #w-node-_3c49ee4d-2904-2ae5-8db2-a84a6ce642d4-6ce64289, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b61a6-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b61b9-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b61cb-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b6203-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b6216-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b6228-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b623a-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b6260-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b6273-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b6285-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b62bd-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b62d0-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b62e2-316b7f07, #w-node-f33c88e2-39fc-2d03-2fc2-aedbd18b62f4-316b7f07 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_1ec11348-f7e9-9f0d-2837-5db95a4632c0-316b7f2b { align-self: stretch; } #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf5683e5-316b7f2c, #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf5683ef-316b7f2c, #w-node-e492a6c6-6aae-59ca-2a50-f1bffaee2b12-316b7f2c, #w-node-_6c991ec0-4030-7296-4415-297191f6ddc1-316b7f2c { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf5683f1-316b7f2c { grid-area: span 1 / span 1 / span 1 / span 1; place-self: stretch end; } #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf5683f3-316b7f2c, #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf5683f6-316b7f2c, #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf5683fa-316b7f2c, #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf5683fe-316b7f2c, #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf568402-316b7f2c { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf568406-316b7f2c { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-c724f65a-6e25-8e70-2791-195966ead244-316b7f2c, #w-node-_849727fc-3dee-f072-9efc-4c35c99beb22-316b7f2c, #w-node-_2b6b6e5e-f84f-b0de-ea3a-6beaf85fdf42-316b7f2c, #w-node-_7f89ecfe-f6ce-124a-09bb-51b0ab01feab-316b7f2c, #w-node-f63067d0-655b-12f0-b6ee-ae556cde73a7-316b7f7a, #w-node-_94913402-06a7-a76c-61c7-f67932b5635c-316b7f7a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_94913402-06a7-a76c-61c7-f67932b5635e-316b7f7a, #w-node-_94913402-06a7-a76c-61c7-f67932b56360-316b7f7a { align-self: stretch; } #w-node-_94913402-06a7-a76c-61c7-f67932b56362-316b7f7a { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: end; } #w-node-_81de3d64-04d8-eb60-5a4c-1f901bbd5b9d-1bbd5b9d, #w-node-a5cde424-c359-3fb0-2d20-827643d704dc-316b7f7b, #w-node-a5cde424-c359-3fb0-2d20-827643d704e3-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e29-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: center; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e2f-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: end; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e3b-316b7f7b, #w-node-dc283e50-0f33-b76e-1b77-a244ef3bb59b-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_12eabb60-de82-58f7-f373-22bfd16cb963-316b7f7b { place-self: stretch end; } #w-node-_12eabb60-de82-58f7-f373-22bfd16cb928-316b7f7b, #w-node-_7ab7657d-9d16-2cd4-2b30-ea03738f47b3-316b7f7b, #w-node-d8028453-fb0f-e248-84b6-62b05ac2e4ea-316b7f7b, #w-node-bfe3ca65-bdf9-0be0-f333-f104a2eeba5b-316b7f7b, #w-node-_872160b0-9168-82c2-77f5-0c0a49857a6b-316b7f7b, #w-node-b7f4c465-c374-9619-95eb-006cbd0e0c80-316b7f7b, #w-node-_78f2fbc4-7442-c798-9a29-fe5343496cbf-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-bab0787b-0040-8280-6cad-65c843b69c6b-316b7f7b { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-bab0787b-0040-8280-6cad-65c843b69c6c-316b7f7b, #w-node-_3b0a9c02-3d4e-f9d2-fd13-3508433f4767-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3b0a9c02-3d4e-f9d2-fd13-3508433f479c-316b7f7b { place-self: stretch end; } #w-node-_2974ebfd-e61a-d14a-e34e-9223e21b6c66-316b7f7b, #w-node-_04e54c9d-7f30-d711-b733-9714273ca347-316b7f7b, #w-node-_3dd97171-ee49-fe0b-4214-2642fa032bb5-316b7f7b, #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b1b-316b7f7b, #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b30-316b7f7b, #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b42-316b7f7b, #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b17-316b7f7b, #w-node-a5cde424-c359-3fb0-2d20-827643d704dc-dd3f5825, #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e29-dd3f5825 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e2b-dd3f5825, #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e2d-dd3f5825 { align-self: stretch; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e2f-dd3f5825 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: end; } #w-node-_966c8f8c-551e-7dfe-372c-e3b77b41cbb6-dd3f5825, #w-node-_4e202ec5-ffb2-d83a-a735-81f8a1f86e25-dd3f5825, #w-node-_1cef696c-6fba-901d-7929-9569397a6f40-dd3f5825, #w-node-_21949d44-3096-2c64-6aea-e2d66ba345b9-dd3f5825, #w-node-_67c05ad1-1b86-5bb4-f2c1-c13ec5c551c2-dd3f5825, #w-node-_4a7fbde8-ae74-975a-16d7-573aa9c13322-dd3f5825, #w-node-_1cc57a53-581f-d1af-f146-4caee04a54fd-dd3f5825, #w-node-_827c8cf1-2a37-e1f9-cc44-0d3bb9e70cb5-dd3f5825, #w-node-_761ed9dc-69a7-6bb6-6112-ae21b0cad959-dd3f5825, #w-node-_4a5e21e4-c165-bf1e-2242-4c15d2c82b85-dd3f5825, #w-node-_709b9ed0-5cb2-3fde-0030-59462805f2ca-dd3f5825, #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b1b-dd3f5825, #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b30-dd3f5825, #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b42-dd3f5825, #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b56-dd3f5825 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289d9d-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289daa-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289dc1-78c87746 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289dce-78c87746 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center; } #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289dec-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289dfa-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e11-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e1f-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e36-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e43-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e5a-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e67-78c87746 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-e4c5c055-bde0-140a-30c3-9dba3ac5c7fc-5c22612b { justify-self: end; } #w-node-_1a021e1e-b4c5-335d-894b-53c1d4b3b54f-5c22612b { align-self: center; } #w-node-_0f34785e-d454-5b4d-2e0f-1b92854a9a69-5c22612b { justify-self: center; } #w-node-_1f56781b-aba8-2682-28f4-dc00c9c13297-5c22612b, #w-node-_6d2499f7-5d13-5db6-af63-ae5fc5bf5481-5c22612b { place-self: center; } #w-node-_6d2499f7-5d13-5db6-af63-ae5fc5bf547f-5c22612b { justify-self: center; } #w-node-_9c114be2-7cb3-6503-beec-c1d849cf2f83-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9c114be2-7cb3-6503-beec-c1d849cf2f86-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center end; } #w-node-e482fda6-1ed7-0cdc-f6e4-63c96bd7ef93-b837e2d4, #w-node-e482fda6-1ed7-0cdc-f6e4-63c96bd7ef94-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } #w-node-a9883acd-7372-71d1-97f1-3cb974952f7c-b837e2d4, #w-node-a9883acd-7372-71d1-97f1-3cb974952f87-b837e2d4, #w-node-a9883acd-7372-71d1-97f1-3cb974952f94-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_1a37c301-ed0e-332d-66da-ea47ed08cba3-b837e2d4, #w-node-a8d7614b-bf48-902e-b933-38c23cbf69fe-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } #w-node-a8d7614b-bf48-902e-b933-38c23cbf6a03-b837e2d4, #w-node-a8d7614b-bf48-902e-b933-38c23cbf6a09-b837e2d4, #w-node-a8d7614b-bf48-902e-b933-38c23cbf6a0f-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_02a6c49e-8e11-ecc4-3eac-8b3a85421c78-b837e2d4, #w-node-c94ae5ca-24b3-c038-4629-ba6fcb586123-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } #w-node-c94ae5ca-24b3-c038-4629-ba6fcb586128-b837e2d4, #w-node-c94ae5ca-24b3-c038-4629-ba6fcb58612e-b837e2d4, #w-node-c94ae5ca-24b3-c038-4629-ba6fcb586134-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4518bc0d-32e8-2a06-a4a6-f1302b0049ac-b837e2d4, #w-node-_4518bc0d-32e8-2a06-a4a6-f1302b0049b8-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } #w-node-_4518bc0d-32e8-2a06-a4a6-f1302b0049bd-b837e2d4, #w-node-_4518bc0d-32e8-2a06-a4a6-f1302b0049c3-b837e2d4, #w-node-_4518bc0d-32e8-2a06-a4a6-f1302b0049c9-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_6af5b336-6d83-cf4b-b513-0a35f0a80532-b837e2d4, #w-node-_6af5b336-6d83-cf4b-b513-0a35f0a8053e-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } #w-node-_6af5b336-6d83-cf4b-b513-0a35f0a80543-b837e2d4, #w-node-_6af5b336-6d83-cf4b-b513-0a35f0a8054b-b837e2d4, #w-node-_6af5b336-6d83-cf4b-b513-0a35f0a80553-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4162ba9d-7558-7c96-cc39-2398bfdd4ce4-b837e2d4, #w-node-_72b9ebe0-8270-2925-df07-c4fbcdaca5db-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } #w-node-_72b9ebe0-8270-2925-df07-c4fbcdaca5e0-b837e2d4, #w-node-_72b9ebe0-8270-2925-df07-c4fbcdaca5e6-b837e2d4, #w-node-_72b9ebe0-8270-2925-df07-c4fbcdaca5ec-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724ce8-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724cfa-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724cff-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d05-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d0b-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d11-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d23-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d28-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d30-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d38-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d41-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d54-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d59-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d5f-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d65-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d6b-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d7e-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d83-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d89-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724d8f-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d95-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724da7-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724dac-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724db2-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724db8-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724dbe-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724dd0-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724dd5-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724ddb-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724de1-b837e2d4, #w-node-bc287323-f375-50b7-22cb-8d4f052334e7-c462b3a3, #w-node-_8fc58696-e12c-39c4-0d7e-e89be003f9ab-82fe64cf { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_8fc58696-e12c-39c4-0d7e-e89be003f9ae-82fe64cf { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: end; } #w-node-_8635e325-17b6-bf1f-327d-21a0fc075c90-82fe64cf, #w-node-bca8f11c-51e1-4da9-6797-3c909c89cc9c-82fe64cf, #w-node-_6c88c247-430b-453d-8ac7-02f625c329b8-82fe64cf, #w-node-_5345f59b-6002-cc8e-9cc8-6bcf38401df5-82fe64cf, #w-node-_5345f59b-6002-cc8e-9cc8-6bcf38401e00-82fe64cf, #w-node-_5345f59b-6002-cc8e-9cc8-6bcf38401e0b-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd0d-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd1e-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd2f-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd40-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd51-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd63-82fe64cf, #w-node-bc287323-f375-50b7-22cb-8d4f052334e7-fbae4fc6, #w-node-bc287323-f375-50b7-22cb-8d4f052334e7-6f462a58, #w-node-bc287323-f375-50b7-22cb-8d4f052334e7-70dd8236, #w-node-bc287323-f375-50b7-22cb-8d4f052334e7-2d0c9475, #w-node-bc287323-f375-50b7-22cb-8d4f052334e7-6f47d25d, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f5408-bf3d9d0c, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f540b-bf3d9d0c, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f540e-bf3d9d0c, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f5411-bf3d9d0c, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f5412-bf3d9d0c, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f5415-bf3d9d0c, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f5418-bf3d9d0c, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f541c-bf3d9d0c, #w-node-f0dec674-d5c9-e9f4-8dfb-aa25aa8f541f-bf3d9d0c, #w-node-_77c4ff08-2132-0750-24bd-c6954aedc18a-bf3d9d0c, #w-node-_811e82b3-84d9-3e23-0f57-2992ca824613-bf3d9d0c, #w-node-_10c02855-69e4-48b9-c512-0e78a2ad18db-bf3d9d0c, #w-node-_6eaf9426-54a7-bd7c-debd-973adfb62bef-bf3d9d0c { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_6eaf9426-54a7-bd7c-debd-973adfb62bfd-bf3d9d0c, #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe47b-6c02754e { place-self: stretch end; } #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe482-6c02754e, #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe48b-6c02754e, #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe4a8-6c02754e, #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe4b6-6c02754e, #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe4c4-6c02754e, #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe4d2-6c02754e { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe4e1-6c02754e { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe4e3-6c02754e { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07f49-6c02754e { place-self: stretch end; } #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07f4d-6c02754e, #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07f64-6c02754e, #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07f74-6c02754e, #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07f85-6c02754e, #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07f95-6c02754e, #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07fa5-6c02754e, #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07fb5-6c02754e { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07fc6-6c02754e { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07fc8-6c02754e { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (min-width: 1440px) { #w-node-_550e2d57-d644-5c9d-e39a-91a69d542899-57241a43, #w-node-_8e8ff405-258d-f45d-62ec-93c5d1fa7c7f-57241a43 { grid-area: 1 / 2 / 2 / 2; } #w-node-_366b47ce-47a1-39b2-a912-ab8bd3769527-57241a43 { grid-area: 1 / 2 / 2 / 3; } #w-node-af5edb05-fe80-b771-84e9-4a59602811bb-57241a43 { grid-area: 2 / 1 / 4 / 3; } #w-node-_8ce2fcde-73be-f797-dc9e-f9deb8fc28c3-316b7df3 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_0f3eccf5-4866-ef19-11b2-6ec72a9540e9-2a9540d7 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-cf656330-301e-d6af-576a-cf2319a8c71c-316b7df5 { grid-area: span 3 / span 2 / span 3 / span 2; } #w-node-_67c0ac27-9f1a-7683-74a3-04b464861e8e-316b7df5 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3057296d-6607-ee34-f757-e0b3bff6fd35-316b7df5 { grid-area: 3 / 3 / 3 / 3; } #w-node-_3b495e16-97c9-b18b-e80d-d4a34b474a11-316b7df5 { grid-area: 2 / 3 / 3 / 3; } #w-node-a5cde424-c359-3fb0-2d20-827643d704dc-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-bab0787b-0040-8280-6cad-65c843b69c6b-316b7f7b { grid-area: span 1 / span 2 / span 1 / span 2; justify-self: center; } #w-node-_3b0a9c02-3d4e-f9d2-fd13-3508433f4767-316b7f7b { align-self: center; } #w-node-_3b7a5c6b-eeb3-c8fd-694a-20a1c81b5b0f-316b7f7b, #w-node-_254679b9-3ae5-a49d-6a49-dd39755cdbb0-316b7f7b, #w-node-ae085430-d40f-477f-0212-2eab4f692670-316b7f7b, #w-node-_12ed1248-1b2c-3b65-9440-823d320924a3-316b7f7b, #w-node-_1bc515b0-bb5d-0c1f-9d44-894650a7333f-316b7f7b, #w-node-dd49ed38-5af4-7840-a58b-5a415cdfebb7-316b7f7b, #w-node-_0a366ca5-53be-0ea2-6f57-ea45b4b9384f-316b7f7b, #w-node-_0a366ca5-53be-0ea2-6f57-ea45b4b93858-316b7f7b { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_1c1ce0e5-bdbe-f6da-18d9-d5b8a71547a1-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; align-self: auto; } #w-node-_2974ebfd-e61a-d14a-e34e-9223e21b6c66-316b7f7b, #w-node-_04e54c9d-7f30-d711-b733-9714273ca347-316b7f7b, #w-node-_3dd97171-ee49-fe0b-4214-2642fa032bb5-316b7f7b { align-self: center; } #w-node-_66426aa9-db42-6e8f-7cf7-7c0691a33b09-316b7f7b { align-self: start; } #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289daa-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289dce-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289dfa-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e1f-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e43-78c87746, #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289e67-78c87746 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-e4c5c055-bde0-140a-30c3-9dba3ac5c7fc-5c22612b { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } #w-node-_1a021e1e-b4c5-335d-894b-53c1d4b3b54f-5c22612b { grid-area: 1 / 2 / 2 / 3; align-self: center; } #w-node-_0f34785e-d454-5b4d-2e0f-1b92854a9a69-5c22612b { grid-area: 1 / 3 / 2 / 4; place-self: end center; } #w-node-_7763adec-a136-3734-fccb-6849a2b4caac-5c22612b { grid-area: 1 / 1 / 2 / 2; place-self: end center; } #w-node-_1f56781b-aba8-2682-28f4-dc00c9c13297-5c22612b { align-self: center; } #w-node-_7763adec-a136-3734-fccb-6849a2b4caae-5c22612b { place-self: start; } #w-node-_6d2499f7-5d13-5db6-af63-ae5fc5bf5481-5c22612b { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_6d2499f7-5d13-5db6-af63-ae5fc5bf547f-5c22612b { grid-area: 1 / 2 / 2 / 3; place-self: center; } #w-node-a9883acd-7372-71d1-97f1-3cb974952f7b-b837e2d4, #w-node-a8d7614b-bf48-902e-b933-38c23cbf6a02-b837e2d4, #w-node-c94ae5ca-24b3-c038-4629-ba6fcb586127-b837e2d4, #w-node-_4518bc0d-32e8-2a06-a4a6-f1302b0049bc-b837e2d4, #w-node-_6af5b336-6d83-cf4b-b513-0a35f0a80542-b837e2d4, #w-node-_72b9ebe0-8270-2925-df07-c4fbcdaca5df-b837e2d4 { align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724cfa-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724cfe-b837e2d4 { align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d23-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d27-b837e2d4 { align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d54-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d58-b837e2d4 { align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d7e-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724d82-b837e2d4 { align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724da7-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724dab-b837e2d4 { align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724dd0-b837e2d4 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_3a66aaa8-81f0-f881-f609-185c28724dd4-b837e2d4, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd0d-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd1e-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd2f-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd40-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd51-82fe64cf, #w-node-ae2c5f9e-799c-551c-011d-1dfd5066bd63-82fe64cf, #w-node-_6eaf9426-54a7-bd7c-debd-973adfb62bef-bf3d9d0c { align-self: center; } #w-node-ecdac79a-b869-bc0c-7089-89fb8f0d4c35-bf3d9d0c { grid-area: span 1 / span 1 / span 1 / span 1; align-self: auto; } #w-node-ecdac79a-b869-bc0c-7089-89fb8f0d4c4e-bf3d9d0c { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe4e1-6c02754e, #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07fc6-6c02754e { grid-area: span 1 / span 2 / span 1 / span 2; justify-self: center; } } @media screen and (min-width: 768px) { .stack_card { grid-template-columns: 1fr; height: 98vh; } } @media screen and (max-width: 991px) { #w-node-_3449ab33-0eca-3fa3-e763-36a820d3024b-316b7d80, #w-node-ec9027d0-5846-7b13-112f-89fa913369e0-316b7d80, #w-node-_50570277-ea4c-466b-15af-6d24f2530e6d-316b7d80, #w-node-_141ea3df-2127-7faa-5c47-eadec1b01c9f-316b7d80, #w-node-_160e535c-6a9c-2391-3954-9063ac58726b-316b7d80, #w-node-_2a13fb78-228c-cc6a-2acf-d239f47c444c-316b7d80, #w-node-bc2013c9-7cbf-6c8f-9230-09ffb96c7c19-316b7d80 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_8e8ff405-258d-f45d-62ec-93c5d1fa7c74-57241a43 { grid-column: span 2 / span 2; } #w-node-_9fa109aa-712e-b709-7fec-65d08001e45f-316b7def { order: -9999; justify-self: center; } #w-node-_8ce2fcde-73be-f797-dc9e-f9deb8fc28c3-316b7df3 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-cf656330-301e-d6af-576a-cf2319a8c71c-316b7df5 { grid-area: span 3 / span 1 / span 3 / span 1; } #w-node-_750ed142-33b6-0a84-db5f-a915000066ab-316b7e97, #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf5683f1-316b7f2c { justify-self: auto; } #w-node-_94913402-06a7-a76c-61c7-f67932b5635c-316b7f7a, #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e29-316b7f7b { align-self: center; } #w-node-_12eabb60-de82-58f7-f373-22bfd16cb928-316b7f7b { order: -9999; } #w-node-bab0787b-0040-8280-6cad-65c843b69c6b-316b7f7b { grid-column: span 1 / span 1; } #w-node-_3b0a9c02-3d4e-f9d2-fd13-3508433f4767-316b7f7b { order: -9999; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e29-dd3f5825 { align-self: center; } #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289daa-78c87746 { align-self: auto; } #w-node-_9c114be2-7cb3-6503-beec-c1d849cf2f83-b837e2d4, #w-node-_8fc58696-e12c-39c4-0d7e-e89be003f9ab-82fe64cf { align-self: center; } #w-node-_6eaf9426-54a7-bd7c-debd-973adfb62bef-bf3d9d0c, #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe482-6c02754e { order: -9999; } #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe4e1-6c02754e { grid-column: span 1 / span 1; } #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07f4d-6c02754e { order: -9999; } #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07fc6-6c02754e { grid-column: span 1 / span 1; } .stack_card { grid-column-gap: 40px; grid-row-gap: 40px; } .stack_card .fp{ font-size: 14px!important; } .stack_card span{ font-size: 14px!important; } } @media screen and (max-width: 767px) { #w-node-a1efbc0a-3813-7e60-d5a9-6ee2e5919f6a-316b7d80, #w-node-_2dde77ce-9537-f686-ded2-a1fbfc6611b0-316b7d80 { order: -9999; } #w-node-_8e8ff405-258d-f45d-62ec-93c5d1fa7c7a-57241a43 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_8e8ff405-258d-f45d-62ec-93c5d1fa7c74-57241a43 { grid-column: span 1 / span 1; } #w-node-_7ae5f9d2-314e-ed41-6303-361e3d39c78d-991bf291, #w-node-_3900878d-cf93-9638-48ff-a69f36bc0774-36bc075f, #w-node-_3900878d-cf93-9638-48ff-a69f36bc0788-36bc075f, #w-node-_3900878d-cf93-9638-48ff-a69f36bc07aa-36bc075f { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-e3fded05-fbbb-d186-b827-7a31418b962b-316b7e97 { justify-self: auto; } #w-node-ba19da65-00a0-15d5-c34c-f2aa455628e2-316b7e97 { order: -9999; } #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf568406-316b7f2c { grid-column: span 1 / span 1; } #w-node-_94913402-06a7-a76c-61c7-f67932b5635c-316b7f7a { order: 9999; } #w-node-_94913402-06a7-a76c-61c7-f67932b56362-316b7f7a { justify-self: auto; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e29-316b7f7b { order: 9999; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e2f-316b7f7b, #w-node-_12eabb60-de82-58f7-f373-22bfd16cb963-316b7f7b, #w-node-_3b0a9c02-3d4e-f9d2-fd13-3508433f479c-316b7f7b { justify-self: auto; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e29-dd3f5825 { order: 9999; } #w-node-e09fcbb9-a432-8b4d-bb06-686aaea32e2f-dd3f5825 { justify-self: auto; } #w-node-_9c114be2-7cb3-6503-beec-c1d849cf2f83-b837e2d4 { order: 9999; } #w-node-_9c114be2-7cb3-6503-beec-c1d849cf2f86-b837e2d4 { justify-self: auto; } #w-node-_8fc58696-e12c-39c4-0d7e-e89be003f9ab-82fe64cf { order: 9999; } #w-node-_8fc58696-e12c-39c4-0d7e-e89be003f9ae-82fe64cf, #w-node-_6eaf9426-54a7-bd7c-debd-973adfb62bfd-bf3d9d0c, #w-node-_92736a79-7ad1-e007-9da3-3ccd61bfe47b-6c02754e, #w-node-_5587fef8-69f3-4b21-0174-cf3a38d07f49-6c02754e { justify-self: auto; } } @media screen and (max-width: 479px) { #w-node-_8e8ff405-258d-f45d-62ec-93c5d1fa7c7a-57241a43, #w-node-_8e8ff405-258d-f45d-62ec-93c5d1fa7c74-57241a43, #w-node-_7ae5f9d2-314e-ed41-6303-361e3d39c78d-991bf291 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_0f3eccf5-4866-ef19-11b2-6ec72a954103-2a9540d7, #w-node-e6dd3277-ad1f-5402-90fd-c37da36ef328-2a9540d7 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-cf656330-301e-d6af-576a-cf2319a8c71c-316b7df5 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-b7220d1b-c9bc-b585-ec4e-82df76172f87-316b7df5, #w-node-_3900878d-cf93-9638-48ff-a69f36bc0774-36bc075f, #w-node-_3900878d-cf93-9638-48ff-a69f36bc0788-36bc075f, #w-node-_3900878d-cf93-9638-48ff-a69f36bc07aa-36bc075f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-c0591fae-bd83-6ac9-9a6d-b8071346c891-316b7e97 { grid-row: span 1 / span 1; } #w-node-_2336646e-594f-65a1-c889-f9d038edd79e-316b7e97 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-d37fa44d-bb6e-85d6-30d6-8f99bf568406-316b7f2c { grid-column: span 1 / span 1; } #w-node-_1c1ce0e5-bdbe-f6da-18d9-d5b8a7154798-316b7f7b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_5e891ac3-a40b-8ece-5336-9ef8cc289d9d-78c87746, #w-node-e482fda6-1ed7-0cdc-f6e4-63c96bd7ef93-b837e2d4, #w-node-_3a66aaa8-81f0-f881-f609-185c28724ce8-b837e2d4 { grid-area: span 3 / span 1 / span 3 / span 1; align-self: center; } #w-node-ecdac79a-b869-bc0c-7089-89fb8f0d4c30-bf3d9d0c { grid-area: span 1 / span 1 / span 1 / span 1; } } @font-face { font-family: "Urbanist"; src: url(../fonts/Urbanist-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(../fonts/Urbanist-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(../fonts/Urbanist-SemiBold.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(../fonts/Urbanist-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Icon Rounded"; src: url(../fonts/line-rounded-icon-font-brix.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Social Media Icon Font BRIX"; src: url(../fonts/social-media-icon-font-brix.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Icon Squared"; src: url(../fonts/fontello.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Filled Icons"; src: url(../fonts/fontello.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-ExtraBold.ttf) format("truetype"), url(../fonts/Manrope-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-ExtraLight.ttf) format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Anekdevanagari Expanded"; src: url(../fonts/AnekDevanagari_Expanded-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Anekdevanagari Expanded"; src: url(../fonts/AnekDevanagari_Expanded-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Anekdevanagari Expanded"; src: url(../fonts/AnekDevanagari_Expanded-Thin.ttf) format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Anekdevanagari Expanded"; src: url(../fonts/AnekDevanagari_Expanded-ExtraLight.ttf) format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Anekdevanagari Expanded"; src: url(../fonts/AnekDevanagari_Expanded-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 7550440 E 1 D"; src: url(../fonts/GesturaTextTRIAL-ThinItalic-BF64b7550440e1d.otf) format("opentype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 755041811 D"; src: url(../fonts/GesturaHeadlineTRIAL-BoldItalic-BF64b755041811d.otf) format("opentype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 75503 D 6 E 51"; src: url(../fonts/GesturaTextTRIAL-SemiboldItalic-BF64b75503d6e51.otf) format("opentype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 7550469900"; src: url(../fonts/GesturaTextTRIAL-Thin-BF64b7550469900.otf) format("opentype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 755043 A 198"; src: url(../fonts/GesturaTextTRIAL-Semibold-BF64b755043a198.otf) format("opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 755042 F 9 B 6"; src: url(../fonts/GesturaTextTRIAL-RegularItalic-BF64b755042f9b6.otf) format("opentype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 75504226 Bf"; src: url(../fonts/GesturaHeadlineTRIAL-Light-BF64b75504226bf.otf) format("opentype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 75504376 De"; src: url(../fonts/GesturaTextTRIAL-Black-BF64b75504376de.otf) format("opentype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 7550427 C 70"; src: url(../fonts/GesturaTextTRIAL-LightItalic-BF64b7550427c70.otf) format("opentype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 755042 B 8 E 0"; src: url(../fonts/GesturaTextTRIAL-Light-BF64b755042b8e0.otf) format("opentype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 755043 Bff 0"; src: url(../fonts/GesturaHeadlineTRIAL-Semibold-BF64b755043bff0.otf) format("opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 755043 Bff 6"; src: url(../fonts/GesturaHeadlineTRIAL-Thin-BF64b755043bff6.otf) format("opentype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 7550415 Bc 0"; src: url(../fonts/GesturaTextTRIAL-ExtralightItalic-BF64b7550415bc0.otf) format("opentype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 75504593 Ac"; src: url(../fonts/GesturaHeadlineTRIAL-ThinItalic-BF64b75504593ac.otf) format("opentype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 755042 Cf 0 F"; src: url(../fonts/GesturaTextTRIAL-Regular-BF64b755042cf0f.otf) format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 755042 C 1 B 5"; src: url(../fonts/GesturaTextTRIAL-Extralight-BF64b755042c1b5.otf) format("opentype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 7550477781"; src: url(../fonts/GesturaTextTRIAL-Bold-BF64b7550477781.otf) format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 7550440 Ccc"; src: url(../fonts/GesturaHeadlineTRIAL-Black-BF64b7550440ccc.otf) format("opentype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755043 C 4 B 8"; src: url(../fonts/GesturaDisplayTRIAL-Regular-BF64b755043c4b8.otf) format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 7550452 Dd 6"; src: url(../fonts/GesturaDisplayTRIAL-Thin-BF64b7550452dd6.otf) format("opentype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755044 Df 69"; src: url(../fonts/GesturaDisplayTRIAL-RegularItalic-BF64b755044df69.otf) format("opentype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 7550434095"; src: url(../fonts/GesturaTextTRIAL-BoldItalic-BF64b7550434095.otf) format("opentype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 7550427776"; src: url(../fonts/GesturaHeadlineTRIAL-SemiboldItalic-BF64b7550427776.otf) format("opentype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 7550434 F 98"; src: url(../fonts/GesturaHeadlineTRIAL-ExtralightItalic-BF64b7550434f98.otf) format("opentype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 755042170 C"; src: url(../fonts/GesturaHeadlineTRIAL-Regular-BF64b755042170c.otf) format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 7550426663"; src: url(../fonts/GesturaHeadlineTRIAL-RegularItalic-BF64b7550426663.otf) format("opentype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755022 Ddfa"; src: url(../fonts/GesturaDisplayTRIAL-SemiboldItalic-BF64b755022ddfa.otf) format("opentype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 7550407391"; src: url(../fonts/GesturaHeadlineTRIAL-LightItalic-BF64b7550407391.otf) format("opentype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 7550427082"; src: url(../fonts/GesturaHeadlineTRIAL-Extralight-BF64b7550427082.otf) format("opentype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755042916 B"; src: url(../fonts/GesturaDisplayTRIAL-LightItalic-BF64b755042916b.otf) format("opentype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755041 C 775"; src: url(../fonts/GesturaDisplayTRIAL-BoldItalic-BF64b755041c775.otf) format("opentype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 7550428366"; src: url(../fonts/GesturaHeadlineTRIAL-Bold-BF64b7550428366.otf) format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755042 B 875"; src: url(../fonts/GesturaDisplayTRIAL-Light-BF64b755042b875.otf) format("opentype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755043453 D"; src: url(../fonts/GesturaDisplayTRIAL-ExtralightItalic-BF64b755043453d.otf) format("opentype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 75504296 E 4"; src: url(../fonts/GesturaDisplayTRIAL-Bold-BF64b75504296e4.otf) format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 7550432 A 4 E"; src: url(../fonts/GesturaDisplayTRIAL-BlackItalic-BF64b7550432a4e.otf) format("opentype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755044 B 041"; src: url(../fonts/GesturaDisplayTRIAL-Extralight-BF64b755044b041.otf) format("opentype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755043 Ed 40"; src: url(../fonts/GesturaDisplayTRIAL-Black-BF64b755043ed40.otf) format("opentype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturadisplaytrial Bf 64 B 755044 A 586"; src: url(../fonts/GesturaDisplayTRIAL-Semibold-BF64b755044a586.otf) format("opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Gesturaheadlinetrial Bf 64 B 75504325 Ae"; src: url(../fonts/GesturaHeadlineTRIAL-BlackItalic-BF64b75504325ae.otf) format("opentype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Gesturatexttrial Bf 64 B 75503 D 8358"; src: url(../fonts/GesturaTextTRIAL-BlackItalic-BF64b75503d8358.otf) format("opentype"); font-weight: 900; font-style: italic; font-display: swap; }