:root { --core--font-size--base-font-mb\: 16px; --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-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-tablet--h3\: var(--core--font-size--displays-tablet--display-5\); --core--font-size--headings-mbl--h3\: var(--core--font-size--displays-mbl--display-5\); --core--font-size--headings-mbp--h3\: var(--core--font-size--displays-mbp--display-5\); --core--font-size--headings-tablet--h4\: var(--core--font-size--displays-tablet--display-4\); --core--font-size--headings-mbl--h4\: var(--core--font-size--displays-mbl--display-4\); --core--font-size--headings-mbp--h4\: var(--core--font-size--displays-mbp--display-4\); --core--font-size--headings-tablet--h5\: var(--core--font-size--displays-tablet--display-3\); --core--font-size--headings-mbl--h5\: var(--core--font-size--displays-mbl--display-3\); --core--font-size--headings-mbp--h5\: var(--core--font-size--displays-mbp--display-3\); --core--font-size--headings-tablet--h6\: var(--core--font-size--displays-tablet--display-1\); --core--font-size--headings-mbl--h6\: var(--core--font-size--displays-mbl--display-1\); --core--font-size--headings-mbp--h6\: var(--core--font-size--displays-mbp--display-1\); --text-color--text-primary: var(--base-color-neutral--neutral-dark); --text-color--text-secondary: var(--base-color-brand--brown-light); --text-color--text-tertiary: var(--base-color-brand--brown-darker); --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\); --components--titles-paragraphs--text-accent\: var(--globals--color--texts--accent\); --background-color--background-secondary: var(--base-color-neutral--neutral); --core--font-size--displays-tablet--display-4\: var(--core--font-size--displays--display-4\); --components--cards--paddings--pd-medium\: var(--globals--paddings--pd-large\); --globals--paddings--pd-large\: var(--core--sizes--size-6\); --core--font-size--displays-mbl--display-4\: 20px; --globals--paddings--pd-extra-large\: var(--core--sizes--size-7\); --globals--paddings--pd-medium\: var(--core--sizes--size-5\); --globals--gaps--gap-none\: 0px; --core--colors--neutral--100\: white; --core--box-shadow--bs-neutral-small\: #19213d1a; --core--colors--neutral--200\: #f4f1ec; --components--divider--border-width--bw-regular\: var(--globals--border-width--bw-default\); --components--divider--border-color--border-default\: var(--globals--border-color--border-6\); --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\); --globals--gaps--gap-small\: var(--core--sizes--size-4\); --globals--gaps--gap-large\: var(--core--sizes--size-7\); --globals--border-width--bw-large\: var(--core--border-width--bw-size-3\); --core--font-family--secondary-font\: Boska, sans-serif; --core--font-size--displays--display-10\: 80px; --core--line-height--small\: 1.115em; --core--font-size--displays-tablet--display-10\: 64px; --core--font-size--displays-mbl--display-10\: 52px; --core--font-size--displays-mbp--display-10\: 42px; --_ehs---onyx: #231f20; --components--titles-paragraphs--text-light\: var(--globals--color--texts--01\); --_ehs---ivory-stone: #f6f4ee; --core--font-size--displays--display-9\: 72px; --core--font-size--displays-tablet--display-9\: 56px; --core--font-size--displays-mbl--display-9\: 38px; --core--font-size--displays-mbp--display-9\: 36px; --_ehs---classic-taupe: #c2b59b; --core--font-size--displays--display-8\: 48px; --core--line-height--regular\: 1.25em; --core--font-size--displays-tablet--display-8\: var(--core--font-size--displays--display-8\); --core--font-size--displays-mbl--display-8\: 32px; --core--font-size--displays-mbp--display-8\: 32px; --core--font-size--displays--display-7\: 38px; --core--font-size--displays-tablet--display-7\: var(--core--font-size--displays--display-7\); --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-6\: 32px; --core--font-size--displays-tablet--display-6\: var(--core--font-size--displays--display-6\); --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\: 28px; --core--font-size--displays--display-4\: 24px; --core--font-size--displays-mbp--display-4\: var(--core--font-size--displays-mbl--display-4\); --core--font-size--displays--display-3\: 20px; --core--font-size--displays-tablet--display-3\: var(--core--font-size--displays--display-3\); --core--font-size--displays-mbl--display-3\: 18px; --core--font-size--displays-mbp--display-3\: var(--core--font-size--displays-mbl--display-3\); --core--font-size--displays--display-2\: var(--core--font-size--base-font\); --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\); --core--font-size--displays--display-1\: 16px; --core--font-size--displays-tablet--display-1\: var(--core--font-size--displays--display-1\); --core--font-size--displays-mbl--display-1\: 14px; --core--font-size--displays-mbp--display-1\: var(--core--font-size--displays-mbl--display-1\); --components--titles-paragraphs--text-titles\: var(--core--colors--neutral--800\); --globals--margins--mg-tiny\: var(--core--sizes--size-0\); --globals--margins--mg-extra-small\: var(--core--sizes--size-2\); --globals--grid-gap--default\: var(--core--sizes--size-5\); --globals--paddings--pd-small\: var(--core--sizes--size-3\); --globals--gaps--gap-default\: var(--core--sizes--size-5\); --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-none\: var(--core--border-radius--br-none\); --components--badge-primary--background-color--bg-light\: var(--globals--color--surfaces--accent\); --components--badge-primary--text-color--text-light\: var(--globals--color--texts--01\); --core--letter-spacing--small\: .04em; --components--badge-neutral--background-color--bg-light\: var(--core--colors--secondary--transparent\); --components--badge-neutral--text-color--text-light\: var(--components--titles-paragraphs--text-accent\); --components--badge-primary--text-color--text-dark\: var(--globals--color--texts--04\); --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\: #d3cfc8; --neutral--100\: white; --core--colors--neutral--800\: #321b05; --core--colors--neutral--700\: #574635; --core--colors--neutral--600\: #958371; --core--colors--neutral--500\: #c2bab2; --core--colors--neutral--300\: #ebe4d9; --core--colors--overlays--dark-400\: #000c; --core--colors--overlays--dark-300\: #0009; --core--colors--overlays--dark-200\: #0006; --core--colors--overlays--dark-100\: #00000069; --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--medium\: var(--core--sizes--size-6\); --globals--margins--mg-extra-large\: var(--core--sizes--size-8\); --globals--grid-gap--large\: var(--core--sizes--size-7\); --components--sections--paddings--pd-default\: var(--core--sizes--size-12\); --components--sections--paddings--pd-small\: var(--core--sizes--size-10\); --components--sections--paddings--pd-extra-small\: var(--core--sizes--size-9\); --globals--grid-gap--extra-large\: var(--core--sizes--size-8\); --globals--grid-gap--small\: var(--core--sizes--size-4\); --components--cards--border-width--bw-regular\: var(--globals--border-width--bw-default\); --components--cards--border-radius--br-none\: var(--core--border-radius--br-none\); --components--cards--background-color--bg-color-default\: var(--globals--color--surfaces--02\); --components--cards--paddings--pd-large\: var(--globals--paddings--pd-extra-large\); --components--cards--paddings--pd-default\: var(--globals--paddings--pd-medium\); --components--cards--paddings--pd-small\: var(--globals--paddings--pd-default\); --components--cards--background-color--bg-color-secondary\: var(--globals--color--surfaces--03\); --globals--color--texts--01\: var(--core--colors--neutral--100\); --core--colors--secondary--transparent\: #fff0; --social-media-colors--webflow\: #146ef5; --core--box-shadow--bs-neutral-medium\: #19213d1a; --components--titles-paragraphs--text-paragraphs\: var(--globals--color--texts--04\); --components--sections--paddings--pd-medium\: var(--core--sizes--size-13\); --components--cards--paddings--pd-extra-large\: var(--core--sizes--size-8\); --globals--color--texts--03\: var(--core--colors--neutral--600\); --globals--gaps--gap-tiny\: var(--core--sizes--size-0\); --core--sizes--size-3\: 12px; --globals--accent-color\: var(--core--colors--neutral--800\); --globals--paddings--pd-default\: var(--core--sizes--size-4\); --globals--gaps--gap-extra-small\: var(--core--sizes--size-2\); --_ehs---color: white; --globals--margins--mg-long\: var(--core--sizes--size-10\); --globals--margins--mg-double-extra-large\: var(--core--sizes--size-9\); --core--box-shadow--bs-neutral-regular\: #19213d14; --core--box-shadow--bs-neutral-large\: #19213d1f; --components--cards--border-color--br-color-tertiary\: var(--globals--border-color--border-6\); --components--cards--background-color--bg-color-tertiary\: var(--globals--color--surfaces--accent\); --components--buttons--gaps--gap-small\: var(--globals--gaps--gap-extra-small\); --core--border-width--bw-size-4\: 2px; --components--buttons-primary--border-color--b-light-mode\: var(--globals--border-color--border-accent\); --components--buttons-primary--text--text-light-mode\: var(--globals--color--texts--accent\); --components--buttons-primary--border-color--b-dark-mode\: var(--globals--border-color--border-1\); --components--buttons-primary--backgrounds--bg-dark-mode\: var(--core--colors--secondary--transparent\); --components--buttons-primary--text--text-dark-mode\: var(--globals--color--texts--01\); --globals--border-color--border-5\: #5746351a; --globals--border-color--border-1\: var(--core--colors--neutral--100\); --globals--border-color--border-accent\: var(--globals--accent-color\); --_ehs---black: #000; --base-color-neutral--white: white; --components--buttons--paddings--pd-regular\: var(--globals--paddings--pd-small\); --components--buttons--paddings--pd-medium\: var(--globals--paddings--pd-default\); --components--buttons--paddings--pd-small\: var(--globals--paddings--pd-extra-small\); --components--buttons--border-width--bw-default\: var(--globals--border-width--bw-default\); --components--buttons-secondary--border-color--b-light-mode\: var(--core--colors--neutral--700\); --components--buttons--border-radius--br-none\: var(--core--border-radius--br-none\); --components--buttons-secondary--text--text-light-mode\: var(--globals--color--texts--01\); --components--buttons-secondary--border-color--b-right-mode\: var(--globals--border-color--border-1\); --components--buttons-secondary--backgrounds--bg-dark-mode\: var(--globals--color--surfaces--01\); --components--buttons-secondary--text--text-dark-mode\: var(--globals--color--texts--accent\); --components--buttons-primary--backgrounds--bg-light-mode\: var(--core--colors--secondary--transparent\); --neutral-shadow--02\: #19213d14; --components--buttons-secondary--backgrounds--bg-light-mode\: var(--globals--color--surfaces--06\); --components--links--gaps--gap-regular\: var(--globals--gaps--gap-extra-small\); --components--links--text-color--text-accent\: var(--globals--color--texts--accent\); --components--links--text-color--text-light\: var(--globals--color--texts--01\); --globals--color--texts--04\: var(--core--colors--neutral--700\); --components--icons--border-radius--br-regular\: var(--globals--border-radius--br-default\); --components--icons--border-radius--br-small\: var(--globals--border-radius--br-small\); --globals--color--surfaces--accent\: var(--globals--accent-color\); --neutral--400\: #e1e4ed; --components--avatars--border-radius--br-regular\: var(--globals--border-radius--br-default\); --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--paddings--pd-small\: var(--globals--paddings--pd-tiny\); --components--input-text--border-color--br-default\: var(--globals--border-color--border-2\); --core--border-radius--br-none\: 0px; --components--input-text--background-color--bg-default\: var(--globals--color--surfaces--01\); --components--input-text--text-color--text-tertiary\: var(--globals--color--texts--04\); --core--font-size--base-font\: 18px; --components--input-text--border-color--br-secondary\: var(--globals--border-color--border-4\); --components--input-text--border-color--br-tertiary\: var(--globals--utilities--utility-6\); --components--input-text--text-color--text-secondary\: var(--globals--color--texts--03\); --globals--border-color--border-2\: var(--core--colors--neutral--300\); --globals--border-color--border-3\: var(--core--colors--neutral--400\); --components--inputs-select--border-radius--br-none\: var(--core--border-radius--br-none\); --components--inputs-select--border-width--bw-regular\: var(--globals--border-width--bw-default\); --_ehs---pewter-blue: slategrey; --components--input-text--background-color--bg-tertiary\: var(--globals--color--surfaces--06\); --core--font-family--primary-font\: Satoshi, Arial, sans-serif; --components--checkboxes-radios-toogles--gaps--gap-regular\: var(--globals--gaps--gap-extra-small\); --components--input-text--background-color--bg-secondary\: var(--globals--color--surfaces--02\); --globals--color--surfaces--01\: var(--core--colors--neutral--100\); --core--line-height--large\: 1.5em; --core--font-size--paragraphs--small\: 14px; --components--badges--border-radius--br-regular\: var(--globals--border-radius--br-small\); --components--badge-primary--background-color--bg-dark\: var(--globals--border-color--border-1\); --components--badge-primary--text-color--text-accent\: var(--globals--color--texts--accent\); --components--badge-neutral--background-color--bg-dark\: var(--core--colors--secondary--transparent\); --components--dropdowns--paddings--pd-regular\: var(--globals--paddings--pd-extra-small\); --core--letter-spacing--regular\: .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--700\); --1\: #2388ff; --neutral--800\: #19213d; --globals--utilities--utility-1\: var(--core--colors--neutral--100\); --globals--paddings--pd-tiny\: var(--core--sizes--size-1\); --core--border-radius--br-size-3\: 8px; --core--box-shadow--bs-primary-small\: #4d91e13b; --components--sections--backgrounds--bg-color-accent\: var(--globals--color--surfaces--accent\); --core--container-default--padding--default\: var(--core--sizes--size-5\); --core--container-default--padding--mb\: var(--core--sizes--size-4\); --globals--gaps--gap-medium\: var(--core--sizes--size-6\); --globals--color--surfaces--07\: var(--core--colors--primary--100\); --globals--color--surfaces--05\: var(--core--colors--neutral--600\); --core--border-radius--br-size-5\: 24px; --globals--color--surfaces--02\: var(--core--colors--neutral--200\); --components--sections--paddings--pd-large\: var(--core--sizes--size-14\); --components--sections--backgrounds--bg-color-default\: var(--globals--color--surfaces--02\); --components--sections--paddings--pd-extra-large\: var(--core--sizes--size-15\); --globals--color--surfaces--03\: var(--core--colors--neutral--300\); --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\); --components--footers--paddings--pd-small\: var(--globals--paddings--pd-medium\); --components--links--gaps--gap-small\: var(--globals--gaps--gap-tiny\); --neutral-shadow--03\: #19213d24; --neutral--300\: #f1f3f7; --components--images--border-radius--br-default\: var(--globals--border-radius--br-default\); --components--images--border-radius--br-small\: var(--globals--border-radius--br-small\); --core--icon-family--base-font\: var(--core--icon-family--line-rounded\); --components--titles-paragraphs--text-neutral-light\: var(--core--colors--neutral--200\); --core--icon-family--filled-icons\: "Filled Icons", sans-serif; --globals--color--texts--accent\: var(--globals--accent-color\); --globals--accent-hover\: var(--core--colors--neutral--600\); --core--border-width--bw-size-3\: 1.5px; --components--links--text-color--text-dark\: var(--globals--color--texts--04\); --components--sections--backgrounds--bg-color-secondary\: var(--globals--color--surfaces--03\); --globals--border-color--border-6\: #57463580; --components--badge-primary--border-color--b-light\: var(--globals--border-color--border-accent\); --globals--color--surfaces--06\: var(--core--colors--neutral--700\); --globals--paddings--pd-double-extra-large\: var(--core--sizes--size-8\); --_ehs---trans: #fff0; --base-color-brand--brown-light: #968c78; --base-color-brand--brown-dark: #574635; --border-color--border-secondary: var(--base-color-brand--brown-darker); --base-color-brand--brown-darker: #321b05; --base-color-brand--brown-lighter: #c2b59b; --base-color-brand--brown: #958371; --background-color--background-primary: var(--base-color-neutral--white); --_ehs---deep-forest-green: #2f3e34; --_ehs---muted-sage: #a9b5a0; --_ehs---dusty-blush-rose: #bfa6a0; --_ehs---warm-terracotta-clay: #9b6a5d; --_ehs---muted-amber: #c97a40; --base-color-neutral--black: black; --base-color-neutral--neutral: #f6f4ee; --base-color-neutral--neutral-dark: #231f20; --_ehs---metlot-ember: #8b2e2e; --border-color--border-primary: var(--base-color-brand--brown); --link-color--link-primary: var(--base-color-neutral--neutral-dark); --link-color--link-secondary: var(--base-color-brand--brown-lighter); --core--sizes--size-6\: 32px; --core--sizes--size-7\: 40px; --core--sizes--size-5\: 24px; --core--sizes--size-4\: 16px; --core--sizes--size-0\: 4px; --core--sizes--size-2\: 8px; --globals--border-radius--br-default\: var(--core--border-radius--br-size-3\); --globals--border-radius--br-small\: var(--core--border-radius--br-size-2\); --core--border-radius--br-size-1\: 2px; --core--sizes--size-8\: 48px; --core--sizes--size-12\: 80px; --core--sizes--size-10\: 64px; --core--sizes--size-9\: 56px; --core--sizes--size-13\: 100px; --globals--border-color--border-4\: var(--core--colors--neutral--500\); --core--sizes--size-1\: 6px; --core--colors--primary--100\: #2388ff; --core--sizes--size-14\: 120px; --core--sizes--size-15\: 180px; --core--icon-family--line-rounded\: "Icon Rounded", sans-serif; } body { font-family: Satoshi, Arial, sans-serif; font-size: 1.25rem; line-height: 1.4; } h1 { margin-top: 0; margin-bottom: 0; font-family: Boska, sans-serif; font-size: 5.5rem; font-weight: 400; line-height: 1.2; } h2 { margin-top: 0; margin-bottom: 0; font-family: Boska, sans-serif; font-size: 4.5rem; font-weight: 400; line-height: 1.2; } h3 { margin-top: 0; margin-bottom: 0; font-family: Boska, sans-serif; font-size: 2.75rem; font-weight: 400; line-height: 1.2; } h4 { margin-top: 0; margin-bottom: 0; font-family: Boska, sans-serif; font-size: 2.375rem; font-weight: 400; line-height: 1.2; } h5 { margin-top: 0; margin-bottom: 0; font-family: Boska, sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.2; } h6 { margin-top: 0; margin-bottom: 0; font-family: Boska, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.2; } p { margin-bottom: 0; } a { color: var(--text-color--text-primary); text-decoration: none; transition: background-color .3s, color .3s; } a:hover { color: var(--text-color--text-secondary); } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } img { max-width: 100%; display: inline-block; } label { color: var(--text-color--text-tertiary); text-transform: uppercase; margin-bottom: .5rem; font-family: Boska, sans-serif; font-size: 1.75rem; font-weight: 400; line-height: 1.5; text-decoration: none; display: block; } strong { color: var(--components--titles-paragraphs--text-accent\); font-weight: 500; } blockquote { background-color: var(--background-color--background-secondary); text-align: center; background-image: url("https://cdn.prod.website-files.com/68a5a5b528acd1613b31a209/68a5a5b628acd1613b31a6b5_quote-icon-roomflow-webflow-template.svg"); background-position: 40px 28px; background-repeat: no-repeat; background-size: auto; padding: 3.75rem 5.125rem; font-size: 1.5rem; line-height: 1.5; overflow: hidden; } figure { margin-bottom: 10px; } figcaption { text-align: center; margin-top: 12px; } .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-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } .page-wrapper-1 { width: 100%; min-height: 100vh; } .page-wrapper-1.height-100 { height: 100%; } .page-wrapper-1.full-height-page { flex-direction: column; min-height: 100dvh; display: flex; } .page-wrapper-1.page-wrapper-flex { flex-flow: column; justify-content: space-between; display: flex; } .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.mg-80px { margin-top: 80px; margin-bottom: 80px; } .mid { font-weight: 500; } .display-9 { font-family: var(--core--font-family--secondary-font\); font-size: var(--core--font-size--displays--display-9\); line-height: var(--core--line-height--small\); } .display-9.mid { font-weight: 500; } .display-9.text-uppercase { color: var(--_ehs---onyx); text-transform: lowercase; } .display-9.heading { color: var(--_ehs---classic-taupe); text-align: left; text-transform: lowercase; margin-bottom: 10px; font-family: Boska, sans-serif; } .display-9.heading.text-light { color: var(--components--titles-paragraphs--text-light\); } .display-9.heading._50 { width: 50%; margin-bottom: 30px; } .display-9.heading.centre { color: #c2b59b; text-align: center; } .display-9.heading.text-color--968c78 { color: #968c78; } .display-8 { font-family: var(--core--font-family--secondary-font\); font-size: var(--core--font-size--displays--display-8\); line-height: var(--core--line-height--regular\); text-align: center; } .display-8.text-uppercase { color: var(--_ehs---onyx); text-align: left; text-transform: lowercase; } .display-8.heading { text-align: left; text-transform: lowercase; font-family: Boska, sans-serif; } .display-7 { font-family: var(--core--font-family--secondary-font\); font-size: var(--core--font-size--displays--display-7\); line-height: var(--core--line-height--regular\); } .display-7.text-uppercase { text-transform: lowercase; } .display-7.heading { text-transform: uppercase; margin-top: 20px; font-size: 45px; font-weight: 400; } .display-7.heading.no-pad { margin-top: 0; } .display-3 { font-family: var(--core--font-family--secondary-font\); font-size: var(--core--font-size--displays--display-3\); line-height: var(--core--line-height--regular\); font-weight: 400; } .display-3.mid.cart-item-title, .display-3.mid.order-item-title { text-decoration: none; } .display-3.text-uppercase { text-transform: lowercase; } .display-3.mid { font-weight: 500; } .display-3.mid.cart-item-title, .display-3.mid.order-item-title { text-decoration: none; } .display-2 { font-family: var(--core--font-family--secondary-font\); font-size: var(--core--font-size--displays--display-2\); line-height: var(--core--line-height--regular\); font-weight: 400; } .display-2.mid { font-weight: 500; } .display-2.text-uppercase { text-transform: lowercase; } .display-2.primary-font.text-uppercase { text-transform: uppercase; } .display-2.primary-font.text-uppercase.left { text-align: left; } .text-titles { color: var(--components--titles-paragraphs--text-titles\); } .text-titles.mid.text-uppercase { font-family: Boska, sans-serif; } .mg-top-extra-small { margin-top: var(--globals--margins--mg-extra-small\); text-align: left; margin-bottom: 10px; font-size: 20px; line-height: 1.5em; } .mg-top-extra-small.leftr { text-align: left; } .mg-top-extra-small._70 { max-width: 70%; margin-top: 30px; } .mg-top-extra-small.left { text-align: center; } .mg-top-extra-small.hero { margin-bottom: 50px; padding-right: 20px; } .mg-top-small { margin-top: var(--globals--margins--mg-small\); } .mg-top-default { margin-top: var(--globals--margins--mg-default\); } .mg-top-default.mg-top-default---mbl { text-align: center; text-align: center; margin-top: 0; } .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; grid-auto-columns: 1fr; place-items: start stretch; display: grid; } .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: .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: .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 { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: var(--components--sections--paddings--pd-default\); grid-column-gap: var(--globals--grid-gap--medium\); grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: 1fr 1.14fr; align-items: center; } .grid-2-columns.surprises-image-right.last { margin-bottom: 0; } .grid-2-columns.surprises-image-left { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: var(--components--sections--paddings--pd-default\); grid-column-gap: var(--globals--grid-gap--medium\); grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: 1.14fr 1fr; align-items: center; } .grid-2-columns.checkout-grid { grid-template-columns: 1.75fr 1fr; } .grid-2-columns.footer-grid---v2 { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: .8fr 1fr; } .grid-2-columns.header-full-width-grid---menu { grid-column-gap: var(--globals--grid-gap--extra-large\); grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr auto; justify-content: space-between; } .grid-2-columns.header-full-width-grid-main { grid-template-columns: auto auto; justify-content: space-between; width: 100%; max-width: 450px; } .grid-2-columns.header-full-width-grid---main { grid-column-gap: var(--globals--grid-gap--extra-large\); grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: .7fr 1fr; align-items: stretch; } .grid-2-columns.hero-v21-grid { grid-template-rows: auto; grid-template-columns: 1fr 1.06fr; place-items: center stretch; } .grid-2-columns.cta-grid-v1 { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1.34fr 1fr; } .grid-2-columns.cta-grid-v2 { grid-column-gap: var(--globals--grid-gap--large\); grid-row-gap: var(--globals--grid-gap--large\); grid-template-columns: 48% 1fr; place-items: center stretch; } .grid-2-columns.hero-v20-grid { grid-template-columns: 1fr 1.14fr; place-items: center stretch; } .grid-2-columns.hero-v13-grid { grid-template-columns: 1fr 1.3fr; } .grid-2-columns.faq-grid { grid-column-gap: 28px; grid-row-gap: 90px; grid-template-columns: 1fr 1fr; } .grid-2-columns.blog-card-grid-v2 { grid-template-columns: 2fr minmax(368px, 1fr); } .grid-2-columns.author-grid { grid-template-columns: 1fr 2fr; place-items: center stretch; } .grid-2-columns.hero-v6-grid { grid-column-gap: var(--globals--gaps--gap-none\); grid-row-gap: var(--globals--gaps--gap-none\); grid-template-columns: 1fr 1.64fr; align-items: center; } .grid-2-columns.hero-v4-grid { background-color: #0000; grid-template-columns: minmax(480px, .25fr) 1fr; place-items: center stretch; } .grid-2-columns.sticky-grid-v2 { grid-column-gap: 0px; grid-template-columns: minmax(423px, .5fr) 1.4fr; } .grid-2-columns.stat-grid { grid-column-gap: 80px; grid-row-gap: 80px; grid-template-columns: 1fr 1fr; margin-top: 60px; margin-left: 10px; } .grid-2-columns.project-grid-v1 { grid-template-columns: 444px 1.82fr; place-items: center stretch; } .grid-2-columns.project-grid-v1---images { grid-column-gap: 28px; grid-row-gap: 28px; grid-template-columns: 1fr 1.12fr; width: 100%; max-width: 815px; max-height: 598.813px; } .grid-2-columns.hero-v2-grid { grid-template-columns: 1fr minmax(568px, 1fr); place-items: center stretch; } .grid-2-columns.align-stretch { align-items: stretch; } .grid-2-columns.testimonials-grid { grid-template-columns: minmax(auto, 600px) minmax(auto, 600px); justify-content: space-between; } .grid-2-columns.blog-grid-v2 { grid-column-gap: 70px; grid-row-gap: 95px; } .grid-2-columns.cta-v5---grid { place-items: center stretch; width: 100%; max-width: 1218px; margin-left: auto; margin-right: auto; } .grid-2-columns.footer-middle-v2---grid { grid-template-columns: 1fr auto; place-items: center stretch; max-width: 1274px; } .grid-2-columns.footer-grid-v1 { grid-column-gap: var(--globals--grid-gap--extra-large\); grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: .6fr 1fr; place-items: center stretch; min-width: 100%; } .grid-2-columns.gallery-right---grid { grid-column-gap: 0px; grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: .75fr 1.04fr; place-items: center stretch; } .grid-2-columns.sticky-grid-v1 { grid-column-gap: 78px; grid-template-columns: 1fr 1.9fr; max-width: 1350px; } .grid-2-columns.step-grid { grid-template-columns: auto 1fr; } .grid-2-columns.title-btn-arrows { grid-column-gap: 28px; grid-row-gap: 28px; grid-template-rows: auto minmax(48px, auto); place-items: end stretch; max-width: 1350px; } .grid-2-columns.footer-full-width-grid---menu { grid-column-gap: 48px; grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr auto; justify-content: space-between; width: 100%; max-width: 681px; } .grid-2-columns.footer-full-width-grid-main { grid-template-columns: auto auto; justify-content: space-between; width: 100%; max-width: 390px; } .grid-2-columns.image-and-testimonials---content { z-index: 1; grid-column-gap: 30px; grid-row-gap: 30px; grid-template-columns: 1fr 1fr; width: 66%; min-width: 80%; max-width: 80%; margin-left: 10px; padding-top: 32px; padding-bottom: 32px; position: relative; top: -149px; } .grid-2-columns.services-grid { grid-column-gap: 53px; grid-row-gap: 39px; grid-template-columns: 1fr 1fr; } .grid-2-columns.services-grid.alt { grid-column-gap: 42px; } .card { 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-none\); background-color: var(--components--cards--background-color--bg-color-default\); overflow: hidden; } .card.typography-card { width: 100%; min-height: 100%; padding: var(--components--cards--paddings--pd-large\) var(--components--cards--paddings--pd-default\); background-color: var(--core--colors--neutral--100\); flex-flow: column; justify-content: space-between; display: flex; } .card.utp---icon-font { padding: var(--globals--paddings--pd-extra-large\) var(--globals--paddings--pd-large\); background-color: var(--core--colors--neutral--100\); } .card.utp---components-wrapper { grid-column-gap: 0px; background-color: var(--core--colors--neutral--100\); flex-direction: row; justify-content: center; display: flex; overflow: hidden; } .card.utp---components-wrapper.lists-components { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card.template-pages---sticky-card { padding: var(--components--cards--paddings--pd-default\) var(--components--cards--paddings--pd-small\); background-color: var(--components--cards--background-color--bg-color-secondary\); position: sticky; top: 24px; } .card.template-pages---text-card { padding: var(--components--cards--paddings--pd-large\); background-color: var(--components--cards--background-color--bg-color-secondary\); } .card.sales-home---text-and-image { margin-top: var(--globals--margins--mg-default\); background-color: var(--globals--color--texts--01\); justify-content: space-between; display: flex; } .card.sales-home---page-link { background-color: var(--core--colors--neutral--100\); text-align: center; transform-style: preserve-3d; text-decoration: none; transition-property: transform; display: block; position: relative; } .card.sales-home---page-link:hover { transform: scale3d(.96, .96, 1.01); } .card.buy-now { border-style: none; border-color: var(--core--colors--secondary--transparent\); background-color: var(--social-media-colors--webflow\); width: 100%; min-height: 100%; transform-style: preserve-3d; flex-direction: column; justify-content: space-between; align-items: stretch; text-decoration: none; transition-property: transform; display: flex; box-shadow: 0 6px 20px #4a3aff14; } .card.buy-now:hover { transform: scale3d(.98, .98, 1.01); } .card.buy-now.white { border-style: solid; border-color: var(--components--cards--border-color--br-color-default\); background-color: var(--core--colors--neutral--100\); box-shadow: 0 6px 20px 0 var(--core--box-shadow--bs-neutral-medium\); } .card.search-card { width: 100%; min-height: 100%; padding: var(--components--cards--paddings--pd-medium\); background-color: var(--components--cards--background-color--bg-color-secondary\); color: var(--components--titles-paragraphs--text-paragraphs\); transform-style: preserve-3d; text-decoration: none; transition-property: transform; } .card.search-card:hover { transform: scale3d(.98, .98, 1.01); } .card.checkout-block { padding: var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-large\); background-color: var(--components--cards--background-color--bg-color-secondary\); margin-bottom: 32px; } .card.checkout-block.last { margin-bottom: 0; } .card.password-protected-card { padding: 185px var(--components--cards--paddings--pd-large\); background-color: var(--components--cards--background-color--bg-color-secondary\); text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .card.coming-soon-card { background-color: var(--components--cards--background-color--bg-color-secondary\); width: 55%; max-width: 711px; margin-top: 62px; margin-bottom: 62px; padding: 93px 91px; } .card._01 { z-index: 1; background-color: var(--components--cards--background-color--bg-color-secondary\); width: 100%; max-width: 586px; padding: 86px 53px; position: relative; } .card._01.trans { z-index: 999; background-color: var(--_ehs---ivory-stone); max-width: 950px; margin-top: 0; padding: 20px 40px; top: 108px; } .card.form-item { border-color: var(--components--cards--border-color--br-color-secondary\); background-color: var(--_ehs---ivory-stone); flex-flow: column; justify-content: center; align-items: stretch; margin-top: 50px; padding: 84px 70px; display: flex; } .card.featured-post-v2-content { z-index: 1; width: 100%; max-width: 545px; padding: var(--components--cards--paddings--pd-extra-large\) 46px; position: relative; } .card.author-item { border-color: var(--components--cards--border-color--br-color-secondary\); background-color: var(--components--cards--background-color--bg-color-secondary\); width: 100%; max-width: 638px; margin-left: auto; margin-right: auto; padding: 36px; } .card.hero-v6-content { padding: 106px var(--components--cards--paddings--pd-medium\); border-color: var(--components--cards--border-color--br-color-default\); background-color: var(--components--cards--background-color--bg-color-secondary\); flex-flow: column; justify-content: center; align-items: center; margin-top: 36px; margin-bottom: 36px; display: flex; } .card._06 { width: 80%; max-width: 416px; padding: 36px var(--components--cards--paddings--pd-medium\); background-color: var(--components--cards--background-color--bg-color-secondary\); position: absolute; inset: auto 0% 43px auto; } .card.post-card-full-image-content { z-index: 1; max-width: 458px; padding: var(--components--cards--paddings--pd-large\) var(--components--cards--paddings--pd-default\) var(--components--cards--paddings--pd-large\) var(--components--cards--paddings--pd-medium\); position: relative; } .card.cart-main { flex-flow: column; flex: 1; justify-content: space-between; display: flex; } .card.location---item { z-index: 1; width: 100%; max-width: 394px; padding: 41px 46px; position: relative; } .card.rich-text-content { padding: 88px var(--components--cards--paddings--pd-large\); background-color: var(--components--cards--background-color--bg-color-secondary\); } .card.featured-post-v1-content { z-index: 1; max-width: 550px; padding: var(--components--cards--paddings--pd-extra-large\); border-color: var(--components--cards--border-color--br-color-default\); position: relative; } .card._07 { width: 100%; min-height: 100%; padding: 15px 25px 15px var(--components--cards--paddings--pd-medium\); background-color: var(--_ehs---ivory-stone); flex-flow: column; justify-content: space-between; display: flex; position: relative; } .text-neutral-700 { min-width: 100%; color: var(--core--colors--neutral--700\); font-size: 18px; } .text-light { color: var(--components--titles-paragraphs--text-light\); } .flex-horizontal { justify-content: center; align-items: center; display: flex; } .flex-horizontal.gap-default { grid-column-gap: var(--globals--gaps--gap-default\); } .flex-horizontal.justify-start { justify-content: flex-start; } .flex-horizontal.justify-start.top { justify-content: flex-start; align-items: flex-start; } .flex-horizontal.n-bar-center---button-right, .flex-horizontal.gap-small { grid-column-gap: var(--globals--gaps--gap-small\); grid-row-gap: var(--globals--gaps--gap-small\); } .flex-horizontal.space-between-align-bottom { justify-content: space-between; align-items: flex-end; } .flex-horizontal.gap-12px-wrap { grid-column-gap: var(--core--sizes--size-3\); grid-row-gap: var(--core--sizes--size-3\); flex-flow: wrap; } .flex-horizontal.wrap-down { flex-flow: wrap; } .flex-horizontal.space-between { justify-content: space-between; } .flex-horizontal.space-between.gap-default-col---tiny-row---wrap { grid-column-gap: var(--globals--gaps--gap-default\); grid-row-gap: var(--globals--gaps--gap-tiny\); grid-column-gap: var(--globals--gaps--gap-default\); grid-row-gap: var(--globals--gaps--gap-tiny\); flex-flow: wrap; } .mg-top-large.mg-top-large---mbl { margin-top: 100px; } .grid-1-column { grid-column-gap: var(--globals--grid-gap--default\); grid-row-gap: var(--globals--grid-gap--default\); 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.utp { flex-direction: column; display: flex; } .grid-1-column.image-top-grid { grid-column-gap: 18px; grid-row-gap: 18px; grid-template-rows: min-content auto; } .grid-1-column.blog-grid-v1 { grid-column-gap: 70px; grid-row-gap: 70px; } .grid-1-column.featured-post-v2---column---grid { grid-row-gap: var(--globals--margins--mg-long\); align-content: center; place-items: center stretch; width: 100%; min-height: 100%; } .grid-1-column.contact-links-grid { grid-row-gap: 60px; } .grid-1-column.gap-row-none { grid-row-gap: var(--globals--gaps--gap-none\); place-items: start; } .grid-1-column.gap-row-70px { grid-row-gap: 70px; } .grid-1-column.gallery-right---grid { grid-column-gap: 20px; grid-row-gap: 20px; background-color: var(--_ehs---color); grid-auto-rows: min-content; width: 100%; max-width: 100%; padding-left: 20px; overflow: hidden; } .inner-container._320px { max-width: 320px; } .inner-container.center { margin-left: auto; margin-right: auto; } .inner-container._916px { max-width: 916px; } .inner-container._420px { max-width: 420px; } .inner-container._872px { width: 100%; max-width: 776px; } .inner-container._760px { max-width: 760px; } .inner-container._760px.center { max-width: 800px; } .inner-container._460px { max-width: 460px; } .inner-container._640px { max-width: 640px; } .inner-container._960px { max-width: 960px; } .inner-container._800px { max-width: 800px; } .inner-container._620px { max-width: 620px; } .inner-container._620px.center { padding-top: 50px; } .inner-container._620px.center.v2 { max-width: 850px; } .inner-container._1050px { max-width: 1050px; } .inner-container._1110px { max-width: 1110px; } .inner-container._754px { max-width: 754px; } .inner-container._574px { max-width: 574px; } .inner-container._526px { max-width: 526px; } .inner-container._976px { max-width: 976px; } .inner-container._572px { max-width: 572px; } .inner-container._560px { max-width: 560px; } .inner-container._324px { max-width: 324px; } .inner-container._316px { max-width: 316px; } .inner-container._524px { max-width: 524px; } .inner-container._776px { max-width: 776px; } .inner-container._566px { max-width: 566px; } .inner-container._1082px { max-width: 1082px; } .inner-container._806px { max-width: 806px; } .inner-container._806px.center { padding-bottom: 50px; } .inner-container._638px { max-width: 638px; } .inner-container._330px { max-width: 330px; } .inner-container._330px.center { max-width: 100%; } .inner-container._492px { max-width: 492px; } .inner-container._550px { max-width: 550px; } .inner-container._556px { max-width: 556px; } .inner-container._636px { max-width: 636px; } .inner-container._686px { max-width: 686px; } .inner-container._1108px { max-width: 1108px; } .inner-container._140px { max-width: 140px; } .inner-container._567px { max-width: 567px; } .inner-container._622px { max-width: 622px; } .inner-container._400px { max-width: 400px; } .inner-container._666px { max-width: 666px; } .inner-container._666px._100-mbl { max-width: 750px; } .inner-container._271px { max-width: 271px; } .inner-container._364px { background-color: var(--_ehs---ivory-stone); max-width: 364px; padding: 20px; } .inner-container._264px---100 { width: 100%; max-width: 264px; } .inner-container._1142px { max-width: 1142px; } .inner-container._963px { max-width: 963px; } .inner-container._751px { max-width: 751px; } .inner-container._842px { max-width: 842px; } .inner-container._1040px { max-width: 1040px; } .inner-container._1304px { max-width: 1304px; } .inner-container._527px { max-width: 527px; } .inner-container._283px { max-width: 283px; } .inner-container._416px { max-width: 416px; } .inner-container._397px { max-width: 397px; } .inner-container._389px { max-width: 389px; } .inner-container._555px { max-width: 555px; } .inner-container._770px { max-width: 770px; } .inner-container._950px { z-index: 999; background-color: var(--_ehs---ivory-stone); max-width: 950px; padding: 50px; position: relative; } .inner-container._850px { max-width: 850px; } .inner-container._1000px { max-width: 1000px; } .inner-container._580px { max-width: 580px; } .inner-container._670px { max-width: 670px; } .inner-container._700px { max-width: 700px; } .inner-container._480px { max-width: 480px; } .inner-container._600px { max-width: 600px; } .inner-container._600px.center { max-width: 800px; padding: 20px 50px; } .inner-container._600px.center.background { background-color: var(--_ehs---ivory-stone); background-color: var(--_ehs---ivory-stone); } .inner-container._740px { max-width: 740px; } .inner-container._1138px { max-width: 1138px; } .inner-container._650px { max-width: 650px; } .inner-container._470px { max-width: 470px; } .inner-container._436px { max-width: 436px; } .inner-container._542px { max-width: 542px; } .inner-container._542px._100-mbl { max-width: 90%; font-size: 20px; } .inner-container._809px { max-width: 809px; } .inner-container.slider-arrows-mg { margin-right: 140px; } .inner-container._575px { max-width: 575px; } .icon-font-rounded { color: var(--_ehs---ivory-stone); font-family: Icon Rounded, sans-serif; font-size: 28px; line-height: 1.5em; } .icon-font-rounded.dropdown-arrow { font-size: var(--core--font-size--displays--display-1\); justify-content: center; align-items: center; display: flex; } .icon-font-rounded.success-message-icon { color: var(--components--titles-paragraphs--text-accent\); line-height: var(--core--line-height--small\); margin-top: -1.1px; } .text-uppercase { letter-spacing: .06em; text-transform: uppercase; } .text-center { text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .primary-button { grid-column-gap: var(--components--buttons--gaps--gap-small\); grid-row-gap: var(--components--buttons--gaps--gap-small\); border-bottom: var(--core--border-width--bw-size-4\) solid var(--components--buttons-primary--border-color--b-light-mode\); background-color: var(--core--colors--secondary--transparent\); color: var(--components--buttons-primary--text--text-light-mode\); font-size: var(--core--font-size--displays--display-2\); line-height: var(--core--line-height--regular\); text-transform: uppercase; border-radius: 0; flex-flow: row; justify-content: center; align-items: center; padding: 0 0 10px; font-weight: 500; text-decoration: none; transition: border-color .3s, color .3s; display: flex; position: relative; } .primary-button:hover { color: #958371; border-bottom-color: #5746351a; } .primary-button.small { font-size: var(--core--font-size--displays--display-1\); padding-bottom: 10px; } .primary-button.no-hover { transition: none; } .primary-button.no-hover:hover { border-bottom-color: var(--components--buttons-primary--border-color--b-light-mode\); color: var(--components--buttons-primary--text--text-light-mode\); } .primary-button.mg-top-0 { margin-top: 0; } .primary-button.header-button { border-bottom-style: none; padding-bottom: 0; line-height: 1em; display: flex; } .primary-button.terms-tab { border-bottom-color: var(--core--colors--secondary--transparent\); } .primary-button.terms-tab.w--current { border-bottom-color: var(--globals--border-color--border-accent\); } .primary-button.hide { border-bottom-width: 2px; border-bottom-color: var(--_ehs---black); color: var(--_ehs---black); text-align: center; font-size: 18px; line-height: 1.25em; } .primary-button.hide.white { border-bottom-color: var(--_ehs---color); color: var(--_ehs---color); } .primary-button.white { border-bottom-color: var(--base-color-neutral--white); color: var(--_ehs---color); } .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(--components--buttons-primary--text--text-dark-mode\); } .primary-button.dark-mode:hover { border-bottom-color: var(--globals--border-color--border-5\); color: var(--globals--color--texts--03\); } .primary-button.dark-mode.no-hover:hover { border-bottom-color: var(--globals--border-color--border-1\); color: var(--globals--color--texts--01\); } .primary-button._50 { width: 100%; margin-top: 50px; } .item-icon-left { -webkit-text-stroke-width: 1px; line-height: 1em; } .mg-top-medium { margin-top: var(--globals--margins--mg-medium\); } .link { grid-column-gap: var(--components--links--gaps--gap-regular\); grid-row-gap: var(--components--links--gaps--gap-regular\); color: var(--_ehs---onyx); font-size: var(--core--font-size--displays--display-2\); line-height: var(--core--line-height--regular\); text-decoration: none; transition: all .475s, color .3s; display: flex; } .link:hover { color: var(--_ehs---classic-taupe); border-bottom: 0 solid #000; font-family: Satoshi, Arial, sans-serif; font-weight: 400; text-decoration: none; } .link.small { font-size: var(--core--font-size--displays--display-1\); } .link.light { color: var(--components--links--text-color--text-light\); } .link.light:hover { color: var(--core--colors--neutral--500\); flex: 1; } .link.accent { color: var(--components--links--text-color--text-accent\); } .link.accent:hover { color: var(--core--colors--neutral--600\); } .list-wrapper { grid-column-gap: var(--globals--gaps--gap-small\); grid-row-gap: var(--globals--gaps--gap-small\); flex-direction: column; align-items: flex-start; margin-bottom: 0; padding-left: 0; list-style-type: none; display: flex; } .icon-font-social-media { font-family: Social Media Icon Font BRIX, sans-serif; } .icon-font-social-media.x-icon { font-family: X Social Media Icon, sans-serif; } .icon-font-social-media.display-3.hide { display: none; } .grid-3-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; grid-auto-columns: 1fr; display: grid; } .grid-3-columns.checkout-3-inputs-grid { grid-column-gap: var(--globals--grid-gap--small\); grid-template-columns: 1fr; margin-bottom: 24px; } .grid-3-columns.gap-28px { grid-column-gap: 28px; grid-row-gap: 28px; } .grid-3-columns.gap-28px.gallery-grid, .grid-3-columns.gap-28px.footer-v2-gallery { grid-template-columns: 1fr 1fr 1fr; } .grid-3-columns.features-grid { grid-column-gap: 6px; grid-template-columns: minmax(303px, auto) minmax(303px, auto) minmax(303px, auto); justify-content: space-between; place-items: center stretch; } .grid-3-columns.story-grid { grid-template-columns: 1fr minmax(570px, 2fr) 1fr; align-items: center; min-height: 495px; } .grid-3-columns.gap-col-32px-row-58px { grid-column-gap: 32px; grid-row-gap: 58px; margin-top: 50px; } .grid-3-columns.gap-col-60px-row-58px { grid-column-gap: 60px; grid-row-gap: 58px; } .grid-3-columns.blog-v3-grid { grid-column-gap: 52px; grid-row-gap: 80px; } .grid-3-columns.team-grid { grid-row-gap: 88px; } .grid-3-columns.blog-grid-v3 { grid-column-gap: 52px; grid-row-gap: 120px; } .grid-3-columns.products-grid { grid-column-gap: 30px; grid-row-gap: 62px; grid-template-columns: 1fr 1fr 1fr; } .grid-3-columns.slide-project-grid { grid-column-gap: 36px; grid-row-gap: 36px; grid-template-columns: .6fr 1fr 1fr; align-items: center; } .paragraph-large { font-size: var(--core--font-size--displays--display-3\); line-height: var(--core--line-height--large\); margin-bottom: 0; } .paragraph-large.text-neutral-light { text-shadow: 5px 3px 4px var(--_ehs---black); font-weight: 500; } .paragraph-large.text-neutral-light.central { text-align: center; font-size: 30px; } .paragraph-large.text-neutral-light.central.space { text-shadow: 5px 3px 10px var(--_ehs---black); } .buttons-row { grid-column-gap: var(--globals--gaps--gap-small\); grid-row-gap: var(--globals--gaps--gap-default\); flex-flow: wrap; justify-content: center; align-items: center; margin-bottom: 20px; display: flex; } .buttons-row.left { justify-content: flex-start; margin-top: 20px; } .buttons-row.right { justify-content: flex-end; } .mg-top-extra-large { background-color: var(--_ehs---color); min-width: 100%; margin-top: 50px; padding: 0; } .mg-top-extra-large.background { background-color: var(--_ehs---color); padding: 20px 50px; } .mg-top-extra-large.hide { display: none; } .mg-bottom-tiny { margin-bottom: var(--globals--margins--mg-tiny\); } .mg-bottom-extra-small { margin-bottom: var(--globals--margins--mg-extra-small\); } .container-default { max-width: none; padding-right: var(--core--container-default--padding--default\); flex-flow: column; justify-content: center; align-items: stretch; margin-left: auto; margin-right: auto; padding-left: 24px; display: flex; overflow: hidden; } .container-default.display-block { display: block; } .container-default.full { min-width: 100%; max-width: none; margin-bottom: 150px; padding-left: 0; padding-right: 0; overflow: visible; } .container-default.hide { display: none; } .container-default.left { justify-content: center; align-items: flex-start; } .container-default.centre, .container-default.central { justify-content: center; align-items: center; } .container-default._1426px { min-width: 100%; max-width: 100%; height: auto; padding-top: 0; padding-left: 0; padding-right: 0; position: relative; } .container-default.pad { padding-top: 100px; } .container-default.centre { justify-content: center; align-items: center; } .overflow-hidden { padding-bottom: 100px; overflow: hidden; } .logo-wrapper._140px { width: 100%; max-width: 230px; position: relative; } .section { padding-top: 100px; padding-bottom: 100px; overflow: hidden; } .section.sales-home-hero { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: var(--components--sections--paddings--pd-large\); background-image: linear-gradient(180deg, var(--components--sections--backgrounds--bg-color-default\) 50%, var(--components--sections--backgrounds--bg-color-accent\) 50%); overflow: hidden; } .section.cta-sales-home { padding-top: 0; } .section.top-bottom-120px { padding-top: var(--components--sections--paddings--pd-large\); padding-bottom: var(--components--sections--paddings--pd-large\); } .section.hero { position: relative; overflow: hidden; } .section.hero.v21 { padding-top: 0; } .section.hero.v23 { padding-top: var(--components--sections--paddings--pd-extra-small\); padding-bottom: var(--components--sections--paddings--pd-medium\); } .section.hero.v20 { padding-top: 90px; padding-bottom: 0; } .section.hero.v13 { padding-top: 103px; padding-bottom: 184px; overflow: visible; } .section.hero.v7 { padding-top: 90px; } .section.hero.v8 { padding-top: 90px; padding-bottom: 170px; } .section.hero.v9 { padding-top: 90px; } .section.hero.v6 { padding-top: 34px; padding-bottom: 0; } .section.hero.v3 { padding-top: 90px; padding-bottom: 0; } .section.hero.v14 { z-index: 999; padding-top: 60px; padding-bottom: 0; overflow: visible; } .section.top-140px-bottom-extra-large { padding-top: 20px; padding-bottom: var(--components--sections--paddings--pd-extra-large\); } .section.pd-none { padding-top: 0; padding-bottom: 0; } .section.top-80px { padding-top: 80px; } .section.top-160px { padding-top: 160px; } .section.top-60px { padding-top: 60px; } .section.previous-projects, .section.hide { display: none; } .section.top-none { padding-top: 0; display: none; } .section.top-none.overflow-hidden { display: block; } .section.previous-projects, .section.hide { display: none; } .section.no-padding { padding-bottom: 0; } .position-relative { position: relative; } .position-relative.magical-gallery-wrapper { grid-column-gap: var(--globals--gaps--gap-default\); grid-row-gap: var(--globals--gaps--gap-default\); grid-column-gap: var(--globals--gaps--gap-default\); grid-row-gap: var(--globals--gaps--gap-default\); justify-content: space-between; display: flex; } .hidden-on-mobile-landscape { display: none; } .z-index-1 { z-index: 1; box-sizing: border-box; position: relative; top: 0; } .footer-wrapper { overflow: hidden; } .footer-wrapper.v1 { background-color: var(--globals--color--surfaces--03\); } .slider-wrapper { background-color: #0000; height: 100%; } .slider-wrapper.service-slider-wrapper { flex-flow: column; display: flex; } .hidden { display: none; } .slider-mask { width: 100%; height: 100%; } .slider-mask.width-364px { max-width: 364px; overflow: visible; } .slider-mask._388px { max-width: 480px; overflow: visible; } .slider-nav { height: 18px; margin-top: var(--globals--margins--mg-default\); padding-top: 0; position: static; transform: scale(.7); } .image { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; height: 100%; } .image._90px { width: 90px; max-width: 90px; height: 90px; max-height: 90px; } .image.grow { flex: 1; } .image.post-v2-item---image { max-height: 380px; } .image.post-v3---image { max-height: 256px; } .image.hero-v3-image { max-height: 583px; } .image.team-item---image { max-height: 464px; } .image.post-page { max-height: 500px; } .image.location-item---image { max-height: 393px; } .image.product---image { flex: 1; min-height: 421.125px; max-height: 540px; } .image.service-slider---image { width: 150%; min-height: auto; max-height: none; } .image.slide-project-image._01 { max-height: 492px; } .image.slide-project-image._03 { max-height: 305px; } .image.responsive---mbl { background-color: var(--_ehs---color); max-width: 70%; height: auto; } .image.responsive---mbl.homepage { aspect-ratio: 3 / 2; aspect-ratio: 3 / 2; } .image.service-item---image { max-height: 614px; } .hover-image-mask { z-index: -1; cursor: pointer; justify-content: center; align-items: center; width: 100%; height: 100vh; display: none; position: fixed; inset: 0%; overflow: hidden; } .hover-image { object-fit: cover; width: 194px; } .step-card-content { z-index: -2; position: relative; } .base-icon-font { font-family: var(--core--icon-family--base-font\); } .text-neutral-light { opacity: .95; color: var(--components--titles-paragraphs--text-neutral-light\); } .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\); border-radius: var(--components--cards--border-radius--br-none\); background-color: var(--components--cards--background-color--bg-color-secondary\); text-align: center; } .primary-font { font-family: var(--core--font-family--primary-font\); font-weight: 400; } .image-wrap { margin-bottom: 0; position: relative; overflow: hidden; } .image-wrap.cta-image-v2 { z-index: 1; flex-flow: column; justify-content: center; align-items: stretch; width: 98%; max-width: 470px; max-height: 368px; display: flex; position: absolute; inset: auto auto 0% -60%; } .image-wrap.cta-image-v3 { flex-flow: column; justify-content: center; align-items: stretch; width: 100%; min-height: 100%; display: flex; } .image-wrap.cta-image-v4 { z-index: -1; width: 100%; height: 100%; position: absolute; inset: 0%; } .image-wrap.bg-image-absolute, .image-wrap.hero-v1-bg-image { position: absolute; inset: 0%; } .image-wrap.story-grid---image-left { width: 27dvw; max-width: 388px; position: absolute; inset: 0% 0% 0% auto; } .image-wrap.story-grid---image-right { width: 27dvw; max-width: 388px; position: absolute; inset: 0% auto 0% 0%; } .image-wrap.cta-v4-image-01 { width: 64%; min-width: 323px; max-width: 388px; margin-left: auto; position: absolute; inset: 0% 0% 203px auto; } .image-wrap.cta-v4-image-02 { width: 64%; min-width: 323px; max-width: 388px; position: absolute; inset: 203px auto 0% 0%; } .image-wrap.featured-post-v1-image-wrapper { flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: absolute; inset: 0%; } .image-wrap.featured-post-v2---image-wrapper { position: absolute; inset: 0%; } .image-wrap.featured-post-v3---image-wrapper { flex: 1; align-self: stretch; width: 100%; max-width: 746px; } .image-wrap.product---image-wrapper { flex-flow: column; justify-content: space-between; display: flex; } .image-wrap.more-images { transform-style: preserve-3d; transition: transform .3s, opacity .3s; } .image-wrap.more-images:hover { opacity: .6; transform: scale3d(.98, .98, 1.01); } .image-wrap.cta-image-v1 { z-index: -1; width: 100%; height: 100%; position: absolute; inset: 0%; } .image-wrap._w-h-100 { background-color: var(--_ehs---color); flex-flow: column; justify-content: center; align-items: center; margin-top: 0; display: flex; overflow: visible; } .image-wrap._w-h-100.hero-v23---image-wrapper { background-color: var(--components--cards--background-color--bg-color-secondary\); flex: 1; height: auto; min-height: 100%; } .image-wrap.hero-v1-bg-image { position: absolute; inset: 0%; } .image-wrap.magical-gallery-center { z-index: -999; width: 100%; max-width: 80%; margin-top: -288px; margin-left: auto; margin-right: auto; top: 0; } .image-wrap.post-v1---image-wrapper { flex: 1; align-self: stretch; width: 100%; max-width: 638px; } .view-hover-wrap { z-index: 10; background-color: var(--core--colors--overlays--dark-100\); justify-content: center; align-items: center; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .view-hover { border: 3px solid var(--_ehs---ivory-stone); background-color: var(--_ehs---classic-taupe); min-width: 60px; max-width: 60px; min-height: 60px; max-height: 60px; color: var(--components--buttons-secondary--text--text-light-mode\); font-size: var(--core--font-size--displays--display-5\); cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; text-decoration: none; display: flex; } .footer-top-v1 { background-color: var(--_ehs---color); position: relative; } .footer-middle-main { padding-top: var(--components--sections--paddings--pd-default\); background-color: var(--_ehs---color); padding-bottom: 66px; } .half-bg-bottom { z-index: -1; width: 100%; height: 50%; position: absolute; inset: auto 0% 0%; } .half-bg-bottom.footer-bg-bottom { z-index: 0; background-color: var(--globals--color--surfaces--03\); z-index: 0; background-color: var(--globals--color--surfaces--03\); } .heading-wrapper { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; text-decoration: none; display: inline-block; position: relative; } .heading-wrapper.mg-bottom-extra-small { margin-bottom: 8px; } .heading-wrapper.menu-title { margin-bottom: 22px; } .heading-wrapper.step-number { margin-top: -11px; } .heading-wrapper.left { flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .heading-divider-wrapper { width: 100%; height: var(--core--border-width--bw-size-3\); position: absolute; inset: auto 0% 0%; overflow: hidden; } .heading-divider { width: 0%; height: var(--core--border-width--bw-size-3\); background-color: var(--globals--border-color--border-accent\); position: absolute; inset: 0% auto auto 0%; } .heading-divider.dark-mode { background-color: var(--globals--border-color--border-1\); background-color: var(--globals--border-color--border-1\); } .footer-description-v1 { grid-column-gap: var(--globals--gaps--gap-medium\); grid-row-gap: var(--globals--gaps--gap-medium\); flex-flow: column; justify-content: space-between; max-width: 380px; display: flex; } .social-media-flex { grid-column-gap: var(--globals--gaps--gap-small\); grid-row-gap: var(--globals--gaps--gap-small\); justify-content: center; align-items: center; display: flex; } .social-media-flex.left { justify-content: flex-start; align-items: center; } .footer-bottom-v1 { background-color: var(--_ehs---ivory-stone); } .footer-bottom-main { padding-top: var(--components--cards--paddings--pd-default\); padding-bottom: var(--components--cards--paddings--pd-default\); grid-column-gap: var(--globals--gaps--gap-small\); grid-row-gap: var(--globals--gaps--gap-small\); border-top: var(--core--border-width--bw-size-2\) solid var(--globals--border-color--border-5\); justify-content: space-between; align-items: center; display: flex; } .footer-bottom-main.v3 { padding-top: var(--components--cards--paddings--pd-extra-large\); padding-bottom: var(--components--cards--paddings--pd-extra-large\); } .overlay { z-index: 1; width: 100%; height: 100%; position: absolute; inset: 0%; } .overlay.v2 { background-color: var(--core--colors--overlays--dark-200\); } .overlay.v3 { background-color: #0003; } .overlay.v1 { background-color: var(--core--colors--overlays--dark-100\); } .overlay.v4 { z-index: 0; background-color: #0000001a; background-image: linear-gradient(#000000ab, #000000ab 6%, #fff0 37%); min-height: auto; inset: 0% 0% auto; } .inner-section { position: relative; overflow: hidden; } .inner-section.cta-v2 { background-color: var(--components--sections--backgrounds--bg-color-secondary\); margin-bottom: 176px; padding: 90px 60px; overflow: visible; } .inner-section.cta-v4 { background-color: var(--components--sections--backgrounds--bg-color-secondary\); margin-top: 60px; margin-bottom: 60px; padding-left: 54px; padding-right: 38px; overflow: visible; } .inner-section.cta-v5 { padding: 82px var(--components--cards--paddings--pd-large\); grid-column-gap: var(--globals--gaps--gap-default\); grid-row-gap: var(--globals--gaps--gap-default\); background-color: var(--components--sections--backgrounds--bg-color-secondary\); flex-flow: row; justify-content: space-between; align-items: center; display: flex; } .inner-section.cta-v6 { padding: 110px var(--components--cards--paddings--pd-medium\) 96px; background-color: var(--components--sections--backgrounds--bg-color-secondary\); text-align: center; flex-flow: column; justify-content: center; display: flex; } .inner-section.hero-with-bg { min-width: 100%; height: 1036px; padding: 0px var(--globals--paddings--pd-large\); text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .inner-section.hero-v5-content { padding: 90px var(--components--cards--paddings--pd-default\) 85px; background-color: var(--components--sections--backgrounds--bg-color-secondary\); text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; overflow: visible; } .inner-section.hero-v4-content { background-color: var(--_ehs---color); margin-bottom: 0; padding: 90px 60px 0; overflow: hidden; } .inner-section.hero-v2-content { width: 100%; max-width: 581px; padding-top: 235px; padding-bottom: 235px; } .inner-section.terms-and-condition-inner-section { padding: 150px var(--components--cards--paddings--pd-default\) 200px; background-color: var(--components--sections--backgrounds--bg-color-secondary\); text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; overflow: visible; } .inner-section.utility-block { padding: 150px var(--components--cards--paddings--pd-large\) 140px; background-color: var(--components--sections--backgrounds--bg-color-secondary\); text-align: center; } .inner-section.cta-v1 { min-width: 100%; padding: var(--components--cards--paddings--pd-extra-large\); grid-column-gap: 302px; grid-row-gap: 302px; flex-flow: column; justify-content: space-between; display: flex; } .inner-section.hero-v1-content { flex-flow: column; min-width: 100vw; max-width: 100vw; height: 1036px; min-height: auto; padding-top: 60px; padding-bottom: 111px; display: flex; } .inner-section.hero-v1-content.hompeage { padding-top: 15%; } .mg-top-100px { margin-top: 20px; } ._w-h-100 { width: 100%; height: 100%; } .mg-top-long { margin-top: var(--globals--margins--mg-long\); } .image-animation-wrap { z-index: 0; flex-flow: column; width: 100%; min-width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; overflow: hidden; } .image-animation-curtain { background-color: var(--components--sections--backgrounds--bg-color-secondary\); width: 50%; height: 100%; display: none; } .image-animation-curtain.left, .image-animation-curtain.right, .image-animation-curtain.left, .image-animation-curtain.right { background-color: var(--_ehs---color); } .card-button { grid-column-gap: var(--components--buttons--gaps--gap-small\); grid-row-gap: var(--components--buttons--gaps--gap-small\); border-bottom: var(--core--border-width--bw-size-4\) solid var(--components--buttons-primary--border-color--b-light-mode\); background-color: var(--core--colors--secondary--transparent\); color: var(--components--buttons-primary--text--text-light-mode\); font-size: var(--core--font-size--displays--display-2\); line-height: var(--core--line-height--regular\); text-align: center; text-transform: uppercase; flex-flow: row; justify-content: center; align-items: center; padding: 0 0 10px; font-weight: 500; text-decoration: none; display: flex; position: relative; } .position-sticky { position: sticky; } .position-sticky.top-24px { top: 24px; } .mg-right-26px { margin-right: 26px; } .slider-button { border: var(--components--buttons--border-width--bw-default\) solid var(--components--buttons-primary--border-color--b-light-mode\); background-color: var(--components--buttons-primary--backgrounds--bg-light-mode\); width: 46px; min-width: 46px; height: 46px; min-height: 46px; color: var(--components--buttons-primary--text--text-light-mode\); font-size: var(--core--font-size--displays--display-1\); line-height: var(--core--line-height--small\); text-align: center; transform-style: preserve-3d; border-radius: 50%; justify-content: center; align-items: center; margin-left: 0; margin-right: 0; padding: 0; font-weight: 400; text-decoration: none; transition: background-color .3s, color .3s, border-color .3s; display: flex; } .slider-button:hover { background-color: var(--components--buttons-secondary--backgrounds--bg-light-mode\); color: var(--components--buttons-secondary--text--text-light-mode\); transform: scale3d(.94, .94, 1.01); } .slider-button.left-v2 { inset: auto auto 0% 341px; } .slider-button.right-v2 { inset: auto auto 0% 399px; } .slider-button.left-v3 { background-color: var(--_ehs---onyx); inset: -96px auto auto 0%; } .slider-button.right-v3 { background-color: var(--_ehs---onyx); margin-top: 0; margin-bottom: 0; top: -96px; left: 56px; } .slider-button.right-top-main { inset: -96px 0% auto auto; } .slider-button.left-top-main { inset: -96px 62px auto auto; } .step-card { min-width: 100%; padding-top: var(--components--cards--paddings--pd-large\); padding-bottom: var(--components--cards--paddings--pd-large\); position: relative; } .step-card.first { min-width: 100%; padding-top: 0; } .step-card.last { border-bottom-style: none; padding-bottom: 0; } .default { font-weight: 400; } .text-no-wrap { white-space: nowrap; } .link---content-wrapper { width: auto; color: var(--components--titles-paragraphs--text-paragraphs\); text-decoration: none; } .link---content-wrapper:hover { color: var(--components--titles-paragraphs--text-paragraphs\); } .steps---column { width: 100%; max-width: 826px; } .step-wrapper---main.left { text-align: left; text-align: left; } .step-card-divider { z-index: -2; width: 100%; height: var(--components--divider--border-width--bw-regular\); opacity: .5; background-color: #574635; position: absolute; inset: auto 0% 0%; } .slide-project-content { grid-column-gap: 39px; grid-row-gap: 39px; flex-flow: column; justify-content: space-between; display: flex; } .post-v1---item { flex-flow: row; justify-content: space-between; align-items: center; width: 100%; min-height: 100%; display: flex; } .post-v1---content { width: 46%; max-width: 596px; margin-top: 38px; margin-bottom: 38px; margin-left: var(--globals--margins--mg-default\); grid-column-gap: var(--globals--gaps--gap-medium\); grid-row-gap: var(--globals--gaps--gap-medium\); flex-flow: column; justify-content: space-between; align-self: stretch; display: flex; } .shrink-grow-none { flex: none; } .image-and-testimonials-wrapper { flex-flow: column; justify-content: space-between; align-items: center; display: flex; } .image-and-testimonials---image-wrapper { flex-flow: column; flex: 1; justify-content: center; align-self: stretch; align-items: stretch; max-width: 100%; display: flex; overflow: visible; } .card-testimonial---bg-alt { background-color: var(--_ehs---ivory-stone); position: absolute; inset: 0%; } .service-item { flex-flow: column; justify-content: space-between; width: 100%; min-height: 100%; display: flex; } .service-item-content { flex: 1; padding-top: 18px; } .heading-2 { margin-bottom: 50px; } .heading-2.label { font-family: Boska, sans-serif; } .heading-2.label.left { text-align: left; } .section-2 { margin-top: 50px; margin-bottom: 0; } .paragraph { margin-top: 20px; margin-bottom: 20px; } .central { text-align: center; } .paragraph-3 { color: var(--_ehs---onyx); font-size: 18px; line-height: 1.5em; } .centre { text-align: center; } .image-4 { width: 788.164px; height: 525.438px; overflow: hidden; } .div-block-8 { height: 500px; overflow: hidden; } .text-span { text-decoration: underline; } .grid-5 { grid-template-rows: auto; } .left { text-align: left; font-size: 18px; } .text-block-3 { text-align: left; } .paragraph-7 { color: var(--_ehs---onyx); font-size: 18px; } .paragraph-8 { color: var(--_ehs---onyx); font-size: 18px; line-height: 1.5em; } .heading-4 { max-width: 750px; color: var(--_ehs---color); text-transform: uppercase; font-family: Boska, sans-serif; font-size: 80px; font-weight: 400; line-height: 80px; } .text-span-2 { color: var(--_ehs---color); text-shadow: 3px 3px 15px #000000d1; } .paragraph-9 { color: var(--_ehs---onyx); font-size: 18px; line-height: 1.5em; } .button-3 { display: none; } .image-15 { width: 100%; } .section-5, .section-6 { overflow: hidden; } .eyebrow { color: #321b05; text-transform: uppercase; margin-bottom: 1.25rem; font-family: Boska, sans-serif; font-size: 2.375rem; line-height: 1.2; } .eyebrow.is-center { text-align: center; } .eyebrow.is-left { text-align: left; } .eyebrow.is-small { font-size: 1.125rem; } .is-left { text-align: left; } .heading-h2 { color: #968c78; text-transform: lowercase; margin-bottom: .625rem; font-family: Boska, sans-serif; font-size: 4.5rem; line-height: 1.2; } .max-width-50 { width: 50%; max-width: 50%; } .hide { display: none; } .z-index-1 { z-index: 1; position: relative; } .heading-6 { text-transform: uppercase; font-size: 2.375rem; } .grid-2-columns-2 { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: start stretch; display: grid; } .grid-2-columns-2.header-full-width-grid---menu { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: 1fr auto; justify-content: space-between; } .grid-2-columns-2.header-full-width-grid---main { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: .7fr 1fr; align-items: stretch; } .grid-2-columns-2.header-full-width-grid-main { grid-template-columns: auto auto; justify-content: space-between; width: 100%; max-width: 450px; } .grid-3 { grid-column-gap: 80px; grid-row-gap: 80px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; place-items: center stretch; width: 100%; min-width: 100%; } .nav-menu-left-side-2 { grid-column-gap: 16px; align-items: center; width: 40px; height: 40px; display: flex; } .logo-link-2 { color: #321b05; transform-style: preserve-3d; transition: transform .3s; } .logo-link-2:hover { transform: scale3d(.96, .96, 1.01); } .social-media-flex-2 { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: center; align-items: center; display: flex; } .social-media-flex-2.left { justify-content: flex-start; align-items: center; } .hamburger-menu-dot-2 { background-color: #574635; border-radius: 50%; min-width: 6px; max-width: 6px; min-height: 6px; max-height: 6px; } .hamburger-menu-dot-2._02 { background-color: #000; min-width: 12px; max-width: 12px; min-height: 12px; max-height: 12px; } .hamburger-menu-dot-2._02.white { background-color: #fff; } .hamburger-menu-dot-2._04 { background-color: #000; min-width: 12px; max-width: 12px; min-height: 12px; max-height: 12px; } .hamburger-menu-dot-2._04.white { background-color: #fff; } .hamburger-menu-dot-2._01 { background-color: #000; min-width: 12px; max-width: 12px; min-height: 12px; max-height: 12px; } .hamburger-menu-dot-2._01.white { background-color: #fff; } .hamburger-menu-dot-2._03 { background-color: #000; min-width: 12px; max-width: 12px; min-height: 12px; max-height: 12px; } .hamburger-menu-dot-2._03.white { background-color: #fff; } .nav-menu-full-width-2 { text-align: left; background-color: #fff; border-top: 1px solid #5746351a; border-bottom: 1px solid #5746351a; padding-top: 40px; padding-bottom: 40px; display: flex; } .hamburger-menu-flex-2 { grid-row-gap: 8px; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .hamburger-menu-flex-2.v1 { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; display: grid; } .hamburger-menu-flex-2.v1.white { box-sizing: border-box; grid-column-gap: 0px; grid-row-gap: 0px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: grid; } .image-17 { width: 230px; height: 111.164px; } .image-18 { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; height: 100%; } .display-11 { font-family: Boska, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.25em; } .container-default-2 { flex-flow: column; justify-content: center; align-items: stretch; max-width: none; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; display: flex; overflow: hidden; } .container-default-2.centre { justify-content: center; align-items: center; } .primary-button-2 { grid-column-gap: 8px; grid-row-gap: 8px; color: #321b05; text-transform: uppercase; background-color: #fff0; border-bottom: 2px solid #321b05; border-radius: 0; flex-flow: row; justify-content: center; align-items: center; padding: 0 0 10px; font-size: 18px; font-weight: 500; line-height: 1.25em; text-decoration: none; transition: border-color .3s, color .3s; display: flex; position: relative; } .primary-button-2:hover { color: #958371; border-bottom-color: #5746351a; } .primary-button-2.header-button { border-bottom-style: none; padding-bottom: 0; line-height: 1em; display: flex; } .primary-button-2.hide { color: #000; text-align: center; border-bottom-width: 2px; border-bottom-color: #000; font-size: 18px; line-height: 1.25em; } .primary-button-2.hide.white { color: #fff; border-bottom-color: #fff; } .image-19 { display: none; } .icon-font-rounded-2 { color: #f6f4ee; font-family: Icon Rounded, sans-serif; font-size: 28px; line-height: 1.5em; } .text-block-5 { text-align: left; } .list-wrapper-2 { grid-column-gap: 16px; grid-row-gap: 16px; flex-direction: column; align-items: flex-start; margin-bottom: 0; padding-left: 0; list-style-type: none; display: flex; } .hamburger-menu-2 { grid-row-gap: 0px; background-color: #2388ff; border-radius: 4px; flex-direction: row; justify-content: center; align-items: center; width: 48px; min-width: 48px; height: 48px; min-height: 48px; padding: 6px; transition: background-color .3s, transform .3s; position: static; } .hamburger-menu-2:hover { background-color: #321b05; transform: scale(.94); } .hamburger-menu-2.w--open { background-color: #321b05; } .hamburger-menu-2.v1 { background-color: #fff0; width: 100%; min-width: 100%; height: 100%; min-height: 100%; padding: 0; } .hamburger-menu-2.v1:hover { background-color: #fff0; } .navbar-2.homepage { position: absolute; } .heading-divider-2 { background-color: #321b05; width: 0%; height: 1.5px; position: absolute; inset: 0% auto auto 0%; } .heading-divider-wrapper-2 { width: 100%; height: 1.5px; position: absolute; inset: auto 0% 0%; overflow: hidden; } .header-container-wrapper-2 { grid-column-gap: 32px; justify-content: space-between; align-items: center; min-width: 95%; display: flex; } .base-icon-font-2 { font-family: Icon Rounded, sans-serif; } .link-2 { grid-column-gap: 8px; grid-row-gap: 8px; color: #231f20; font-size: 18px; line-height: 1.25em; text-decoration: none; transition: all .475s, color .3s; display: flex; } .link-2:hover { color: #c2b59b; border-bottom: 0 solid #000; font-family: Satoshi, Arial, sans-serif; font-weight: 400; text-decoration: none; } .link-2.accent { color: #321b05; } .link-2.accent:hover { color: #958371; } .header-wrapper-2 { background-color: #fff0; width: 100%; padding-top: 24px; padding-bottom: 24px; } @media screen and (min-width: 1440px) { .utp---sidebar-layout-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(280px, 310px) 1fr; grid-auto-columns: 1fr; display: grid; } .display-10.text-light.heading { font-size: 80px; } .mg-top-extra-small { text-align: left; } .mg-top-extra-small.centre { text-align: center; text-align: center; } .grid-2-columns.hero-v4-grid { grid-template-columns: minmax(480px, .75fr) 1fr; } .grid-2-columns.sticky-grid-v1 { max-width: 1350px; } .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.form-item { background-color: var(--_ehs---ivory-stone); border-width: 0; } .card._07 { padding-top: 15px; padding-bottom: 15px; } .grid-1-column.gap-row-large { grid-row-gap: 64px; grid-row-gap: 64px; } .inner-container._916px.center { z-index: 999; background-color: var(--_ehs---color); z-index: 999; background-color: var(--_ehs---color); max-width: 950px; padding: 50px; position: relative; } .inner-container._600px.center { margin-bottom: 50px; } .inner-container._1082px.center.full { max-width: 100%; } .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; } .text-center { z-index: 999; position: relative; } .utp---grid-components { grid-column-gap: 19px; } .utp---buttons-sidebar { flex-direction: column; display: flex; } .text-area-line { color: var(--_ehs---pewter-blue); } .select { color: var(--_ehs---pewter-blue); font-family: Satoshi, Arial, sans-serif; font-size: 18px; line-height: 1.25em; } .grid-3-columns._1-col-mbl { margin-bottom: 50px; } .paragraph-large.text-neutral-light.central { text-shadow: 5px 3px 9px var(--_ehs---black); font-size: 30px; font-weight: 500; } .mg-top-extra-large { background-color: var(--_ehs---color); padding-left: 0; padding-right: 0; } .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%; } .notification-bar-padding { padding-left: 0; padding-right: 0; } .header-container-wrapper { min-width: 95%; } .section.top-140px-bottom-extra-large { padding-top: 0; } .section.pd-none.top-60px.nooverflow { overflow: hidden; } .footer-wrapper { align-self: stretch; } .image.responsive---mbl { max-width: 70%; } .image-wrap._w-h-100 { margin-top: 0; } .heading-wrapper { text-align: left; } .footer-bottom-main { min-width: 100%; max-width: 100%; } .hero-v21-content { min-height: 829px; padding-top: 0%; padding-bottom: 0%; } .step-card.first { max-width: 100%; } .step-wrapper---main, .step-wrapper---main.left, .step-wrapper---main.left { text-align: left; } .image-and-testimonials-wrapper { margin-top: 100px; } .post-card-full-image-wrapper { padding-top: 576px; } .hero-v4-content { background-color: var(--_ehs---color); } .location-full-section { padding-left: 80px; } .body-2 { background-color: var(--_ehs---color); } .paragraph-3 { font-size: 18px; } .grid-2 { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr; } .image-2 { min-width: 100%; } .div-block-7 { flex-flow: column; justify-content: center; align-items: center; margin-top: 50px; display: flex; } .gallery-landscape { margin-top: 30px; margin-bottom: 30px; } .paragraph-7 { font-size: 18px; } .button-4 { align-self: center; position: sticky; inset: 0 1% 0% auto; } .div-block-33 { position: sticky; top: 34px; } .header-container-wrapper-2 { min-width: 95%; } } @media screen and (min-width: 1920px) { .utp---sidebar-layout-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; 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; } .grid-2-columns { grid-template-columns: .75fr; } .grid-2-columns.sticky-grid-v2, .grid-2-columns.sticky-grid-v1 { max-width: 1350px; } .grid-2-columns.header-full-width-grid---menu { grid-template-columns: 1.75fr auto; } .grid-2-columns.header-full-width-grid-main { max-width: 1005px; } .grid-2-columns.sticky-grid-v2, .grid-2-columns.sticky-grid-v1 { max-width: 1350px; } .grid-2-columns.image-and-testimonials---content { min-width: 66%; max-width: 66%; margin-left: 0; } .text-light { color: var(--components--titles-paragraphs--text-light\); } .primary-button { font-size: 20px; } .link { font-size: 20px; line-height: 1.25em; } .list-wrapper { font-size: 25px; } .mg-top-extra-large { flex-flow: column; max-width: 1350px; display: flex; } .utp---blocks-1440px-wrapper { align-items: stretch; } .section.pd-none.top-60px.nooverflow { overflow: hidden; } .footer-wrapper { align-self: stretch; } .slider-mask._388px { max-width: 550px; } .image { height: auto; } .image.responsive---mbl { max-width: 70%; } .image.responsive---mbl.homepage { max-width: 80%; } .card-wrapper { position: sticky; } .text-break-all.centre { text-align: center; text-align: center; } .image-wrap._w-h-100 { margin-top: 0; } .inner-section.hero-v4-content { min-width: 100%; } .image-and-testimonials-wrapper { flex-flow: column; margin-top: 100px; } .image-and-testimonials---image-wrapper { min-width: 100%; max-width: 100%; } .mg-bottom--32px { justify-content: center; align-items: flex-start; } .image-2 { min-width: 90%; } .gallery-landscape { margin-bottom: 200px; } .div-block-11 { flex-flow: column; justify-content: center; align-items: flex-start; max-width: 1350px; display: flex; } .text-block-3 { font-size: 20px; } .div-block-14 { max-width: 1135px; margin-left: auto; margin-right: auto; } .div-block-33 { position: sticky; } .grid-2-columns-2 { grid-template-columns: .75fr; } .grid-2-columns-2.header-full-width-grid---menu { grid-template-columns: 1.75fr auto; } .grid-2-columns-2.header-full-width-grid-main { max-width: 1005px; } .image-18 { height: auto; } .primary-button-2, .text-block-5 { font-size: 20px; } .list-wrapper-2 { font-size: 25px; } .link-2 { font-size: 20px; line-height: 1.25em; } } @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\); } label { font-size: var(--core--font-size--displays-tablet--display-5\); } blockquote { font-size: var(--core--font-size--displays-tablet--display-4\); padding-left: 68px; padding-right: 68px; } .utp---sidebar-layout-wrapper { 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\); } .display-8 { font-size: var(--core--font-size--displays-tablet--display-8\); } .display-8.default { text-align: left; text-align: left; } .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-template-columns: 1fr 1fr; } .grid-2-columns.footer-grid-v1, .grid-2-columns.footer-grid---v2 { grid-template-columns: 1fr; } .grid-2-columns.gallery-right---grid, .grid-2-columns.sticky-grid-v1 { flex-flow: column; display: flex; } .grid-2-columns._1-col-tablet { grid-template-columns: 1fr; } .grid-2-columns.template-page-sidebar { grid-template-columns: .5fr 1fr; } .grid-2-columns.changelog-item { padding-top: var(--globals--margins--mg-large\); padding-bottom: var(--globals--margins--mg-large\); grid-column-gap: var(--globals--grid-gap--medium\); grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: .35fr 1fr; } .grid-2-columns.checkout-grid { grid-template-columns: 1.3fr 1fr; } .grid-2-columns.footer-grid-v1, .grid-2-columns.footer-grid---v2 { grid-template-columns: 1fr; } .grid-2-columns.header-full-width-grid---menu { max-width: 800px; } .grid-2-columns.header-full-width-grid---main { grid-template-columns: 1fr; } .grid-2-columns.cta-grid-v1 { grid-template-columns: 1.24fr 1fr; } .grid-2-columns.cta-grid-v2 { grid-column-gap: var(--globals--grid-gap--medium\); grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: 1.1fr 1fr; } .grid-2-columns.blog-card-grid-v2 { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 2fr; } .grid-2-columns.hero-v6-grid { grid-template-columns: 1fr 1.5fr; } .grid-2-columns.hero-v4-grid { flex-flow: column; grid-template-columns: minmax(365px, 1fr) 1fr; display: flex; } .grid-2-columns.sticky-grid-v2 { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); grid-template-columns: .9fr 1fr; } .grid-2-columns.stat-grid { grid-column-gap: 24px; grid-row-gap: 64px; } .grid-2-columns.project-grid-v1 { grid-template-columns: 340px 1.82fr; } .grid-2-columns.project-grid-v1---images { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr 1fr; min-height: 454.5px; max-height: 454.5px; } .grid-2-columns.hero-v2-grid { grid-template-columns: 1fr 1fr; } .grid-2-columns.gallery-right---grid, .grid-2-columns.sticky-grid-v1 { flex-flow: column; display: flex; } .grid-2-columns.step-grid { grid-template-columns: 1fr; } .grid-2-columns.footer-full-width-grid---menu { max-width: 800px; } .grid-2-columns.image-and-testimonials---content { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; min-width: 650px; margin-left: 0%; display: flex; top: 0; } .grid-2-columns.testimonials-grid { grid-template-columns: 1fr 1fr; } .grid-2-columns.blog-grid-v2 { grid-column-gap: var(--globals--grid-gap--default\); } .grid-2-columns.cta-v5---grid { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); max-width: 800px; } .grid-2-columns.services-grid { grid-column-gap: 32px; } .grid-2-columns.services-grid.alt { grid-column-gap: 24px; grid-column-gap: 24px; } .card.utp---components-wrapper { flex-direction: column; } .card.utp---components-wrapper.lists-components { grid-template-columns: 1fr; } .card.template-pages---text-card { padding: var(--components--cards--paddings--pd-medium\); } .card.sales-home---text-and-image { flex-direction: column; } .card.password-protected-card { padding-top: 154px; padding-bottom: 154px; } .card.coming-soon-card { width: 64%; max-width: 500px; padding: 78px var(--components--cards--paddings--pd-large\); margin-top: 40px; margin-bottom: 40px; } .card._01 { max-width: 500px; padding: 50px var(--components--cards--paddings--pd-large\); } .card.form-item { padding-left: 60px; padding-right: 60px; } .card.featured-post-v2-content { max-width: 444px; padding: var(--components--cards--paddings--pd-large\); } .card.hero-v6-content { padding: 64px var(--components--cards--paddings--pd-default\); margin-top: 24px; margin-bottom: 24px; } .card._06 { width: 95%; padding-top: 32px; padding-bottom: 32px; bottom: 23px; } .card._07 { padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); } .card.post-card-full-image-content { padding-top: var(--components--cards--paddings--pd-medium\); padding-bottom: var(--components--cards--paddings--pd-medium\); padding-left: var(--components--cards--paddings--pd-default\); position: static; } .card.location---item { max-width: 374px; padding-right: var(--components--cards--paddings--pd-large\); padding-left: var(--components--cards--paddings--pd-large\); border-color: var(--components--cards--border-color--br-color-secondary\); } .card.rich-text-content { padding-top: 64px; padding-bottom: 64px; } .card.featured-post-v1-content { max-width: 532px; padding: var(--components--cards--paddings--pd-large\); border-color: var(--components--cards--border-color--br-color-secondary\); } .flex-horizontal.n-bar-center---button-right { grid-column-gap: var(--globals--gaps--gap-default\); grid-row-gap: var(--globals--gaps--gap-default\); text-align: center; grid-column-gap: var(--globals--gaps--gap-default\); grid-row-gap: var(--globals--gaps--gap-default\); text-align: center; flex-flow: column; } .mg-top-large.mg-top-large---mbl { margin-top: 320px; font-family: Satoshi, Arial, sans-serif; } .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, .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.featured-post-v2---column---grid { grid-template-columns: 1fr 1fr; place-items: start stretch; } .grid-1-column.contact-links-grid { grid-row-gap: 50px; } .inner-container._100-tablet { max-width: 100%; } .inner-container._526px { max-width: 526px; } .inner-container._436px { max-width: 100%; } .inner-container._800px---tablet { max-width: 800px; } .inner-container._600px---tablet { max-width: 600px; } .inner-container._550px---tablet { max-width: 550px; } .inner-container._650px---tablet { max-width: 650px; } .inner-container._620px---tablet { max-width: 620px; } .inner-container._500px---tablet { max-width: 500px; } .inner-container._700px---tablet { max-width: 700px; } .inner-container._450px---tablet { max-width: 450px; } .utp---card-componets-wrapper { width: 100%; } .utp---card-componets-wrapper.v2 { padding-left: 22px; padding-right: 22px; } .utp---components-head-wrapper { width: 100%; } .utp---components-head-wrapper.right { display: none; } .utp---components-head-wrapper.badges.tablet, .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._50 { text-align: left; justify-content: flex-start; align-items: center; width: 50%; } .primary-button.hide { display: none; } .square-icon._90px { width: 80px; min-width: 80px; height: 80px; min-height: 80px; } .grid-3-columns._1-col-tablet { grid-template-columns: 1fr; } .grid-3-columns.products-grid._3-post-grid, .grid-3-columns._1-col-tablet { grid-template-columns: 1fr; } .grid-3-columns.gap-28px.gallery-grid { grid-column-gap: 24px; grid-row-gap: 24px; } .grid-3-columns.gap-28px.footer-v2-gallery { grid-column-gap: 16px; grid-row-gap: 16px; min-height: 132px; } .grid-3-columns.features-grid { text-align: center; grid-template-columns: 1fr 1fr 1fr; place-items: start stretch; } .grid-3-columns.contact-links-grid { grid-template-columns: auto auto auto; } .grid-3-columns.story-grid { grid-template-columns: 1fr minmax(443px, 2fr) 1fr; } .grid-3-columns.gap-col-32px-row-58px { grid-template-columns: 1fr 1fr; } .grid-3-columns.gap-col-60px-row-58px { grid-column-gap: 24px; } .grid-3-columns.slide-project-grid { grid-column-gap: var(--globals--grid-gap--default\); grid-row-gap: var(--globals--grid-gap--default\); grid-template-columns: 1fr 1fr; } .grid-3-columns.blog-v3-grid { grid-template-columns: 1fr 1fr; } .grid-3-columns.blog-v3-grid._3-posts-grid { grid-column-gap: var(--globals--grid-gap--default\); grid-column-gap: var(--globals--grid-gap--default\); grid-template-columns: 1fr 1fr 1fr; } .grid-3-columns.team-grid { grid-template-columns: 1fr 1fr; } .grid-3-columns.blog-grid-v3 { grid-column-gap: var(--globals--grid-gap--default\); grid-row-gap: 100px; grid-template-columns: 1fr 1fr; } .grid-3-columns._1-col-mbl { flex-flow: column; display: flex; } .grid-3-columns.products-grid { grid-template-columns: 1fr 1fr; } .grid-3-columns.products-grid._3-post-grid { grid-template-columns: 1fr; } .paragraph-large.text-neutral-light.central.space { margin-top: 20px; } .tabs-wrapper.process-tab-wrapper { grid-template-columns: 1fr 1fr; } .buttons-row.right { justify-content: flex-start; align-items: center; } .mg-top-extra-large.hide { display: none; } .header-container-wrapper { grid-column-gap: var(--globals--gaps--gap-small\); } .list-nav-menu { padding: var(--globals--paddings--pd-medium\); grid-row-gap: var(--globals--gaps--gap-small\); flex-direction: column; align-items: flex-start; } .hamburger-menu { background-color: var(--globals--color--surfaces--accent\); width: 44px; min-width: 44px; height: 44px; min-height: 44px; } .hamburger-menu:hover { background-color: var(--globals--color--surfaces--05\); } .nav-menu-wrapper { margin-top: var(--globals--margins--mg-extra-small\); border: 1px solid var(--components--cards--border-color--br-color-default\); background-color: var(--globals--color--surfaces--02\); box-shadow: 0 2px 8px 0 var(--core--box-shadow--bs-neutral-small\); border-radius: 0; } .nav-menu-left-side.growth-tablet { flex: 1; } .nav-menu-left-side.growth-tablet.header-v2 { grid-column-gap: 40px; grid-column-gap: 40px; } .section { padding-top: var(--components--sections--paddings--pd-large\); padding-bottom: var(--components--sections--paddings--pd-large\); } .section.hero.v9, .section.hero.v3 { padding-top: var(--components--sections--paddings--pd-default\); } .section.sales-home-hero { padding-top: var(--components--sections--paddings--pd-small\); } .section.hero.v9, .section.hero.v3 { padding-top: var(--components--sections--paddings--pd-default\); } .section.hero.v23 { padding-top: 46px; padding-bottom: var(--components--sections--paddings--pd-default\); } .section.hero.v20 { padding-top: var(--components--sections--paddings--pd-default\); } .section.hero.v13 { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: 154px; } .section.hero.v7 { padding-top: var(--components--sections--paddings--pd-default\); } .section.hero.v8 { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: var(--components--sections--paddings--pd-large\); } .section.hero.v9, .section.hero.v3 { padding-top: var(--components--sections--paddings--pd-default\); } .section.hero.v14 { padding-top: 0; } .section.top-140px-bottom-extra-large { padding-top: var(--components--sections--paddings--pd-large\); padding-bottom: var(--components--sections--paddings--pd-large\); } .section.top-80px { padding-top: 60px; } .section.top-160px { padding-top: var(--components--sections--paddings--pd-large\); } .position-relative.magical-gallery-wrapper { grid-column-gap: 8px; grid-row-gap: 8px; grid-column-gap: 8px; grid-row-gap: 8px; } .hidden-on-tablet { display: none; } .text-center-tablet { text-align: center; } .image.slide-project-image._01, .image.slide-project-image._02 { max-height: 350px; } .image.hero-v3-image, .image.service-item---image { max-height: 500px; } .image.service-slider---image { max-height: 450px; } .image.slide-project-image._01, .image.slide-project-image._02 { max-height: 350px; } .image.slide-project-image._01, .image.slide-project-image._02 { max-height: 350px; } .image.slide-project-image._03 { max-height: none; } .image.responsive---mbl.homepage { width: 90%; max-width: 100%; } .image.hero-v3-image, .image.service-item---image { max-height: 500px; } .image.product---image { min-height: auto; max-height: 500px; } .grid-5-columns.footer-image-grid-v1 { grid-column-gap: 16px; grid-row-gap: 16px; grid-column-gap: 16px; grid-row-gap: 16px; } .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 { width: 100%; min-width: 0; box-shadow: none; width: 100%; min-width: 0; box-shadow: none; border-width: 0; border-radius: 0; padding: 0; } .sidebar---navbar { padding-bottom: var(--globals--paddings--pd-medium\); } .icon-font-squared.success-message-icon.large { font-size: var(--core--font-size--displays-tablet--display-10\); font-size: var(--core--font-size--displays-tablet--display-10\); font-size: var(--core--font-size--displays-tablet--display-10\); } .sales-home---hero-picture { min-width: 285px; max-width: 285px; } .text-and-image-card---image-wrapper { width: 100%; } .text-and-image-card---text-container { max-width: none; padding-right: var(--components--cards--paddings--pd-large\); padding-left: var(--components--cards--paddings--pd-large\); order: -1; } .sales-home---cta-card-text-container { padding-top: var(--components--cards--paddings--pd-medium\); padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); } .sales-home---cta-card-image { min-width: 792px; max-width: 792px; } .utp---buttons-sidebar-item-wrapper.tablet { grid-column-gap: var(--globals--grid-gap--large\); grid-row-gap: var(--globals--grid-gap--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-columns: 1fr; display: grid; } .grid-pages { grid-template-columns: 1fr 1fr; } .mg-left-auto-tablet { margin-left: auto; } .image-wrap.magical-gallery-center { flex: none; width: 100%; max-width: none; } .image-wrap.slide-project-image-wrapper._03 { flex: 1; } .image-wrap.cta-v4-image-01 { min-width: 260px; bottom: 260px; } .image-wrap.cta-v4-image-02 { min-width: 260px; top: 260px; } .image-wrap.product---image-wrapper._3-posts---item { width: 50%; } .half-bg-bottom.footer-bg-bottom { height: 30%; } .footer-description-v1 { flex-flow: row; align-items: center; max-width: 100%; } .footer-top-v2 { padding-top: 80px; } .footer-description-v2 { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: row; justify-content: space-between; align-items: flex-start; max-width: 777px; } .sales-home---card-wrap { max-width: 100%; } .mg-top-120px { margin-top: var(--components--sections--paddings--pd-medium\); } .hero-v21-content { padding-top: 24%; padding-bottom: 24%; } .inner-section.cta-v1 { grid-column-gap: 252px; grid-row-gap: 252px; } .inner-section.cta-v2 { margin-bottom: 148px; padding: 75px 50px; } .inner-section.cta-v4 { padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-medium\); margin-top: 50px; margin-bottom: 50px; } .inner-section.cta-v5 { padding-right: var(--components--cards--paddings--pd-medium\); padding-left: var(--components--cards--paddings--pd-medium\); justify-content: center; align-items: center; } .inner-section.cta-v6 { padding-top: 100px; padding-bottom: 86px; } .inner-section.hero-with-bg { padding-top: 160px; padding-bottom: 164px; } .inner-section.hero-v5-content { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: 70px; } .inner-section.hero-v4-content { padding-top: 80px; padding-right: var(--components--cards--paddings--pd-medium\); padding-left: var(--components--cards--paddings--pd-medium\); margin-bottom: 155px; } .inner-section.hero-v2-content { padding-top: var(--components--sections--paddings--pd-large\); padding-bottom: var(--components--sections--paddings--pd-large\); } .inner-section.hero-v1-content { height: 800px; min-height: auto; padding-top: 94px; padding-bottom: 94px; } .inner-section.hero-v1-content.hompeage { padding-top: 20%; } .inner-section.terms-and-condition-inner-section { padding-top: var(--components--sections--paddings--pd-large\); padding-bottom: 160px; } .inner-section.utility-block { padding-top: 125px; padding-bottom: 115px; } .full-width-left.hero-v2-width-left { width: 100%; max-width: 100%; position: static; } .mg-top-100px { margin-top: var(--components--sections--paddings--pd-default\); } .grid-auto-1fr._1-col-tablet { grid-template-columns: auto; } .accordion-item-wrapper.v1 { padding-top: var(--components--cards--paddings--pd-medium\); padding-bottom: var(--components--cards--paddings--pd-medium\); padding-top: var(--components--cards--paddings--pd-medium\); padding-bottom: var(--components--cards--paddings--pd-medium\); } .category-badge { font-size: var(--core--font-size--displays-tablet--display-5\); } .position-sticky.top-24px.position-static-mbl { position: static; } .full-width-wrapper.hero-v2-width-wrap { width: auto; max-width: none; margin-left: -24px; } .slider-button.left-v2 { left: 237px; } .slider-button.right-v2 { left: 294px; } .terms-tab-wrap { margin-top: -132px; } .term-tab-menu-wrap { margin-bottom: 180px; } .post-v1---content { width: 50%; margin-top: 28px; margin-bottom: 28px; } .input-form-block.alt { min-height: 98px; } .footer-description-v1---content { flex: none; width: 50%; } .image-and-testimonials---image-wrapper { max-width: 100%; } .post-card-full-image-wrapper { padding-right: var(--components--cards--paddings--pd-small\); padding-bottom: var(--components--cards--paddings--pd-small\); padding-left: var(--components--cards--paddings--pd-small\); } .cta-v2-bg-image-wrapper { min-height: 400px; margin-bottom: -223px; } .process-number { font-size: 42px; } .mg-top-80px { margin-top: 68px; } .mg-top-80px.alt-tablet { margin-top: 48px; } .cta-v3-block { padding-top: 102px; padding-right: var(--components--cards--paddings--pd-medium\); padding-left: var(--components--cards--paddings--pd-medium\); } .testimonial-v2-wrapper { padding-right: var(--globals--paddings--pd-default\); } .project-grid-v1-content { padding-top: 0; } .hero-v4-content { padding-bottom: var(--components--sections--paddings--pd-default\); } .big-number { font-size: 75px; } .location-full-section { padding: var(--components--sections--paddings--pd-medium\) 40px; } .rich-text-v2 h6 { font-size: var(--core--font-size--displays-tablet--display-5\); } .rich-text-v2 h5 { font-size: var(--core--font-size--displays-tablet--display-6\); } .rich-text-v2 h4 { font-size: var(--core--font-size--displays-tablet--display-7\); } .rich-text-v2 h3 { font-size: var(--core--font-size--displays-tablet--display-8\); } .rich-text-v2 h2 { font-size: var(--core--font-size--displays-tablet--display-9\); } .rich-text-v2 h1 { font-size: var(--core--font-size--displays-tablet--display-10\); } .cta-v4-content { padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: var(--components--sections--paddings--pd-small\); } .cta-v4-images { margin-top: -50px; margin-bottom: -50px; } .featured-post-v1 { padding-right: var(--components--cards--paddings--pd-large\); padding-bottom: var(--components--sections--paddings--pd-small\); padding-left: var(--components--cards--paddings--pd-large\); } .featured-post-v2---column { max-width: 100%; } .featured-post-v2---small { min-height: 100%; } .featured-post-v2 { padding-bottom: 50px; padding-left: 50px; padding-right: 50px; } .featured-post-v3---content { width: 50%; min-width: auto; margin-top: 40px; margin-bottom: 40px; } .rich-text-v3 h6 { font-size: var(--core--font-size--displays-tablet--display-4\); } .rich-text-v3 h5 { font-size: var(--core--font-size--displays-tablet--display-5\); } .rich-text-v3 h4 { font-size: var(--core--font-size--displays-tablet--display-6\); } .rich-text-v3 h3 { font-size: var(--core--font-size--displays-tablet--display-7\); } .rich-text-v3 h2 { font-size: var(--core--font-size--displays-tablet--display-8\); } .rich-text-v3 h1 { font-size: var(--core--font-size--displays-tablet--display-9\); } .service-page---main { height: auto; padding: 80px var(--globals--paddings--pd-extra-large\); } .product---item._3-posts---item { flex-flow: row; align-items: center; } .product---content._3-posts---item { padding-top: 0; padding-left: 18px; } .hero-v21-image-wrapper { width: auto; left: -24px; } .order-item-content---main { flex-flow: column; } .footer-description-v2---content { flex: none; max-width: 320px; } .brix-badges-wrapper { right: 35px; } .gallery-landscape { margin-bottom: 100px; } .grid-5 { flex-flow: column; } .container { max-width: 728px; } .hero-wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: -40px; } .hero-split { max-width: 100%; margin-bottom: 40px; } .div-block-14 { display: flex; } .button-3 { background-color: var(--_ehs---ivory-stone); color: var(--_ehs---onyx); font-weight: 500; display: block; } .button-3.space { margin-top: 40px; } .button-4 { max-width: 50%; } .heading-h2 { font-size: 3.5rem; } .heading-h2.is-left.max-width-50 { width: 100%; max-width: 100%; } .section_hero { padding-top: 3rem; } .hero_grid { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr; } .nav_button { color: #fff; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem; } .spacer-xxhuge { padding-top: 8rem; } .spacer-xhuge { padding-top: 6rem; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .fs-styleguide_heading-header { font-size: 4rem; } .fs-styleguide_section { grid-column-gap: 2.5rem; grid-template-columns: 1fr; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .spacer-medium { padding-top: 1.5rem; } .spacer-xxlarge { padding-top: 4rem; } .spacer-huge { padding-top: 5rem; } .margin-xxlarge { margin: 4rem; } .padding-xhuge { padding: 6rem; } .padding-xxhuge { padding: 8rem; } .padding-large { padding: 2.5rem; } .spacer-xlarge { padding-top: 3rem; } .margin-xxhuge { margin: 8rem; } .fs-styleguide_2-col { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-large { margin: 2.5rem; } .fs-styleguide_heading-medium { font-size: 3rem; } .margin-xlarge { margin: 3rem; } .margin-medium { margin: 1.5rem; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-medium { padding: 1.5rem; } .padding-xxlarge { padding: 4rem; } .fs-styleguide_4-col, .fs-styleguide_3-col { grid-template-columns: 1fr; } .margin-huge { margin: 5rem; } .margin-xhuge { margin: 6rem; } .padding-huge { padding: 5rem; } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .hide-tablet { display: none; } .max-width-full-tablet { width: 100%; max-width: none; } .padding-xlarge { padding: 3rem; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .spacer-large { padding-top: 2.5rem; } .fs-styleguide_1-col { grid-column-gap: 2rem; grid-row-gap: 2rem; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .grid-2-columns-2.header-full-width-grid---menu { max-width: 800px; } .grid-2-columns-2.header-full-width-grid---main { grid-template-columns: 1fr; } .display-11 { font-size: 18px; } .primary-button-2.hide { display: none; } .hamburger-menu-2 { background-color: #321b05; width: 44px; min-width: 44px; height: 44px; min-height: 44px; } .hamburger-menu-2:hover { background-color: #958371; } .header-container-wrapper-2 { grid-column-gap: 16px; } } @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\); } label { font-size: var(--core--font-size--displays-mbl--display-5\); } blockquote { padding: 50px var(--components--cards--paddings--pd-medium\) 50px var(--globals--paddings--pd-large\); font-size: var(--core--font-size--displays-mbl--display-4\); background-size: 60px; } figcaption { margin-top: 10px; } .utp---sidebar-layout-wrapper { grid-template-columns: minmax(170px, 1fr); } .utp--sidebar-wrapper { flex-direction: row; align-items: stretch; 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.mg-80px { margin-top: 40px; margin-bottom: 40px; } .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-10.text-light.heading.centre { font-size: 75px; line-height: 75px; } .display-9 { font-size: var(--core--font-size--displays-mbl--display-9\); } .display-9.heading { text-align: center; font-size: 55px; line-height: 55px; } .display-9.heading._50 { width: 70%; } .display-9.heading.centre { font-size: 55px; line-height: 55px; } .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-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\); } .mg-top-extra-small._70 { max-width: 100%; } .mg-top-12px { margin-top: 8px; } .mg-top-small { margin-top: var(--globals--margins--mg-extra-small\); } .mg-top-small.mg-top-small---mbl { margin-top: var(--globals--margins--mg-small\); margin-top: var(--globals--margins--mg-small\); } .mg-top-default { margin-top: var(--globals--margins--mg-small\); } .mg-top-default.mg-top-default---mbl { margin-top: var(--globals--margins--mg-default\); margin-top: var(--globals--margins--mg-default\); } .grid-2-columns, .grid-2-columns.template-page-sidebar { grid-template-columns: 1fr; } .grid-2-columns.hero-v2-grid, .grid-2-columns.gallery-right---grid, .grid-2-columns.sticky-grid-v1 { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr; } .grid-2-columns.footer-middle-v2---grid, .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: .5fr 1fr; } .grid-2-columns.surprises-image-right { padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: var(--components--sections--paddings--pd-small\); text-align: center; grid-template-columns: 1fr; } .grid-2-columns.surprises-image-right.last { padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: var(--components--sections--paddings--pd-small\); padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: var(--components--sections--paddings--pd-small\); } .grid-2-columns.surprises-image-left { padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: var(--components--sections--paddings--pd-small\); text-align: center; grid-template-columns: 1fr; } .grid-2-columns.checkout-grid { grid-template-columns: 1fr; } .grid-2-columns.header-full-width-grid---menu { grid-column-gap: var(--globals--grid-gap--medium\); grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: 1fr minmax(auto, 160px); max-width: 700px; } .grid-2-columns.header-full-width-grid-main { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); grid-template-columns: 1fr 1fr; } .grid-2-columns.hero-v21-grid { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr; } .grid-2-columns.cta-grid-v1 { grid-template-columns: 1fr; } .grid-2-columns.cta-grid-v2 { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr; } .grid-2-columns.hero-v20-grid { grid-template-columns: 1fr; } .grid-2-columns.hero-v13-grid { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr; } .grid-2-columns.faq-grid { grid-row-gap: 48px; grid-template-columns: 1fr; } .grid-2-columns.author-grid { grid-template-columns: minmax(140px, 1fr) 2fr; } .grid-2-columns.hero-v6-grid { grid-template-columns: 1fr; } .grid-2-columns.hero-v4-grid { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr; } .grid-2-columns.sticky-grid-v2 { padding-bottom: var(--components--sections--paddings--pd-small\); grid-column-gap: 8px; grid-row-gap: 8px; grid-template-columns: 1fr; } .grid-2-columns.stat-grid { grid-row-gap: 54px; flex-flow: column; display: flex; } .grid-2-columns.project-grid-v1 { grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: 1fr; } .grid-2-columns.project-grid-v1---images { min-height: auto; max-height: none; } .grid-2-columns.hero-v2-grid, .grid-2-columns.gallery-right---grid, .grid-2-columns.sticky-grid-v1 { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr; } .grid-2-columns.step-grid { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); grid-template-columns: 40px 1fr; } .grid-2-columns.footer-full-width-grid---menu { grid-column-gap: var(--globals--grid-gap--default\); grid-row-gap: var(--globals--grid-gap--default\); grid-template-columns: 1fr minmax(auto, 160px); max-width: 700px; } .grid-2-columns.footer-full-width-grid-main { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); grid-template-columns: 1fr 1fr; } .grid-2-columns.image-and-testimonials---content { width: 100%; min-width: auto; margin-top: var(--globals--margins--mg-small\); grid-column-gap: 16px; grid-row-gap: 16px; margin-left: 0%; padding-top: 0; padding-bottom: 0; } .grid-2-columns.blog-grid-v2 { grid-row-gap: 80px; } .grid-2-columns.testimonials-grid { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr; } .grid-2-columns.cta-v5---grid { grid-row-gap: var(--globals--grid-gap--default\); } .grid-2-columns.services-grid { grid-column-gap: 24px; grid-row-gap: 80px; } .grid-2-columns.footer-middle-v2---grid { grid-template-columns: 1fr; } .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.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: var(--components--sections--paddings--pd-medium\) var(--components--cards--paddings--pd-medium\); } .card.coming-soon-card { width: 100%; max-width: 100%; padding: 50px var(--components--cards--paddings--pd-medium\); margin-top: 0; margin-bottom: 0; } .card._01 { max-width: 100%; padding: var(--components--cards--paddings--pd-large\) var(--components--cards--paddings--pd-medium\); } .card.form-item { padding: 40px var(--components--cards--paddings--pd-medium\) 50px; } .card.featured-post-v2-content { max-width: 360px; padding-right: var(--components--cards--paddings--pd-medium\); padding-left: var(--components--cards--paddings--pd-medium\); } .card.author-item { max-width: 100%; padding: var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-default\); } .card.hero-v6-content { padding: 54px var(--components--cards--paddings--pd-medium\); margin-top: 0; margin-bottom: 0; } .card._06 { bottom: 0; } .card.location---item { width: 328px; max-width: 64%; padding: var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-default\); } .card.rich-text-content { padding: 54px var(--components--cards--paddings--pd-medium\); } .card.featured-post-v1-content { max-width: 400px; padding: var(--components--cards--paddings--pd-medium\); } .flex-horizontal.justify-start.justify-center-mbl { justify-content: center; } .flex-horizontal.n-bar-center---button-right { flex-direction: column; align-items: center; } .mg-top-large { margin-top: var(--globals--margins--mg-medium\); } .mg-top-large.mg-top-large---mbl { margin-top: var(--globals--margins--mg-large\); margin-top: var(--globals--margins--mg-large\); } .mg-top-48px { margin-top: var(--globals--margins--mg-medium\); } .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.gallery-right---grid { grid-column-gap: 16px; grid-row-gap: 16px; max-width: 100%; padding-left: 0; } .grid-1-column.blog-grid-v1 { grid-column-gap: 64px; grid-row-gap: 64px; } .grid-1-column.featured-post-v2---column---grid { grid-row-gap: var(--globals--margins--mg-double-extra-large\); grid-template-columns: 1fr; } .grid-1-column.contact-links-grid { grid-row-gap: 40px; grid-template-columns: 1fr 1fr; } .grid-1-column.gap-row-small---mbl { grid-row-gap: var(--globals--grid-gap--small\); } .inner-container._100-tablet, .inner-container._100-mbl, .inner-container._460px, .inner-container._580px, .inner-container._480px, .inner-container._800px, .inner-container._620px { max-width: 100%; } .inner-container._100-tablet, .inner-container._100-mbl, .inner-container._460px, .inner-container._580px, .inner-container._480px, .inner-container._800px, .inner-container._620px { max-width: 100%; } .inner-container._600px---mbl { max-width: 600px; } .inner-container._500px---mbl { max-width: 500px; } .inner-container._500px---mbl.center { max-width: none; } .inner-container.slider-arrows-mg { margin-right: 120px; } .inner-container._400px---mbl { max-width: 400px; } .inner-container._300px---mbl { max-width: 300px; } .inner-container._350px---mbl { max-width: 350px; } .inner-container._450px---mbl { max-width: 450px; } .inner-container._420px---mbl { max-width: 420px; } .inner-container._320px---mbl { max-width: 320px; } .inner-container._550px---mbl { max-width: 550px; } .inner-container._480px---mbl { max-width: 480px; } .utp---card-componets-wrapper { padding-top: var(--components--cards--paddings--pd-medium\); padding-bottom: var(--components--cards--paddings--pd-medium\); } .utp---grid-components { grid-row-gap: var(--globals--grid-gap--medium\); } .primary-button, .secondary-button { font-size: var(--core--font-size--displays--display-1\); } .primary-button-icon.pagination-button { margin-top: var(--components--sections--paddings--pd-small\); margin-top: var(--components--sections--paddings--pd-small\); } .mg-top-medium { margin-top: var(--globals--margins--mg-default\); } .mg-top-medium.mg-top-medium---mbl { margin-top: var(--globals--margins--mg-medium\); margin-top: var(--globals--margins--mg-medium\); } .link { font-size: var(--core--font-size--displays--display-1\); } .list-wrapper { grid-column-gap: 14px; grid-row-gap: 14px; } .square-icon._90px { width: 70px; min-width: 70px; height: 70px; min-height: 70px; } .input { font-size: var(--core--font-size--base-font-mb\); } .input-line { height: 48px; font-size: var(--core--font-size--base-font-mb\); } .input-line.icon-left { padding-left: 20px; } .input-line.icon-right { padding-right: 20px; } .input-line.small.icon-left { padding-left: 18px; } .input-line.small.icon-right { padding-right: 18px; } .text-area-line { min-height: 100px; font-size: var(--core--font-size--base-font-mb\); } .text-area-line.icon-left { padding-left: 20px; } .text-area-line.small { min-height: 70px; } .text-area-line.small.icon-left { padding-left: 18px; } .text-area-line-icon-wrapper.small { top: 5px; } .select { font-size: var(--core--font-size--base-font-mb\); } .select.icon-left { padding-left: 20px; } .select.small.icon-left { padding-left: 18px; } .select-wrapper { height: 48px; } .grid-3-columns { grid-template-columns: 1fr 1fr; } .grid-3-columns.gap-col-32px-row-58px, .grid-3-columns.gap-col-60px-row-58px { grid-row-gap: 48px; grid-template-columns: 1fr; } .grid-3-columns._1-col-mbl, .grid-3-columns.products-grid { grid-template-columns: 1fr; } .grid-3-columns.gap-28px.gallery-grid { grid-column-gap: 16px; grid-row-gap: 16px; } .grid-3-columns.gap-28px.footer-v2-gallery { min-height: auto; } .grid-3-columns.features-grid { grid-row-gap: var(--globals--grid-gap--large\); grid-template-columns: 1fr; justify-items: center; } .grid-3-columns.product-gallery-grid { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); grid-template-columns: 1fr 1fr 1fr; } .grid-3-columns.contact-links-grid { grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: 1fr 1fr; } .grid-3-columns.story-grid { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr 1fr; min-height: auto; } .grid-3-columns.gap-col-32px-row-58px, .grid-3-columns.gap-col-60px-row-58px { grid-row-gap: 48px; grid-template-columns: 1fr; } .grid-3-columns.slide-project-grid { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); grid-template-columns: 1fr 1.5fr; } .grid-3-columns.blog-v3-grid { grid-row-gap: 52px; grid-template-columns: 1fr; } .grid-3-columns.blog-v3-grid._3-posts-grid { grid-template-columns: 1fr; } .grid-3-columns.team-grid { grid-row-gap: 73px; } .grid-3-columns.blog-grid-v3 { grid-row-gap: 52px; grid-template-columns: 1fr; } .grid-3-columns._1-col-mbl, .grid-3-columns.products-grid { grid-template-columns: 1fr; } .checkbox-text { font-size: var(--core--font-size--displays--display-1\); } .paragraph-large { font-size: var(--core--font-size--displays--display-2\); } .tabs-wrapper { width: 100%; } .tabs-wrapper.process-tab-wrapper { grid-row-gap: var(--globals--grid-gap--extra-large\); grid-row-gap: var(--globals--grid-gap--extra-large\); grid-template-columns: 1fr; } .buttons-row.left.center-tablet { justify-content: center; } .buttons-row.left.center-mbl { justify-content: center; align-items: center; } .utp---sidebar-dropdown-button { padding: 0; } .utp---sidebar-dropdown-list.w--open { max-width: 100%; } .mg-top-extra-large { margin-top: 40px; } .mg-top-extra-large.mg-top-medium---mbl { margin-top: var(--globals--margins--mg-medium\); margin-top: var(--globals--margins--mg-medium\); } .mg-bottom-extra-small.mg-bottom-0px---mbl { margin-bottom: 0; } .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\); } .container-default.pad { padding-top: 100px; } .container-default.centre { max-width: 100%; } .notification-bar-close-icon { font-size: var(--core--font-size--displays--display-2\); } .flex-vertical.n-bar---button-center { text-align: center; text-align: center; } .link-nav-item { justify-content: flex-start; display: flex; } .link-nav-item.show-on-mobile { display: block; } .nav-menu-right-side { order: 1; } .hamburger-menu { width: 42px; min-width: 42px; height: 42px; min-height: 42px; } .logo-wrapper._140px { max-width: 128px; } .nav-menu-left-side { flex-flow: row-reverse; order: 1; } .nav-menu-left-side.growth-tablet.header-v2 { grid-column-gap: 32px; grid-column-gap: 32px; grid-column-gap: 32px; } .section { padding-top: var(--components--sections--paddings--pd-medium\); padding-bottom: var(--components--sections--paddings--pd-medium\); } .section.hero.v3, .section.hero.v14 { padding-top: var(--components--sections--paddings--pd-small\); } .section.overflow-hidden { padding-bottom: 100px; } .section.sales-home-hero { padding-top: var(--components--sections--paddings--pd-extra-small\); padding-bottom: var(--components--sections--paddings--pd-medium\); } .section.top-bottom-120px { padding-top: var(--components--sections--paddings--pd-medium\); padding-bottom: var(--components--sections--paddings--pd-medium\); } .section.hero.v3, .section.hero.v14 { padding-top: var(--components--sections--paddings--pd-small\); } .section.hero.v23 { padding-top: 40px; padding-bottom: var(--components--sections--paddings--pd-small\); } .section.hero.v20 { padding-top: 32px; } .section.hero.v13 { padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: 128px; } .section.hero.v7 { padding-top: var(--components--sections--paddings--pd-small\); } .section.hero.v8 { padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: var(--components--sections--paddings--pd-medium\); } .section.hero.v9 { padding-top: var(--components--sections--paddings--pd-small\); } .section.hero.v6 { padding-top: 24px; } .section.hero.v3, .section.hero.v14 { padding-top: var(--components--sections--paddings--pd-small\); } .section.top-140px-bottom-extra-large { padding-top: var(--components--sections--paddings--pd-medium\); padding-bottom: var(--components--sections--paddings--pd-medium\); } .section.top-80px { padding-top: 50px; } .section.top-160px { padding-top: var(--components--sections--paddings--pd-medium\); } .hidden-on-mobile-landscape { display: none; } .grid-form { grid-column-gap: 32px; grid-row-gap: 24px; } .grid-form._1-column.gap-row-38px { grid-row-gap: 34px; grid-row-gap: 34px; grid-row-gap: 34px; } .form-wrapper.v1 { min-height: 642.813px; } .form-wrapper.v2 { min-height: 649.188px; } .form-wrapper.v3 { min-height: 494px; } .footer-top { padding-top: var(--components--footers--paddings--pd-large\); } .error-message-wrapper { font-size: var(--core--font-size--displays-mbl--display-1\); } .slider-wrapper.project-slider-v1 { padding-bottom: 80px; } .slider-mask.width-364px { max-width: 340px; } .slider-mask._388px { max-width: 334px; } .image.slide-project-image._01, .image.slide-project-image._02, .image.post-v1---image, .image.responsive---mbl { max-height: 300px; } .image.hero-v3-image, .image.team-item---image, .image.team-page---image, .image.post-page, .image.service-item---image { max-height: 400px; } .image.product-featured, .image.hero-v21-image { max-height: 400px; } .image._90px { width: 80px; max-width: 80px; height: 80px; max-height: 80px; } .image.service-slider---image { max-height: 350px; } .image.slide-project-image._01, .image.slide-project-image._02, .image.slide-project-image._01, .image.slide-project-image._02, .image.post-v1---image, .image.responsive---mbl { max-height: 300px; } .image.responsive---mbl.hero-v23---image { object-position: 50% 80%; object-position: 50% 80%; } .image.post-v2-item---image { max-height: 300px; } .image.hero-v2-image { max-height: 400px; } .image.post-v3---image { max-height: 250px; } .image.hero-v3-image, .image.team-item---image, .image.team-page---image, .image.post-page, .image.service-item---image { max-height: 400px; } .image.product---image { max-height: 300px; } .image.product-featured, .image.hero-v21-image { max-height: 400px; } ._100-tablet { max-width: 100%; } .grid-5-columns { grid-template-columns: 1fr 1fr; } .grid-5-columns.footer-image-grid-v1 { grid-column-gap: 8px; grid-row-gap: 8px; grid-column-gap: 8px; grid-row-gap: 8px; grid-template-columns: 1fr 1fr 1fr 1fr; } .sidebar---navbar { width: 100%; padding-top: var(--globals--paddings--pd-medium\); justify-content: space-between; align-items: center; 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; } .icon-font-squared.success-message-icon.large { font-size: var(--core--font-size--displays-mbl--display-10\); font-size: var(--core--font-size--displays-mbl--display-10\); font-size: var(--core--font-size--displays-mbl--display-10\); } .sales-home---pages-container { grid-row-gap: var(--globals--grid-gap--small\); } .sales-home---pages-row { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); } .sales-home---hero-picture { border-radius: var(--components--images--border-radius--br-small\); min-width: 238px; max-width: 238px; } .text-and-image-card---text-container { padding-right: var(--components--cards--paddings--pd-medium\); padding-left: var(--components--cards--paddings--pd-medium\); } .max-width-64px { min-width: 54px; max-width: 54px; min-height: 54px; max-height: 54px; } .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-square-logo { min-width: 50px; max-width: 50px; min-height: 50px; max-height: 50px; } .sales-home---cta-card-image { min-width: 660px; max-width: 660px; } .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\); } .grid-pages { grid-column-gap: var(--globals--grid-gap--small\); grid-row-gap: var(--globals--grid-gap--small\); } .search-grid-wrapper { grid-template-columns: 1fr; } .text-break-all.centre { font-size: 65px; } .image-wrap.story-grid---image-left, .image-wrap.story-grid---image-right { width: 100%; max-width: 100%; position: relative; } .image-wrap.cta-image-v2 { width: 70%; max-height: 300px; left: 0%; } .image-wrap.cta-image-v3 { width: 80%; max-height: 450px; margin-left: auto; } .image-wrap.post-v1---image-wrapper { max-width: 100%; } .image-wrap.story-grid---image-left, .image-wrap.story-grid---image-right { width: 100%; max-width: 100%; position: relative; } .image-wrap.cta-v4-image-01 { min-width: auto; position: static; } .image-wrap.cta-v4-image-02 { min-width: auto; margin-top: -28%; position: static; } .image-wrap.featured-post-v3---image-wrapper { max-width: 100%; } .image-wrap.location-item---image-wrapper { align-self: stretch; width: 45%; } .image-wrap.product---image-wrapper._3-posts---item { width: 100%; } .footer-middle-main { padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: var(--components--sections--paddings--pd-small\); } .heading-wrapper.mg-bottom-extra-small { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-left: 0; padding-right: 0; display: flex; position: static; } .heading-wrapper.menu-title { margin-bottom: 20px; } .footer-description-v1 { flex-flow: column; align-items: stretch; } .footer-bottom-main { text-align: center; flex-flow: column; } .footer-top-v2 { padding-top: 64px; } .footer-description-v2 { grid-column-gap: 32px; grid-row-gap: 32px; } .footer-middle-v2 { padding: 40px var(--components--cards--paddings--pd-medium\) 32px; } .mg-top-120px { margin-top: var(--components--sections--paddings--pd-default\); } .hero-v21-content { text-align: center; max-width: 600px; padding-top: 32px; padding-bottom: 0%; } .inner-section.cta-v1 { padding: var(--components--cards--paddings--pd-large\) var(--components--cards--paddings--pd-medium\); grid-column-gap: 210px; grid-row-gap: 210px; } .inner-section.cta-v2 { padding: 64px var(--components--cards--paddings--pd-medium\) 0px; margin-bottom: 123px; } .inner-section.cta-v4 { padding-right: var(--components--cards--paddings--pd-medium\); margin-top: 0; margin-bottom: 40px; } .inner-section.cta-v5 { text-align: center; padding-top: 68px; padding-bottom: 68px; } .inner-section.cta-v6 { padding-top: 90px; padding-bottom: 76px; } .inner-section.hero-with-bg { padding-top: 132px; padding-bottom: 136px; } .inner-section.hero-v5-content { padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: var(--components--sections--paddings--pd-small\); } .inner-section.hero-v4-content { margin-bottom: 68px; padding-top: 64px; } .inner-section.hero-v2-content { max-width: 500px; padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: 0; } .inner-section.hero-v1-content { height: auto; padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: 50%; } .inner-section.terms-and-condition-inner-section { padding-top: var(--components--sections--paddings--pd-medium\); padding-bottom: 220px; } .inner-section.utility-block { padding: 100px var(--components--cards--paddings--pd-medium\) 90px; } .mg-top-100px { margin-top: var(--components--sections--paddings--pd-extra-small\); } .mg-top-long { margin-top: var(--globals--margins--mg-double-extra-large\); } .accordion-item-wrapper.v1 { padding-top: var(--components--cards--paddings--pd-default\); padding-bottom: var(--components--cards--paddings--pd-default\); padding-top: var(--components--cards--paddings--pd-default\); padding-bottom: var(--components--cards--paddings--pd-default\); } .badge-absolute.top-left { top: 20px; left: 20px; } .card-button { font-size: var(--core--font-size--displays--display-1\); padding-bottom: 6px; } .category-badge-wrapper { grid-column-gap: var(--globals--gaps--gap-medium\); grid-row-gap: var(--globals--gaps--gap-small\); } .category-badge { font-size: var(--core--font-size--displays-mbl--display-5\); } .position-sticky.top-24px.position-static-mbl { position: static; } .full-width-wrapper.hero-v2-width-wrap { margin-left: -16px; margin-right: -16px; } .slider-button.left-v3, .slider-button.right-v3, .slider-button.right-top-main, .slider-button.left-top-main { top: -86px; } .slider-button.left-v2 { margin-left: auto; margin-right: auto; left: 0; right: 60px; } .slider-button.right-v2 { margin-left: auto; margin-right: auto; left: 60px; right: 0; } .slider-button.left-v3, .slider-button.right-v3, .slider-button.right-top-main, .slider-button.left-top-main { top: -86px; } .tabs-menu.process-tabs-menu { max-width: 100%; } .step-card { padding-top: var(--components--cards--paddings--pd-medium\); padding-bottom: var(--components--cards--paddings--pd-medium\); } .terms-tab-menu { grid-row-gap: var(--globals--gaps--gap-small\); flex-flow: column; } .terms-tab-wrap { margin-top: -180px; } .term-tab-menu-wrap { margin-bottom: 160px; } .rich-text-v1 ol { padding-left: 32px; } .rich-text-v1 blockquote, .rich-text-v1 figure { margin-top: var(--globals--margins--mg-medium\); margin-bottom: var(--globals--margins--mg-medium\); } .rich-text-v1 ul, .rich-text-v1 ol { padding-left: 32px; } .rich-text-v1 blockquote, .rich-text-v1 figure { margin-top: var(--globals--margins--mg-medium\); margin-bottom: var(--globals--margins--mg-medium\); } .rich-text-v1 ul { padding-left: 32px; } .slide-project-content { grid-column-gap: 24px; grid-row-gap: 24px; } .post-v1---item { flex-flow: column; } .post-v1---content { width: 100%; max-width: 100%; margin-top: 24px; margin-bottom: 0; margin-left: 0; } .input-form-block { min-height: 48px; } .input-form-block.alt { min-height: 77px; } .footer-description-v1---content { width: 100%; } .mg-top-default---mbl { margin-top: var(--globals--margins--mg-default\); } .mg-top-small---mbl { margin-top: var(--globals--margins--mg-small\); } .position-absolute.full.static---mbl { position: static; } .image-and-testimonials-wrapper { flex-flow: column; } .image-and-testimonials---image-wrapper { max-width: 100%; } .post-card-full-image-wrapper { padding-top: 250px; } .cta-v2-bg-image-wrapper { max-width: 100%; min-height: auto; margin-bottom: -123px; padding-bottom: 30px; } .width-100-mbl { width: 100%; } .process-tabs-content { max-width: 100%; margin-left: 0; } .process-number { font-size: 34px; } .mg-top-80px { margin-top: 58px; } .mg-top-80px.alt-tablet { margin-top: 40px; } .cta-v3-block { grid-column-gap: 180px; grid-row-gap: 180px; padding-top: 84px; padding-bottom: 49px; } .testimonial-v2-wrapper { max-width: 100%; padding-right: var(--globals--paddings--pd-large\); padding-bottom: var(--globals--paddings--pd-double-extra-large\); } .testimonial-v2---image-wrapper { max-width: 100%; } .project-grid-v1-content { padding-bottom: 0; } .text-center-mbl { text-align: center; } .hero-v4-content { text-align: center; max-width: 550px; margin-left: auto; margin-right: auto; padding-bottom: 0; } .big-number { font-size: 30px; } .location-full-section { padding: var(--components--sections--paddings--pd-default\) var(--globals--paddings--pd-medium\); } .rich-text-v2 h6 { font-size: var(--core--font-size--displays-mbl--display-5\); } .rich-text-v2 h5 { font-size: var(--core--font-size--displays-mbl--display-6\); } .rich-text-v2 ol { padding-left: 32px; } .rich-text-v2 h4 { font-size: var(--core--font-size--displays-mbl--display-7\); } .rich-text-v2 blockquote { margin-top: var(--globals--margins--mg-medium\); margin-bottom: var(--globals--margins--mg-medium\); } .rich-text-v2 h3 { font-size: var(--core--font-size--displays-mbl--display-8\); } .rich-text-v2 figure { margin-top: var(--globals--margins--mg-medium\); margin-bottom: var(--globals--margins--mg-medium\); } .rich-text-v2 ul { padding-left: 32px; } .rich-text-v2 h2 { font-size: var(--core--font-size--displays-mbl--display-9\); } .rich-text-v2 h1 { font-size: var(--core--font-size--displays-mbl--display-10\); } .cta-v4-content { max-width: 100%; padding-top: var(--components--sections--paddings--pd-small\); padding-bottom: 0; } .cta-v4-images { max-width: 100%; margin-top: 0; margin-bottom: -40px; } .featured-post-v1 { padding: 150px var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-medium\); } .column-form { max-width: 500px; } .featured-post-v2 { padding: 146px var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-medium\); } .featured-post-v3---item { flex-flow: column; } .featured-post-v3---content { width: 100%; max-width: 100%; margin-top: 24px; margin-bottom: 0; margin-left: 0; } .rich-text-v3 h6 { font-size: var(--core--font-size--displays-mbl--display-4\); } .rich-text-v3 h5 { font-size: var(--core--font-size--displays-mbl--display-5\); } .rich-text-v3 ol { padding-left: 32px; } .rich-text-v3 h4 { font-size: var(--core--font-size--displays-mbl--display-6\); } .rich-text-v3 blockquote { margin-top: var(--globals--margins--mg-medium\); margin-bottom: var(--globals--margins--mg-medium\); } .rich-text-v3 h3 { font-size: var(--core--font-size--displays-mbl--display-7\); } .rich-text-v3 figure { margin-top: var(--globals--margins--mg-medium\); margin-bottom: var(--globals--margins--mg-medium\); } .rich-text-v3 ul { padding-left: 32px; } .rich-text-v3 h2 { font-size: var(--core--font-size--displays-mbl--display-8\); } .rich-text-v3 h1 { font-size: var(--core--font-size--displays-mbl--display-9\); } .faqs-column, .contact-form-column { max-width: 100%; } .location-item { flex-flow: row; align-items: center; } .location-item---content { text-align: left; padding-top: 24px; padding-bottom: 24px; padding-left: 24px; } .service-page---main { padding: 0; } .product---item._3-posts---item { flex-flow: column; align-items: stretch; } .product---content { max-width: 450px; } .product---content._3-posts---item { padding-top: 18px; padding-left: 0; } .mg-top-55px { margin-top: 45px; } .add-to-cart { min-height: 170px; } .footer-logo { max-width: 128px; } .mg-top-72px { margin-top: 60px; } .input-and-button-form { min-height: 140px; } .hero-v23-wrapper { flex-flow: column; } .hero-v21-image-column { width: auto; max-width: none; max-height: none; } .hero-v21-image-wrapper { min-width: 100%; margin-left: -16px; margin-right: -16px; position: static; } .order-item-content---main { flex-flow: row; } .footer-description-v2---content { max-width: 100%; } .heading-2.label.left { text-align: center; text-align: center; text-align: center; font-size: 25px; } .image-4, .div-block-8 { height: auto; } .grid-4 { flex-flow: column; display: flex; } .gallery-landscape { margin-bottom: 50px; } .grid-5 { grid-template-columns: 1fr; } .hero-heading-right { padding: 60px 15px; } .heading-4 { max-width: none; } .image-16 { height: 60px; } .heading-h2 { font-size: 3rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .padding-global { padding-left: 1.25rem; padding-right: 1.25rem; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .heading-style-h2 { font-size: 2rem; } .fs-styleguide_section-header { font-size: .875rem; } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; } .heading-style-h6 { font-size: .75rem; } .spacer-xxhuge { padding-top: 4.5rem; } .spacer-xhuge { padding-top: 4rem; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .spacer-medium { padding-top: 1.25rem; } .spacer-xxlarge { padding-top: 3rem; } .spacer-huge { padding-top: 3.5rem; } .margin-xxlarge { margin: 3rem; } .heading-style-h1 { font-size: 2.5rem; } .padding-xhuge { padding: 4rem; } .padding-xxhuge { padding: 4.5rem; } .padding-large { padding: 1.5rem; } .max-width-full-mobile-landscape { width: 100%; max-width: none; } .padding-section-small { padding-top: 2rem; padding-bottom: 2rem; } .hide-mobile-landscape { display: none; } .spacer-xlarge { padding-top: 2rem; } .margin-xxhuge { margin: 4.5rem; } .margin-vertical { margin-left: 0; margin-right: 0; } .heading-style-h4 { font-size: 1rem; } .margin-large { margin: 1.5rem; } .heading-style-h3 { font-size: 1.5rem; } .fs-styleguide_heading-medium { font-size: 2rem; } .margin-xlarge { margin: 2rem; } .margin-medium { margin: 1.25rem; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-medium { padding: 1.25rem; } .padding-xxlarge { padding: 3rem; } .text-size-large { font-size: 1.25rem; } .heading-style-h5 { font-size: .875rem; } .text-style-nowrap { white-space: normal; } .margin-huge { margin: 3.5rem; } .margin-xhuge { margin: 4rem; } .padding-huge { padding: 3.5rem; } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .padding-xlarge { padding: 2rem; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .spacer-large { padding-top: 1.5rem; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .grid-2-columns-2 { grid-template-columns: 1fr; } .grid-2-columns-2.header-full-width-grid---menu { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: 1fr minmax(auto, 160px); max-width: 700px; } .grid-2-columns-2.header-full-width-grid-main { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr 1fr; } .nav-menu-left-side-2 { flex-flow: row-reverse; order: 1; } .mg-top-large-2 { margin-top: 32px; } .image-17 { height: 60px; } .display-11 { font-size: 16px; } .container-default-2 { padding-left: 16px; padding-right: 16px; } .container-default-2.centre { max-width: 100%; } .primary-button-2 { font-size: 16px; } .list-wrapper-2 { grid-column-gap: 14px; grid-row-gap: 14px; } .hamburger-menu-2 { width: 42px; min-width: 42px; height: 42px; min-height: 42px; } .link-2 { font-size: 16px; } } @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\); } label { font-size: var(--core--font-size--displays-mbp--display-5\); } blockquote { padding: var(--globals--paddings--pd-extra-large\) var(--globals--paddings--pd-medium\); background-position: 24px 28px; font-size: 18px; } .page-wrapper-1 { overflow: hidden; } .display-10 { font-size: var(--core--font-size--displays-mbp--display-10\); } .display-9 { font-size: var(--core--font-size--displays-mbp--display-9\); } .display-9.heading { text-align: left; font-size: 45px; } .display-9.heading._50 { width: 100%; } .display-9.heading.text-color--968c78 { text-align: left; } .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-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; } .mg-top-extra-small { font-size: 18px; } .mg-top-extra-small.left, .mg-top-extra-small.centre { font-size: 18px; } .mg-top-extra-small._70 { max-width: 100%; font-size: 18px; } .mg-top-extra-small.left, .mg-top-extra-small.centre { font-size: 18px; } .mg-top-default.mg-top-default---mbl.mg-top-large-mbp { margin-top: var(--globals--margins--mg-large\); margin-top: var(--globals--margins--mg-large\); margin-top: var(--globals--margins--mg-large\); } .utp---color-block { height: 100px; } .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left { padding-top: var(--components--sections--paddings--pd-extra-small\); padding-bottom: var(--components--sections--paddings--pd-extra-small\); } .grid-2-columns.changelog-item { grid-template-columns: 1fr; } .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left { padding-top: var(--components--sections--paddings--pd-extra-small\); padding-bottom: var(--components--sections--paddings--pd-extra-small\); } .grid-2-columns.header-full-width-grid---menu { grid-row-gap: var(--globals--grid-gap--large\); grid-template-columns: 1fr; } .grid-2-columns.faq-grid { grid-row-gap: 40px; } .grid-2-columns.author-grid { grid-template-columns: 1fr; } .grid-2-columns.sticky-grid-v2 { padding-bottom: 54px; } .grid-2-columns.stat-grid { grid-row-gap: 40px; grid-template-columns: 1fr; } .grid-2-columns.project-grid-v1---images { grid-column-gap: 8px; grid-row-gap: 8px; } .grid-2-columns.step-grid { grid-template-columns: 1fr; } .grid-2-columns.title-btn-arrows { grid-template-rows: auto; } .grid-2-columns.footer-full-width-grid---menu { grid-row-gap: var(--globals--grid-gap--medium\); grid-template-columns: 1fr; } .grid-2-columns.image-and-testimonials---content { grid-template-columns: 1fr; max-width: none; } .grid-2-columns.blog-grid-v2 { grid-row-gap: 70px; } .grid-2-columns.services-grid { grid-row-gap: 64px; grid-template-columns: 1fr; } .card.utp---icon-font { padding: 39px 23px; } .card.search-card { padding: var(--components--cards--paddings--pd-default\); } .card.checkout-block { padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); } .card.password-protected-card { padding: var(--components--sections--paddings--pd-default\) var(--components--cards--paddings--pd-medium\) var(--components--sections--paddings--pd-default\) var(--components--cards--paddings--pd-default\); } .card.coming-soon-card { padding: 40px var(--components--cards--paddings--pd-default\); } .card._01 { padding: var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-default\); } .card.form-item { padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); } .card.featured-post-v2-content { max-width: 100%; padding: var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-default\); } .card.hero-v6-content { padding: 45px var(--components--cards--paddings--pd-default\); } .card._06 { width: 100%; max-width: none; padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); position: static; } .card.location---item { width: 100%; max-width: 100%; padding-top: var(--components--cards--paddings--pd-default\); margin-top: -1px; } .card.rich-text-content { padding: 45px var(--components--cards--paddings--pd-default\); } .card.featured-post-v1-content { max-width: 100%; padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); margin-top: -1px; } .text-neutral-700 { font-size: 18px; } .mg-top-large { margin-top: 0; } .mg-top-large.mg-top-large---mbl { height: 350px; margin-top: 0; } .grid-1-column.gallery-right---grid { grid-column-gap: 8px; grid-row-gap: 8px; } .grid-1-column.contact-links-grid { grid-row-gap: 32px; grid-template-columns: 1fr; } .inner-container._760px.center, .inner-container._1000px.center, .inner-container._600px.center, .inner-container._600px.center.background { max-width: none; } .inner-container._760px.center, .inner-container._1000px.center, .inner-container._1000px.center, .inner-container._600px.center, .inner-container._600px.center.background, .inner-container._600px.center, .inner-container._600px.center.background, .inner-container._600px.center.background { max-width: none; } .inner-container._1082px.center.full { max-width: 100%; } .inner-container._600px---tablet.center { max-width: none; } .inner-container.slider-arrows-mg { margin-right: 0; } .inner-container._650px---tablet.center { max-width: none; } .inner-container._400px---mbp { max-width: 400px; } .inner-container._950px { padding-left: 20px; padding-right: 20px; } .logo-link { width: 200px; min-width: 150px; } .utp---buttons-top { display: none; } .utp---grid-components { grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-rows: auto; } .utp---grid-components.links, .utp---grid-components.badges, .utp---grid-components.links, .utp---grid-components.badges { grid-template-columns: 1fr; } .utp---buttons-sidebar { display: none; } .list-wrapper { margin-top: 10px; } .input-line, .select-wrapper { width: 100%; } .grid-3-columns { grid-template-columns: 1fr; } .grid-3-columns.gap-28px.gallery-grid { grid-column-gap: 8px; grid-row-gap: 8px; grid-column-gap: 8px; grid-row-gap: 8px; grid-template-columns: 1fr 1fr; } .grid-3-columns.contact-links-grid { grid-column-gap: 8px; } .grid-3-columns.story-grid { grid-column-gap: var(--globals--grid-gap--small\); } .grid-3-columns.slide-project-grid { grid-template-columns: 1fr 1fr; } .grid-3-columns.team-grid { grid-row-gap: 64px; grid-template-columns: 1fr; } .checkbox-wrapper { flex-flow: row; } .paragraph-large.text-neutral-light.central { font-size: 25px; line-height: 35px; } .tabs-wrapper { width: 100%; } .buttons-row { align-items: stretch; } .mg-top-extra-large { color: #574635; min-width: 100%; max-width: 100%; font-family: Satoshi, Arial, sans-serif; font-size: 16px; line-height: 1.5em; overflow: hidden; } .mg-top-extra-large.background { flex-flow: column; min-width: auto; max-width: none; padding-left: 10px; padding-right: 10px; display: flex; } .container-default._1426px { width: 100%; min-width: auto; max-width: none; } .container-default.pad { flex-flow: column; } .container-default.centre { margin-left: auto; margin-right: auto; } .container-default.central { padding-left: 0; padding-right: 0; } .notification-bar-padding { padding-right: var(--globals--paddings--pd-medium\); padding-left: var(--globals--paddings--pd-medium\); } .notification-bar-close-icon { width: 38px; height: 38px; inset: 6px 6px auto auto; } .header-wrapper.v1 { height: auto; min-height: auto; max-height: none; } .link-nav-item { width: 100%; } .hamburger-menu.v1 { flex-flow: column; justify-content: center; align-items: center; display: flex; } .hamburger-menu-flex.v1 { width: 100%; height: 100%; } .logo-wrapper._140px { max-width: 114px; } .nav-menu-left-side.growth-tablet.header-v2 { grid-column-gap: 24px; grid-column-gap: 24px; grid-column-gap: 24px; } .section { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: var(--components--sections--paddings--pd-default\); } .section.hero.v3, .section.hero.v14 { padding-top: var(--components--sections--paddings--pd-extra-small\); } .section.sales-home-hero { padding-top: 48px; padding-bottom: var(--components--sections--paddings--pd-default\); } .section.top-bottom-120px { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: var(--components--sections--paddings--pd-default\); } .section.hero.v3, .section.hero.v14 { padding-top: var(--components--sections--paddings--pd-extra-small\); } .section.hero.v23 { padding-top: 32px; padding-bottom: var(--components--sections--paddings--pd-extra-small\); } .section.hero.v13 { padding-top: var(--components--sections--paddings--pd-extra-small\); padding-bottom: 100px; } .section.hero.v7 { padding-top: var(--components--sections--paddings--pd-extra-small\); } .section.hero.v8 { padding-top: var(--components--sections--paddings--pd-extra-small\); padding-bottom: var(--components--sections--paddings--pd-default\); } .section.hero.v9 { padding-top: var(--components--sections--paddings--pd-extra-small\); } .section.hero.v6 { padding-bottom: 40px; } .section.hero.v3, .section.hero.v14 { padding-top: var(--components--sections--paddings--pd-extra-small\); } .section.top-140px-bottom-extra-large { padding-top: var(--components--sections--paddings--pd-default\); padding-bottom: var(--components--sections--paddings--pd-default\); } .section.top-80px { padding-top: 40px; } .section.top-160px { padding-top: var(--components--sections--paddings--pd-default\); } .position-relative.magical-gallery-wrapper { grid-column-gap: 4px; grid-row-gap: 4px; grid-column-gap: 4px; grid-row-gap: 4px; } .hidden-on-mobile-landscape { display: block; } .grid-form { flex-flow: column; grid-template-columns: 1fr; justify-content: center; align-items: center; display: flex; } .form-wrapper.v1 { min-height: auto; } .footer-top { padding-top: var(--components--footers--paddings--pd-medium\); } .footer-center { padding-bottom: var(--components--footers--paddings--pd-medium\); } .slider-wrapper.service-slider-wrapper { height: auto; padding-bottom: 0; position: static; } .slider-wrapper.slider---arrows-top { padding-bottom: 80px; } .slider-mask.width-364px { max-width: 100%; } .slider-mask._388px { width: auto; max-width: none; height: auto; } .image { width: auto; max-width: 100%; height: 100%; } .image.slide-project-image._01, .image.slide-project-image._02, .image.slide-project-image._03, .image.post-v1---image, .image.responsive---mbl, .image.post-v2-item---image { max-height: 250px; } .image.hero-v2-image, .image.hero-v3-image, .image.team-item---image { max-height: 300px; } .image.team-page---image, .image.post-page { max-height: 300px; } .image.product-featured, .image.hero-v21-image { max-height: 300px; } .image.service-slider---image { width: 100%; max-width: none; height: auto; max-height: none; } .image.slide-project-image._01, .image.slide-project-image._02, .image.slide-project-image._03, .image.slide-project-image._01, .image.slide-project-image._02, .image.slide-project-image._03, .image.post-v1---image, .image.responsive---mbl, .image.post-v2-item---image { max-height: 250px; } .image.hero-v2-image, .image.hero-v3-image, .image.team-item---image { max-height: 300px; } .image.responsive---mbp { width: 100%; max-width: none; height: 300px; max-height: none; } .image.team-page---image, .image.post-page { max-height: 300px; } .image.location-item---image { max-height: 250px; } .image.service-item---image { max-height: 300px; } .image.product---image { max-height: 250px; } .image.product-featured, .image.hero-v21-image { max-height: 300px; } .grid-5-columns.footer-image-grid-v1 { grid-template-columns: 1fr 1fr; } .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; } .sidebar---navbar, .utp---nav-menu-wrapper { padding-left: 18px; padding-right: 18px; } .icon-font-squared.success-message-icon.large { font-size: var(--core--font-size--displays-mbp--display-10\); font-size: var(--core--font-size--displays-mbp--display-10\); font-size: var(--core--font-size--displays-mbp--display-10\); } .sales-home---hero-picture { min-width: 198px; max-width: 198px; } .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\); } .typography-badge-wrapper { flex-wrap: wrap; } .utp---components-wrapper, .grid-pages { grid-template-columns: 1fr; } .mg-bottom-24px-mbp { margin-bottom: 24px; } .cart-container { padding: var(--globals--margins--mg-extra-small\); } .form-button-line:hover { color: var(--globals--accent-hover\); } .form-button-line.inside-input { cursor: pointer; } .form-button-line.inside-input:hover { color: var(--globals--accent-color\); } .image-wrap.featured-post-v1-image-wrapper, .image-wrap.featured-post-v2---image-wrapper { position: relative; } .image-wrap.cta-image-v2 { width: 80%; max-height: 250px; } .image-wrap.cta-image-v3 { width: 90%; max-height: 350px; } .image-wrap._w-h-100 { height: 100%; } .image-wrap.hero-v1-bg-image { height: 1005px; } .image-wrap.magical-gallery-center { height: 300px; margin-top: 0; } .image-wrap.slide-project-image-wrapper._03 { order: 1; } .image-wrap.featured-post-v1-image-wrapper, .image-wrap.featured-post-v2---image-wrapper { position: relative; } .image-wrap.location-item---image-wrapper { width: 100%; } .view-hover-wrap { position: static; } .heading-wrapper { text-align: left; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: static; } .heading-wrapper.menu-title { margin-bottom: 0; } .heading-wrapper.left { justify-content: flex-start; align-items: flex-start; } .heading-wrapper.center { text-align: center; justify-content: flex-start; align-items: center; } .footer-top-v2 { padding-top: 56px; } .footer-description-v2 { flex-flow: column; } .footer-middle-v2 { padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); } .hamburger-menu-dot._01, .hamburger-menu-dot._02, .hamburger-menu-dot._03 { min-width: 10px; max-width: 10px; min-height: 10px; max-height: 10px; } .hamburger-menu-dot._01, .hamburger-menu-dot._02, .hamburger-menu-dot._03 { min-width: 10px; max-width: 10px; min-height: 10px; max-height: 10px; } .hamburger-menu-dot._04 { min-width: 10px; max-width: 10px; min-height: 10px; } .nav-menu-full-width { z-index: 999; height: 100vh; margin-top: 0; padding-top: 40px; top: 0; } .sales-home---card-wrap { grid-template-columns: 1fr; } .overlay.v4 { background-image: linear-gradient(#000000ab, #000000ab 20%, #fff0 55%); } .hero-v21-content { padding-top: 24px; } .inner-section.cta-v1 { padding: var(--components--cards--paddings--pd-medium\) var(--components--cards--paddings--pd-default\); grid-column-gap: 174px; grid-row-gap: 174px; } .inner-section.cta-v2 { padding-top: 54px; padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); margin-bottom: 64px; } .inner-section.cta-v4 { padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); margin-bottom: 32px; } .inner-section.cta-v5 { padding: 58px var(--components--cards--paddings--pd-default\); } .inner-section.cta-v6 { padding: 80px var(--components--cards--paddings--pd-default\) 66px; } .inner-section.hero-with-bg { padding: 111px var(--globals--paddings--pd-medium\) 115px; } .inner-section.hero-v5-content { padding-top: var(--components--sections--paddings--pd-extra-small\); padding-bottom: var(--components--sections--paddings--pd-extra-small\); } .inner-section.hero-v4-content { padding-top: 54px; padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); } .inner-section.hero-v2-content { padding-top: var(--components--sections--paddings--pd-extra-small\); } .inner-section.hero-v1-content { min-width: auto; max-width: none; padding-top: var(--components--sections--paddings--pd-extra-small\); padding-left: 20px; padding-right: 20px; } .inner-section.hero-v1-content.hompeage { padding-top: 40%; } .inner-section.terms-and-condition-inner-section { padding-top: var(--components--sections--paddings--pd-default\); } .inner-section.utility-block { padding: 80px var(--components--cards--paddings--pd-default\) 70px; } .cta-description-v1, .width-100-mbp { width: 100%; } .text-center-mbp { text-align: center; } .category-badge-wrapper { grid-column-gap: var(--globals--gaps--gap-default\); } .category-badge { font-size: var(--core--font-size--displays-mbp--display-5\); } .slider-button.left-v3 { flex-flow: row; margin-left: auto; margin-right: auto; display: none; position: static; inset: auto 60px 0 0; } .slider-button.right-v3 { margin-left: auto; margin-right: auto; display: none; position: static; inset: auto 0 0 60px; } .slider-button.right-top-main { margin-left: auto; margin-right: auto; inset: auto 0 0 60px; } .slider-button.left-top-main { margin-left: auto; margin-right: auto; inset: auto 60px 0 0; } .terms-tab-menu { padding-right: var(--components--cards--paddings--pd-default\); padding-left: var(--components--cards--paddings--pd-default\); } .term-tab-menu-wrap { margin-bottom: 140px; } .text-no-wrap.normal---mbp { white-space: normal; white-space: normal; } .rich-text-v1 ol, .rich-text-v1 ul, .rich-text-v1 ol, .rich-text-v1 ul { padding-left: 20px; } .text-break-all---mbp { word-break: break-all; } .step-wrapper---main.left { flex-flow: column; justify-content: flex-start; align-items: flex-start; font-size: 18px; line-height: 1.5em; display: flex; } .slide-project-content { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column-reverse; } .input-form-block.alt { min-height: 98px; } .position-absolute.full.post-card-full-image { max-height: 250px; position: static; } .position-absolute.full.static---mbp { min-width: auto; max-width: none; } .position-absolute.full.static---mbp.image { width: auto; height: auto; } .position-absolute.static---mbp { position: static; } .post-card-full-image-wrapper { padding: 0; } .cta-v2-bg-image-wrapper { margin-bottom: -64px; padding-bottom: 20px; } .process-number { font-size: 28px; } .cta-v3-block { padding: 70px var(--components--cards--paddings--pd-default\) 40px; grid-column-gap: 150px; grid-row-gap: 150px; } .cta-v3-description { width: 100%; } .testimonial-v2-wrapper { padding-bottom: 0; padding-right: 0; } .hidden-on-mobile-portrait { display: none; } .hero-v4-content { padding-left: 0; padding-right: 0; } .big-number { font-size: 35px; } .location-full-section { width: auto; min-width: auto; max-width: none; padding: 0; } .bg-shape---top.alt---mbp { min-height: 80px; } .rich-text-v2 h6 { font-size: var(--core--font-size--displays-mbp--display-5\); } .rich-text-v2 h5 { font-size: var(--core--font-size--displays-mbp--display-6\); } .rich-text-v2 ol { padding-left: 20px; } .rich-text-v2 h4 { font-size: var(--core--font-size--displays-mbp--display-7\); } .rich-text-v2 h3 { font-size: var(--core--font-size--displays-mbp--display-8\); } .rich-text-v2 ul { padding-left: 20px; } .rich-text-v2 h2 { font-size: var(--core--font-size--displays-mbp--display-9\); } .rich-text-v2 h1 { font-size: var(--core--font-size--displays-mbp--display-10\); } .cta-v4-content { padding-top: var(--components--sections--paddings--pd-extra-small\); } .cta-v4-images { margin-bottom: -32px; } .featured-post-v1 { padding: 0; } .featured-post-v2 { align-items: stretch; padding: 0; } .rich-text-v3 h6 { font-size: var(--core--font-size--displays-mbp--display-4\); } .rich-text-v3 h5 { font-size: var(--core--font-size--displays-mbp--display-5\); } .rich-text-v3 ol { padding-left: 20px; } .rich-text-v3 h4 { font-size: var(--core--font-size--displays-mbp--display-6\); } .rich-text-v3 h3 { font-size: var(--core--font-size--displays-mbp--display-7\); } .rich-text-v3 ul { padding-left: 20px; } .rich-text-v3 h2 { font-size: var(--core--font-size--displays-mbp--display-8\); } .rich-text-v3 h1 { font-size: var(--core--font-size--displays-mbp--display-9\); } .text-area-wrapper { width: 100%; min-width: auto; max-width: none; } .location-item { flex-flow: column; align-items: stretch; } .location-item.mg-top-32px---mbp { margin-top: 32px; } .location-item---content { padding-bottom: 0; padding-left: 0; } .add-to-cart { min-height: 272px; } .mg-top-72px { margin-top: 50px; } .input-and-button-form { min-height: 130px; } .shipping-method, .order-item { flex-flow: column; } .order-item-content---main { flex-flow: column; margin-bottom: 16px; margin-right: 0; } .shipping-method-content { margin: 12px 0; } .more-templates-logo { width: 60px; } .more-templates-p { font-size: 12px; } .grid { flex-flow: column; justify-content: center; align-items: flex-start; width: 90%; display: block; } .brix-badges-wrapper { width: 310px; height: 100px; right: 22px; } .more-templates-lottie-2 { width: 40px; top: -16px; right: -15px; } .more-templates-badge-wrapper { grid-column-gap: 6px; grid-row-gap: 6px; max-width: 310px; padding: 8px 18px 8px 15px; } .more-templates-badge-wrapper:hover { transform: scale(.9)translate(0, 20px); } .paragraph-3 { color: var(--_ehs---onyx); } .paragraph-4.left { font-size: 18px; line-height: 1.5em; } .paragraph-5.left { font-size: 18px; } .nav_content { grid-column-gap: 80px; grid-auto-flow: row; justify-content: space-between; place-items: center end; display: flex; } .image-4 { width: 655px; } .grid-4 { flex-flow: column; display: flex; } .gallery-landscape { margin-bottom: 10px; } .image-7 { max-width: 100%; } .left { font-size: 18px; } .container { max-width: none; } .hero-split { text-align: left; order: -9999; justify-content: center; align-items: center; } .div-block-13 { background-image: linear-gradient(180deg, var(--_ehs---trans) 57%, #ffffff54 62%, white 75%), url("https://cdn.prod.website-files.com/68a5a5b528acd1613b31a209/68f64dbb8239ee25561e89c8_David.avif"); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, contain; min-width: 100%; padding-bottom: 40px; } .paragraph-7, .paragraph-8 { color: var(--_ehs---onyx); } .heading-4 { max-width: none; font-size: 50px; line-height: 50px; } .text-span-2 { font-size: 55px; line-height: 55px; } .navbar { max-height: 10px; } .navbar.homepage { z-index: 999; z-index: 999; max-height: 100%; } .paragraph-9 { color: var(--_ehs---onyx); font-size: 18px; } .form { flex-flow: column; justify-content: center; align-items: center; display: block; } .div-block-15 { flex-flow: column; width: 100%; display: flex; } .div-block-16, .div-block-17, .div-block-18, .div-block-19, .div-block-20, .div-block-21, .div-block-22, .div-block-23 { width: 100%; } .div-block-24 { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .section-3 { display: none; } .div-block-25, .div-block-26, .div-block-27 { width: 100%; } .section-4 { height: auto; } .section-4.hide { display: none; } .image-14 { width: 125px; height: 60px; } .button-4 { max-width: 80%; } .div-block-34 { display: none; } .image-16 { width: 125px; } .eyebrow { font-size: 1.375rem; } .div-block-35 { text-align: center; } .hero_heading { font-size: 2.5rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .max-width-full-mobile-portrait { width: 100%; max-width: none; } .button.is-navbar { display: none; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .hide-mobile-portrait { display: none; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .fs-styleguide_row { flex-wrap: wrap; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .grid-2-columns-2.header-full-width-grid---menu { grid-row-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr; } .grid-3 { grid-column-gap: 80px; grid-auto-flow: row; justify-content: space-between; place-items: center end; display: flex; } .logo-link-2 { width: 200px; min-width: 150px; } .mg-top-large-2 { margin-top: 0; } .hamburger-menu-dot-2._02 { min-width: 10px; max-width: 10px; min-height: 10px; max-height: 10px; } .hamburger-menu-dot-2._01, .hamburger-menu-dot-2._03, .hamburger-menu-dot-2._02 { min-width: 10px; max-width: 10px; min-height: 10px; max-height: 10px; } .hamburger-menu-dot-2._04 { min-width: 10px; max-width: 10px; min-height: 10px; } .hamburger-menu-dot-2._01, .hamburger-menu-dot-2._03 { min-width: 10px; max-width: 10px; min-height: 10px; max-height: 10px; } .div-block-36 { display: none; } .nav-menu-full-width-2 { z-index: 999; height: 100vh; margin-top: 0; padding-top: 40px; top: 0; } .hamburger-menu-flex-2.v1 { width: 100%; height: 100%; } .image-17 { width: 125px; } .image-18 { width: auto; max-width: 100%; height: 100%; } .display-11 { font-size: 16px; } .container-default-2.centre { margin-left: auto; margin-right: auto; } .image-19 { width: 125px; height: 60px; } .list-wrapper-2 { margin-top: 10px; } .hamburger-menu-2.v1 { flex-flow: column; justify-content: center; align-items: center; display: flex; } .navbar-2 { max-height: 10px; } .navbar-2.homepage { z-index: 999; z-index: 999; max-height: 100%; } } #w-node-_51590d42-2327-ec58-57f0-b527d727165f-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d7271670-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d727167a-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d7271684-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d727168e-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d7271698-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d72716a3-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d72716ab-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d72716b5-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d72716bf-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_51590d42-2327-ec58-57f0-b527d72716c8-3b31a26a { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_51590d42-2327-ec58-57f0-b527d72716d9-3b31a26a, #w-node-_51590d42-2327-ec58-57f0-b527d72716e3-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_51590d42-2327-ec58-57f0-b527d72716f7-3b31a26a { justify-self: center; } #w-node-_51590d42-2327-ec58-57f0-b527d72716fc-3b31a26a { justify-self: end; } #w-node-_68793bdb-cf99-4389-7eef-3f3f3502bb4b-3b31a26a { place-self: stretch end; } #w-node-_46a6aee5-88fe-3f6a-8934-7de3bb763d2d-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_8dae340c-86df-65a1-ce17-e43a0ecf7a88-3b31a26a { justify-self: end; } #w-node-_1016e11c-7f2d-0da1-926f-33af78269711-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_1016e11c-7f2d-0da1-926f-33af78269713-3b31a26a { justify-self: end; } #w-node-b0a3b65c-38f5-8f31-764c-41a0747cc08d-3b31a26a { grid-area: span 1 / span 2 / span 1 / span 2; justify-self: start; } #w-node-_420f79fe-6044-2f2d-65bb-27b63401ba2b-3b31a26a { grid-area: 2 / 2 / 3 / 2; justify-self: end; } #w-node-c3362080-8f20-e165-b56c-9ffa0a7bd96b-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_73341f2c-9f7c-1cd9-4c32-ea81ddcd285f-3b31a26a { place-self: stretch stretch; } #w-node-_73341f2c-9f7c-1cd9-4c32-ea81ddcd2867-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-a98c3668-3841-c42c-0384-1848a0a0b7bd-3b31a26a { place-self: stretch stretch; } #w-node-a98c3668-3841-c42c-0384-1848a0a0b7c5-3b31a26a, #w-node-b024f75f-e3be-6aa7-e621-f6f9f006207d-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-a22eec63-83a4-fb59-dce9-f145f0c57c30-3b31a26a { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-f24df89a-66cf-2117-b750-13ee7b2efe5a-3b31a26a { align-self: stretch; } #w-node-be295cc7-68c8-bc9e-ef30-f2a0ede9affc-3b31a26a { place-self: stretch stretch; } #w-node-_4af6a35f-986e-5a34-1d6e-3759ac76c43c-3b31a26a { align-self: stretch; } #w-node-_4af6a35f-986e-5a34-1d6e-3759ac76c43e-3b31a26a { place-self: stretch stretch; } #w-node-_3475eb2c-070e-df7f-1c29-86f80cff9436-3b31a26a { align-self: stretch; } #w-node-_3475eb2c-070e-df7f-1c29-86f80cff9438-3b31a26a { place-self: stretch stretch; } #w-node-dc402e89-5ec8-bef0-2dbc-42d020946502-3b31a26a { align-self: stretch; } #w-node-dc402e89-5ec8-bef0-2dbc-42d020946504-3b31a26a, #w-node-_5b74dfc5-b4f6-5505-b647-aa7be36fcb27-57241a43 { place-self: stretch stretch; } #w-node-_2cfd7314-dc09-75f5-33f8-582de3fd09fe-57241a43 { justify-self: end; } #w-node-_2cfd7314-dc09-75f5-33f8-582de3fd0a4f-57241a43 { align-self: start; } #w-node-ccca79ab-fe99-ef81-5976-607dadca39f5-57241a43, #w-node-e51fb3b5-9c5e-2200-e47c-30b66b4acc6a-57241a43, #w-node-_587b516f-04d2-3f6f-fa37-f769f5facd9e-57241a43, #w-node-_105c6810-7fd6-918e-ea4c-0a20c47f4eeb-c47f4eeb, #w-node-e9da5fd6-ab44-5b2f-81ad-6e5f36bfab9c-36bfab9c { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (min-width: 1920px) { #w-node-_51590d42-2327-ec58-57f0-b527d7271665-3b31a26a { justify-self: stretch; } } @media screen and (min-width: 1440px) { #w-node-_51590d42-2327-ec58-57f0-b527d72716c8-3b31a26a { grid-area: span 1 / span 2 / span 1 / span 2; } } @media screen and (max-width: 991px) { #w-node-_63cf45bb-6439-6d98-c50e-f688c8f8ea64-3b31a26a, #w-node-_63cf45bb-6439-6d98-c50e-f688c8f8ea6a-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-be295cc7-68c8-bc9e-ef30-f2a0ede9affc-3b31a26a, #w-node-_4af6a35f-986e-5a34-1d6e-3759ac76c43e-3b31a26a, #w-node-_3475eb2c-070e-df7f-1c29-86f80cff9438-3b31a26a, #w-node-dc402e89-5ec8-bef0-2dbc-42d020946504-3b31a26a { grid-area: 1 / 2 / 3 / 2; } #w-node-_2cfd7314-dc09-75f5-33f8-582de3fd09fe-57241a43 { justify-self: auto; } } @media screen and (max-width: 767px) { #w-node-_51590d42-2327-ec58-57f0-b527d727166e-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_68793bdb-cf99-4389-7eef-3f3f3502bb4b-3b31a26a { justify-self: auto; } } @media screen and (max-width: 479px) { #w-node-_51590d42-2327-ec58-57f0-b527d72716c8-3b31a26a { order: 9999; } #w-node-b0a3b65c-38f5-8f31-764c-41a0747cc08d-3b31a26a { grid-column: span 1 / span 1; } #w-node-_420f79fe-6044-2f2d-65bb-27b63401ba2b-3b31a26a { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: auto; } #w-node-a22eec63-83a4-fb59-dce9-f145f0c57c30-3b31a26a { grid-column: span 1 / span 1; } #w-node-be295cc7-68c8-bc9e-ef30-f2a0ede9affc-3b31a26a, #w-node-_4af6a35f-986e-5a34-1d6e-3759ac76c43e-3b31a26a, #w-node-_3475eb2c-070e-df7f-1c29-86f80cff9438-3b31a26a, #w-node-dc402e89-5ec8-bef0-2dbc-42d020946504-3b31a26a { grid-area: span 2 / span 2 / span 2 / span 2; } }