*, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct box sizing in Firefox. */ hr { box-sizing: content-box; height: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Edge and Firefox. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { padding: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /** * * Theme variables // Recurring styles and/or parameters * **/ /** * * Theme fonts * Fonts need to be hosted on the production portal, in the file manager * **/ @font-face { font-family: 'PolySans Slim Mono'; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-SlimMono.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-SlimMono.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-SlimMono.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-SlimMono.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-SlimMono.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-SlimMono.svg#PolySans-SlimMono') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'PolySans Neutral Mono'; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-NeutralMono.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-NeutralMono.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-NeutralMono.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-NeutralMono.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-NeutralMono.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-NeutralMono.svg#PolySans-NeutralMono') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'PolySans Bulky Wide'; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyWide.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyWide.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyWide.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyWide.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyWide.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyWide.svg#PolySans-BulkyWide') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'PolySans Bulky'; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Bulky.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Bulky.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Bulky.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Bulky.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Bulky.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Bulky.svg#PolySans-Bulky') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'PolySans Median'; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Median.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Median.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Median.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Median.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Median.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Median.svg#PolySans-Median') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'PolySans Bulky Mono'; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyMono.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyMono.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyMono.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyMono.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyMono.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-BulkyMono.svg#PolySans-BulkyMono') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'PolySans Median Mono'; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-MedianMono.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-MedianMono.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-MedianMono.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-MedianMono.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-MedianMono.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-MedianMono.svg#PolySans-MedianMono') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'PolySans Slim'; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Slim.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Slim.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Slim.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Slim.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Slim.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/PolySans-Slim.svg#PolySans-Slim') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-regular.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-regular.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-regular.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-regular.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-regular.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); } @font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-700.eot'); src: url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-700.eot#iefix') format('embedded-opentype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-700.woff2') format('woff2'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-700.woff') format('woff'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-700.ttf') format('truetype'), url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); } /** * * Theme colors * **/ :root { --white : 255,255,255; --black : 0,0,0; --blue-zodiac : 19,48,80; --malibu : 75,193,255; --bittersweet : 255,107,100; --selective-yellow : 255,183,3; --flush-orange : 251,133,0; --eastern-blue : 35,158,188; --spray : 126,240,200; --heliotrope : 140,120,255; --shocking : 226,143,206; --transparent: rgba(#FFFFFF, 0); --sm-col: calc((100vw - 32px - 48px) / 4); --md-col: 91px; --lg-col: calc((100vw - 400px - 264px) / 12); --xl-col: 112px; } /** **** Gradient Variable **/ /* CSS variables */ :root { --column-gap: 2.13%; --column-width-multiplier: 8.333; } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{ min-height: 1px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100)); } .row-fluid .span2 { width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100)); } .row-fluid .span3 { width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100)); } .row-fluid .span4 { width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100)); } .row-fluid .span5 { width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100)); } .row-fluid .span6 { width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100)); } .row-fluid .span7 { width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100)); } .row-fluid .span8 { width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100)); } .row-fluid .span9 { width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100)); } .row-fluid .span10 { width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100)); } .row-fluid .span11 { width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100)); } } /* Mobile layout */ #main-content .row-fluid { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1rem; grid-template-rows: auto; grid-auto-rows: minmax(min-content, max-content); } #main-content .row-fluid .span1, #main-content .row-fluid .span2, #main-content .row-fluid .span3, #main-content .row-fluid .span4, #main-content .row-fluid .span5, #main-content .row-fluid .span6, #main-content .row-fluid .span7, #main-content .row-fluid .span8, #main-content .row-fluid .span9, #main-content .row-fluid .span10, #main-content .row-fluid .span11, #main-content .row-fluid .span12{ min-height: 1px; grid-column: 1/5; width: 100%; } /* Medium layout */ @media (min-width: 768px) { #main-content .row-fluid { display: grid; grid-template-columns: repeat(12, 1fr); } #main-content .row-fluid .span1 { grid-column: span 12; } #main-content .row-fluid .span2 { grid-column: span 12; } #main-content .row-fluid .span3 { grid-column: span 12; } #main-content .row-fluid .span4 { grid-column: span 12; } #main-content .row-fluid .span5 { grid-column: span 12; } #main-content .row-fluid .span6 { grid-column: span 12; } #main-content .row-fluid .span7 { grid-column: span 12; } #main-content .row-fluid .span8 { grid-column: span 12; } #main-content .row-fluid .span9 { grid-column: span 12; } #main-content .row-fluid .span10 { grid-column: span 12; } #main-content .row-fluid .span11 { grid-column: span 12; } #main-content .row-fluid .span12 { grid-column: span 12; } } /* Desktop layout */ @media (min-width: 1280px) { #main-content .row-fluid { display: grid; grid-template-columns: repeat(12, 1fr); } #main-content .row-fluid .span1 { grid-column: span 1; } #main-content .row-fluid .span2 { grid-column: span 2; } #main-content .row-fluid .span3 { grid-column: span 3; } #main-content .row-fluid .span4 { grid-column: span 4; } #main-content .row-fluid .span5 { grid-column: span 5; } #main-content .row-fluid .span6 { grid-column: span 6; } #main-content .row-fluid .span7 { grid-column: span 7; } #main-content .row-fluid .span8 { grid-column: span 8; } #main-content .row-fluid .span9 { grid-column: span 9; } #main-content .row-fluid .span10 { grid-column: span 10; } #main-content .row-fluid .span11 { grid-column: span 11; } #main-content .row-fluid .span12 { grid-column: span 12; } } #main-content { padding-top: 100px; } @media screen and (min-width: 1280px) { #main-content { padding-top: 160px; } } .grid-theme { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1rem; padding-left: 1rem; padding-right: 1rem; grid-template-rows: auto; grid-auto-rows: minmax(min-content, max-content); } @media screen and (min-width: 600px) { .grid-theme { display: grid; grid-template-columns: repeat(8, 1fr); grid-column-gap: 1rem; padding-left: 2rem; padding-right: 2rem; } } @media screen and (min-width: 905px) { .grid-theme { display: grid; max-width: 840px; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.5rem; padding-left: 0; padding-right: 0; margin-left: auto !important; margin-right: auto !important; } } @media screen and (min-width: 1240px) { .grid-theme { padding-left: 4rem; padding-right: 4rem; max-width: 100%; } } @media screen and (min-width: 1440px) { .grid-theme { max-width: 1328px; padding-left:0; padding-right:0; margin-left: auto !important; margin-right: auto !important; } } @media screen and (min-width: 1440px) { .content-wrapper { padding: 0; } } .dnd-section>.row-fluid { margin: 0 auto; } /** * * Text color * */ .text-white { color: rgb(var(--white)) !important; } .text-black { color: rgb(var(--black)) !important; } .text-blue-zodiac { color: rgb(var(--blue-zodiac)) !important; } .text-malibu { color: rgb(var(--malibu)) !important; } .text-bittersweet { color: rgb(var(--bittersweet)) !important; } .text-selective-yellow { color: rgb(var(--selective-yellow)) !important; } .text-flush-orange { color: rgb(var(--flush-orange)) !important; } .text-eastern-blue { color: rgb(var(--eastern-blue)) !important; } .text-spray { color: rgb(var(--spray)) !important; } .text-heliotrope { color: rgb(var(--heliotrope)) !important; } .text-shocking { color: rgb(var(--shocking)) !important; } /** * * Background color * */ .bg-white { background: rgb(var(--white)) !important; } .bg-black { background: rgb(var(--black)) !important; } .bg-blue-zodiac { background: rgb(var(--blue-zodiac)) !important; } .bg-malibu { background: rgb(var(--malibu)) !important; } .bg-bittersweet { background: rgb(var(--bittersweet)) !important; } .bg-selective-yellow { background: rgb(var(--selective-yellow)) !important; } .bg-flush-orange { background: rgb(var(--flush-orange)) !important; } .bg-eastern-blue { background: rgb(var(--eastern-blue)) !important; } .bg-spray { background: rgb(var(--spray)) !important; } .bg-heliotrope { background: rgb(var(--heliotrope)) !important; } .bg-shocking { background: rgb(var(--shocking)) !important; } /** * * Border color * */ .border-white { border-color: rgb(var(--white)) !important; } .border-black { border-color: rgb(var(--black)) !important; } .border-blue-zodiac { border-color: rgb(var(--blue-zodiac)) !important; } .border-malibu { border-color: rgb(var(--malibu)) !important; } .border-bittersweet { border-color: rgb(var(--bittersweet)) !important; } .border-selective-yellow { border-color: rgb(var(--selective-yellow)) !important; } .border-flush-orange { border-color: rgb(var(--flush-orange)) !important; } .border-eastern-blue { border-color: rgb(var(--eastern-blue)) !important; } .border-spray { border-color: rgb(var(--spray)) !important; } .border-heliotrope { border-color: rgb(var(--heliotrope)) !important; } .border-shocking { border-color: rgb(var(--shocking)) !important; } /** * * Gradients text * */ .text-autumn { background: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-winter { background: linear-gradient(to right, #B0F8DE 0%, rgba(75, 193, 255, 0.79) 51.51%, #8C78FF 100%); background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-summer { background: linear-gradient(to right, #FFB703 0%, #FB8500 50.74%, #FF6B64 100%); background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-spring { background: linear-gradient(to right, #8C78FF 0%, #FF6B64 100%); background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /** * * Gradients background * */ .bg-autumn-ltr { background: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); } .bg-autumn-rtl { background: linear-gradient(to left, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); } .bg-autumn-ttb { background: linear-gradient(to bottom, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); } .bg-autumn-btt { background: linear-gradient(to top, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); } .bg-winter-ltr { background: linear-gradient(to right, #B0F8DE 0%, rgba(75, 193, 255, 0.79) 51.51%, #8C78FF 100%); } .bg-winter-rtl { background: linear-gradient(to left, #B0F8DE 0%, rgba(75, 193, 255, 0.79) 51.51%, #8C78FF 100%); } .bg-winter-ttb { background: linear-gradient(to bottom, #B0F8DE 0%, rgba(75, 193, 255, 0.79) 51.51%, #8C78FF 100%); } .bg-winter-btt { background: linear-gradient(to top, #B0F8DE 0%, rgba(75, 193, 255, 0.79) 51.51%, #8C78FF 100%); } .bg-summer-ltr { background: linear-gradient(to right, #FFB703 0%, #FB8500 50.74%, #FF6B64 100%); } .bg-summer-rtl { background: linear-gradient(to left, #FFB703 0%, #FB8500 50.74%, #FF6B64 100%); } .bg-summer-ttb { background: linear-gradient(to bottom, #FFB703 0%, #FB8500 50.74%, #FF6B64 100%); } .bg-summer-btt { background: linear-gradient(to top, #FFB703 0%, #FB8500 50.74%, #FF6B64 100%); } .bg-spring-ltr { background: linear-gradient(to right, #8C78FF 0%, #FF6B64 100%); } .bg-spring-rtl { background: linear-gradient(to left, #8C78FF 0%, #FF6B64 100%); } .bg-spring-ttb { background: linear-gradient(to bottom, #8C78FF 0%, #FF6B64 100%); } .bg-spring-btt { background: linear-gradient(to top, #8C78FF 0%, #FF6B64 100%); } body { color: rgb(var(--black)); font-size: 100%; line-height: 1.6; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } p, .p { margin-top: 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; font-weight: 400; } p + p { margin-top: 2rem; } p strong, p b, .p strong, .p b, .strong{ font-weight: 700; } .text-highlight-one{ margin-top: 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; font-family: 'PolySans Bulky Wide',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; } .text-highlight-two{ margin-top: 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; } .text-quote { margin-top: 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; font-family: 'PolySans Neutral Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } blockquote { margin: 0; font-size: 1rem; line-height: 1.5; font-family: 'PolySans Neutral Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } @media screen and (min-width: 905px) { p, .p { font-size: 1.125rem; font-weight: 400; } .text-highlight-one{ font-size: 1.25rem; } .text-highlight-two{ font-size: 1rem; } .text-quote { font-size: 1.1875rem; line-height: 1.9; } blockquote { font-size: 1.1875rem; line-height: 1.9; } } /** * * Headings * */ h1, .h1, h2.h1, h2.h1_smaller { margin-top: 0; margin-bottom: 0; font-size: 2rem; line-height: 1.1875; font-family: 'PolySans Bulky',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; } h2:not(.h1,.h1_smaller, .h3,.h4,.h5, .h6), .h2 { margin-top: 0; margin-bottom: 0; font-size: 1.6875rem; line-height: 1.185; font-family: 'PolySans Bulky',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; text-transform: uppercase; } h2:not(.h1,.h1_smaller,.h3,.h4,.h5, .h6) .outline, .h2 .outline, h2:not(.h1,.h1_smaller,.h3,.h4,.h5, .h6).outline, .h2.outline, h2:not(.h1,.h1_smaller, .h3,.h4,.h5, .h6) em, .h2 em { letter-spacing: 0.1175rem; color: rgb(var(--black)); -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 1.5px; paint-order: stroke fill; -webkit-text-stroke-color: rgb(var(--black)); font-style: normal; } h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0; font-size: 1.125rem; line-height: 1.67; font-family: 'PolySans Bulky Wide',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; text-transform: none; } h3.slim, .h3.slim { font-family: 'PolySans Slim',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; } h3.mono, .h3.mono { font-family: 'PolySans Neutral Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } h3.mono-bulky, .h3.mono-bulky{ font-family: 'PolySans Bulky Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; } @media screen and (min-width: 905px) { h1, .h1, h2.h1 { font-size: 4.75rem; line-height: 1.2; } .h1_smaller, h2.h1_smaller { font-size: 3.5625rem; line-height: 1.2; } h2:not(.h1,.h1_smaller), .h2{ font-size: 2.625rem; line-height: 1.1915; letter-spacing: -0.5px; } h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size: 1.5rem; line-height: 1.6; } h3.mono, .h3.mono, h3.mono-bulky, .h3.mono-bulky{ font-size: 1.4375rem; line-height: 1.5; } h3.slim, .h3.slim { font-size: 1.25rem; line-height: 1.5; } h2 .outline, .h2 .outline, h2.outline, .h2.outline, h2 em, .h2:not(h1) em { -webkit-text-stroke-width: 2px; } } h3 + p, h3 + ul, h3 + ol { margin-top: 1.5rem; } /* Alignement texte */ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } /* Listes */ /* ul { list-style-type: ">"; padding-left: 0.5rem; margin: 0; } */ ul { list-style-type: none; padding-left: 0; margin: 0; } ul li { position: relative; padding-left: 1rem; font-size: 1rem; text-align: left; } main ul li::before { content: '>'; display: block; position: absolute; top: 2px; left: 0px; transform-origin: left top; font-size: 1.25rem; line-height: 1; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; letter-spacing: 0.1175rem; color: rgb(var(--black)); -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgb(var(--black)); } main ul li:not(:first-of-type), main ol li:not(:first-of-type) { margin-top: 1rem; } main ul li { position: relative; padding-left: 1rem; font-size: 1rem; text-align: left; } main ol { padding-left: 1rem; } main ol li { font-size: 1rem; } main p + ul, main ul + p, main p + ol, main ol + p { margin-top: 1rem !important; } @media screen and (min-width: 905px) { main ul li { position: relative; padding-left: 1.5rem; text-align: left; font-size: 1.125rem; } main ol li { font-size: 1.125rem; } main ul li::before { font-size: 1.5rem; top: 3px; } main ul li:not(:first-of-type), main ol li:not(:first-of-type) { margin-top: 1.5rem; } } .body-container-wrapper a:not(.btn,.cta_button,.logo-item) { transition: all 0.25s ease-in; position: relative; letter-spacing: 0.05em; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); position: relative; background: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); background-size: 0% 100%; animation: textGradient 2s ease-in; background-clip: text; -webkit-background-clip:text; color:rgba(0,0,0,1); text-decoration: none; } .body-container-wrapper a:not(.btn,.cta_button,.logo-item):hover { color: #000; border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background-size: 0% 100%; } a.btn, .btn .cta_button, .btn button, label.btn { box-sizing: border-box !important; display: inline-block; text-decoration: none; font-weight: 600; font-family: 'PolySans Median Mono',Helvetica,Arial,Lucida,sans-serif; font-size: 0.825rem; border-bottom: none; } a.btn.btn-base span, .btn.btn-base .hs-cta-wrapper span .cta_button { font-size: 1rem; } .btn .hs-cta-wrapper span { display: inline-block; } @media screen and (min-width: 768px) { a.btn, .btn .cta_button, .btn button, label.btn { font-size: 1.125rem; } a.btn.btn-base span, .btn.btn-base .hs-cta-wrapper span .cta_button { font-size: 1.125rem; } } /** * Black to gradient */ a.btn.btn-primary, .btn.btn-primary .hs-cta-wrapper span{ position: relative; margin-bottom: 4px; margin-left: 4px; } a.btn.btn-primary span, .btn.btn-primary .hs-cta-wrapper span .cta_button { color: rgb(var(--black)); font-weight: 600; font-family: 'PolySans Median Mono',Helvetica,Arial,Lucida,sans-serif; line-height: 1; padding: 1.25rem 1.5rem ; border: 1px solid; border-image-slice: 1; border-width: 1px; border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background-color: rgb(var(--white)); transition: all 0.25s ease; display: block; position: relative; z-index: 3; } a.btn.btn-primary::before, .btn.btn-primary .hs-cta-wrapper span::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: rgb(var(--black)); left: -4px; bottom: -4px; z-index: 1; } a.btn.btn-primary::after, .btn.btn-primary .hs-cta-wrapper span::after{ content: ""; display: block; position: absolute; width: 100%; height: 100%; background:linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); left: -4px; bottom: -4px; z-index: 2; opacity: 0; transition: opacity 0.25s ease; } a.btn.btn-primary:hover span, .btn.btn-primary:hover .hs-cta-wrapper span .cta_button { border-image-source: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); } a.btn.btn-primary:hover::after, .btn.btn-primary:hover .hs-cta-wrapper span::after { opacity: 1; } a.btn.btn-primary.btn-jump span, .btn.btn-primary.btn-jump .hs-cta-wrapper span .cta_button { position: relative; transform: translate(0,0); } a.btn.btn-primary.btn-jump:hover span, .btn.btn-primary.btn-jump:hover .hs-cta-wrapper span .cta_button { transform: translate(2px,-2px); } /** * Gradient */ a.btn.btn-secondary, .btn.btn-secondary .hs-cta-wrapper span{ position: relative; margin-bottom: 4px; margin-left: 4px; } a.btn.btn-secondary span, .btn.btn-secondary .hs-cta-wrapper span .cta_button { color: rgb(var(--black)); font-weight: 600; font-family: 'PolySans Median Mono',Helvetica,Arial,Lucida,sans-serif; line-height: 1; padding: 1.25rem 1.5rem ; border: 1px solid; border-image-slice: 1; border-width: 1px; border-image-source: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); background-color: rgb(var(--white)); transition: all 0.25s ease; display: block; position: relative; z-index: 3; transform: translate(0,0); } a.btn.btn-secondary::before, .btn.btn-secondary .hs-cta-wrapper span::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); left: -4px; bottom: -4px; z-index: 1; } a.btn.btn-secondary:hover span, .btn.btn-secondary:hover .hs-cta-wrapper span .cta_button { transform: translate(2px,-2px); } /** * Grey */ a.btn.btn-tertiary, .btn.btn-tertiary .hs-cta-wrapper span{ position: relative; margin-bottom: 4px; margin-left: 4px; } a.btn.btn-tertiary span, .btn.btn-tertiary .hs-cta-wrapper span .cta_button { color: rgb(115,115,115); font-weight: 600; font-family: 'PolySans Median Mono',Helvetica,Arial,Lucida,sans-serif; line-height: 1; padding: 1.25rem 1.5rem ; border: 1px solid; border-image-slice: 1; border-width: 1px; border-color: rgb(115,115,115); background-color: rgb(var(--white)); transition: all 0.25s ease; display: block; position: relative; z-index: 3; transform: translate(0,0); } a.btn.btn-tertiary::before, .btn.btn-tertiary .hs-cta-wrapper span::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: rgb(115,115,115); left: -4px; bottom: -4px; z-index: 1; } a.btn.btn-tertiary:hover span, .btn.btn-tertiary:hover .hs-cta-wrapper span .cta_button { transform: translate(2px,-2px); } /** * Button link */ a.btn.btn-base, .btn.btn-base .hs-cta-wrapper span{ position: relative; } a.btn.btn-base span, .btn.btn-base .hs-cta-wrapper span .cta_button { transition: all 0.25s ease-in; display: block; position: relative; font-weight: 700; text-transform: uppercase; font-family: 'PolySans Bulky',Helvetica,Arial,Lucida,sans-serif; line-height: 1; letter-spacing: 0.03em; padding: 0.75rem 1rem ; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); position: relative; background: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); background-size: 0% 100%; animation: textGradient 2s ease-in; background-clip: text; -webkit-background-clip:text; color:rgba(0,0,0,1); } a.btn.btn-base:hover span, .btn.btn-base:hover .hs-cta-wrapper span .cta_button { color:rgba(0,0,0,0); border-image-source: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); background-size: 100% 100%; } a.btn.btn-base.btn-gradient span, .btn.btn-base.btn-gradient .hs-cta-wrapper span .cta_button { animation: none; background: linear-gradient(90deg,#fb8500 0,hsla(3,100%,70%,.75) 28.13%,#8c78ff 58.85%,#4bc1ff); background-clip: text; -webkit-background-clip: text; border-bottom: 1px solid; border-image-slice: 1; color: #000; letter-spacing: .05em; position: relative; text-decoration: none; transition: all .25s ease-in; background-size: 100% 100%; border-image-source: linear-gradient(90deg,#fb8500 0,hsla(3,100%,70%,.75) 28.13%,#8c78ff 58.85%,#4bc1ff); color: transparent; } a.btn.btn-base.btn-gradient:hover span, .btn.btn-base.btn-gradient:hover .hs-cta-wrapper span .cta_button { color: #000; border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background-size: 0% 100%; } a.btn.btn-base.btn-sm span, .btn.btn-base.btn-sm .hs-cta-wrapper span .cta_button{ font-weight: 300; text-transform: initial; font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; letter-spacing: 0.05em; font-size: 1.125rem; padding: 0rem ; } a.btn.btn-base.btn-gray span, .btn.btn-base.btn-gray .hs-cta-wrapper span .cta_button { transition: all 0.25s ease-in; display: block; position: relative; font-weight: 700; text-transform: uppercase; font-family: 'PolySans Bulky',Helvetica,Arial,Lucida,sans-serif; letter-spacing: 0.03em; padding: 0.75rem 1rem ; border-bottom: 1px solid rgb(115,115,115); border-image-slice: 1; border-image-source:none; position: relative; background: transparent; background-size: 100% 100%; animation: none; background-clip: text; -webkit-background-clip:text; color:rgb(115,115,115); } a.btn.btn-base.btn-gray:hover span, .btn.btn-base.btn-gray:hover .hs-cta-wrapper span .cta_button { color:rgb(115,115,115); border-image-source: none; } /*----------------------------------------------- ---- Normalize ------------------------------------------------*/ form input, form label, form select, form button, form textarea { margin:0; border:0; padding:0; display:inline-block; vertical-align:middle; white-space:normal; background:none; line-height: 1.15; } /* Search Input ---------------*/ /* Make webkit render the search input like a normal text field */ form input[type=search] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; } /* Turn off the recent search for webkit. It adds about 15px padding on the left */ ::-webkit-search-decoration { display:none; } /* Buttons ---------------*/ form input[type="reset"], form input[type="button"], form input[type="submit"] { /* Fix IE7 display bug */ overflow:visible; width:auto; } /* IE8 and FF freak out if this rule is within another selector */ ::-webkit-file-upload-button { padding:0; border:0; background:none; } /* Textarea ---------------*/ form textarea { vertical-align:top; overflow:auto; } /* Selects ---------------*/ form select[multiple] { /* Move the label to the top */ vertical-align:top; } /*----------------------------------------------- ---- Form structure ------------------------------------------------*/ form fieldset, form > .hs-form-field { max-width: 100% !important; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 1rem; margin-bottom: 0px !important; } form fieldset:not(:first-child), form > .hs-form-field:not(:first-child){ margin-top: 1.5rem; } form .hs_recaptcha{ margin-top: 20px !important; margin-bottom: 20px !important; } @media screen and (min-width: 600px) { form fieldset, form > .hs-form-field { column-gap: 2.5rem; } form fieldset:not(:first-child), form > .hs-form-field:not(:first-child){ margin-top: 2.25rem; } form fieldset.form-columns-2, form fieldset.form-columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (min-width: 905px) { form fieldset, form > .hs-form-field:not(:first-child) { column-gap: 4.5rem; } form fieldset.form-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } form fieldset.form-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } form fieldset .hs-form-field{ grid-column: span 1 / span 1; width: 100% !important; float: none !important; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; } form > .hs-form-field { margin-bottom: 0!important; } /*----------------------------------------------- ---- Fields ------------------------------------------------*/ .form-wrapper.hidden-label form .hs-form-field label:not(.hs-error-msg, .hs-form-booleancheckbox-display) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } form > .hs-form-field .input { position: relative; padding-left: 2px; padding-bottom: 2px; } form > .hs-form-field .input input { position: relative; z-index: 1; } .newsletter-form-module form > .hs-fieldtype-text .input::after { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 2px; left: -2px; background-color: rgb(var(--black)); z-index: -1; } form .hs-form-field label { margin-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.67; font-family: 'PolySans Slim',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; text-transform: none; } form .input{ margin-right: 0 !important; max-width: 100%; width: 100%; font-size: 1rem; line-height: 1.375; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } @media screen and (min-width: 600px) { form .hs-form-field label { margin-bottom: 1.125rem; font-size: 1.125rem; line-height: 1.6; } form .input{ font-size: 1.25rem; } } /* Common fields ---------------*/ form ul{ width: 100%; padding: 0; margin: 10px 0 0 0; list-style-type: none; } form ul li{ padding-left: 0; } form ul li:not(:last-child) { margin-bottom: 0; } ::placeholder { font-weight: 300; font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; font-size: 1.125rem; color: rgba(var(--black), 0.5); } form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form textarea { display: inline-block; width: 100% !important; max-width: 100% !important; font-size: 1rem; background-color: rgb(var(--white)); padding: 1.5rem 1rem; height: 50px; border: 1px solid; border-image-slice: 1; border-width: 1px; border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background-color: rgb(var(--white)); transition: all 0.25s ease; } form input[type=text]:focus, form input[type=email]:focus, form input[type=password]:focus, form input[type=tel]:focus, form input[type=number]:focus, form input[type=file]:focus form textarea:focus, form textarea:focus-visible { outline:0; border-image-source: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); } form textarea { min-height: 120px; } /* Select ---------------*/ form .hs-fieldtype-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:rgb(var(--white)); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAaCAYAAAC+aNwHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADhSURBVHgB7ZThEcIgDIWfG3SEuEHdgBEcoRvYDWQTR+gIjOAIjKAbKNRwgsWQnue/fne54wgPmoYH8CM7Ieez8T3EASs4h3iEGEIceWy1YmLBJZtzIW6ca+Iri4nnXEt84tPHSm4UcsUpHt8RS5n4BBI26HnNopQB+j9t8VEK4fXZHjo6vH90HM/tijsa6DGsmbAxk/pvVmgMMr/EVqQb2Ck3SG2nNJHuuVWIc6sXOE70gpgg9D8mW5atWb1Asqxk9YKaZQltqy8W56UkvxCUWBbEB3WA0CHpWb+ivBd7/IMnFPVGI0mIQI4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: 98% center; width: 100% !important; padding: 0.75rem 1rem; height: 50px; font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; border: 1px solid; border-image-slice: 1; border-width: 1px; border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background-color: rgb(var(--white)); transition: all 0.25s ease; } form .hs-fieldtype-select select:focus { outline:0; border-image-source: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); } /* Date ---------------*/ form .hs-fieldtype-date { position: relative; } form .hs-fieldtype-date input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:rgb(var(--white)); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAdCAYAAACwuqxLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG8SURBVHgBtVbNWcJAEH0gBcQOYgWGCszRm7ECYwVABeLRk9IBVoAdkA6gA9MBuXrCmeTl22Vdkgjhfd/Lzv5kZmd3ZhLgL16EK2GC7kj4zqRtYSrcCzdsA7QjdN6Z2pMDWo3Yj4W58FG4E27JJkTkgEZ0Uxnn8pE8Pqg0h9lxwTbgDptge1lwvc3SrZQL5tz5muMh2hFz7crRpe1+6CyeCz8pz1B51YZM+IzKk1fh0l1gW+0TqeoesXOLytU+oTrLm9/jgqg9WAi/0C80+Sa1AY31DP0i1Meow0INvy4ZrdDIO0jMYYeXEu5GkyiGyfYQJjACypFPQVuY2vNaCtaUU5gACTx6yvljR5Q6/YmlKERV0J449o4WuJYTjp3C1PXAdwf1hd6QCi2I16guMKe8sNaNcQRNl3wscgpy54x50RSmG0ue4vBDYmf/d5OhJg+WMJVVj2YGs3s73lXWKqoVNfMp8l4OzBHZ82v4w9SHcr7piFaWrD8CdzCJpXMROsBnoP4Oh+znbGNLrpVnONHAGD2hSy06C7UHesYh+sWDPvSLpgnTtRz/F8WVPH6E97gM3gYUNCr69kITcvsLbGB5KA9WuUUAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: 98% center; } form .hs-fieldtype-date .hs-datepicker { left: 100%; transform: translateX(-270px); } form .hs-fieldtype-date .hs-datepicker .pika-lendar { margin: 0; width: 270px; border: 1px solid rgb(var(--black)); padding: 8px; } form .hs-fieldtype-date .hs-datepicker .pika-title { border-bottom: 1px solid rgb(var(--black)); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 0.9375rem; font-family: 'PolySans Bulky',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; letter-spacing: 0.075rem; text-transform: uppercase; color: rgb(var(--black)); padding-bottom: 8px; margin-bottom: 8px; } form .hs-fieldtype-date .hs-datepicker .pika-title :nth-child(1) { order: 2; } form .hs-fieldtype-date .hs-datepicker .pika-title :nth-child(2) { order: 3; } form .hs-fieldtype-date .hs-datepicker .pika-title :nth-child(3) { order: 1; } form .hs-fieldtype-date .hs-datepicker .pika-title :nth-child(4) { order: 4; } form .hs-fieldtype-date .hs-datepicker .pika-prev { order: 1; height: 15px; width: 13px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACQSURBVHgBlVJbDcAgDOwcIAEpc7BJQMIcDAdIGA4mASlImARWli4hQHlccj/N9e4aWGAOErmNilekQwakbwkFUiXi0FqK4hP5ZOJAsyOvYBixI7FInR3jepNZAVnprFPX3pKGQchK0kVzFrGGhfKmSPamNNFSUqikK2ik/4/qmXQDHcTloR/Rqv4tLTAHidxfvXxFMPNzzS8AAAAASUVORK5CYII='); } form .hs-fieldtype-date .hs-datepicker .pika-next { height: 15px; width: 13px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACYSURBVHgBjZFdDYRADIQn3Ang8R6RgISVsBKQcA5uTwE4ACfgAAngAAkwJCVpAoVO8mV/MtNuti8AkXzIDKcyUpKeTKTyhg4VpJVwLWdTQYzrBa0n3Bnh/unpBWmM7pMUv1UlXXQwwalSh7IbY06+0mmEo+qPLLj+kKDNAef3m+ZoVN3vEow5JcOcw9Bb7Qfyl/VREY6BaW2pOT+Pw98D2gAAAABJRU5ErkJggg=='); } form .hs-fieldtype-date .hs-datepicker .pika-table th { font-size: 0.875rem; font-family: 'PolySans Bulky',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; letter-spacing: 0.0675rem; } form .hs-fieldtype-date .hs-datepicker .pika-table th abbr { text-decoration: none; color: rgb(var(--black)); } form .hs-fieldtype-date .hs-datepicker .pika-table tr td .pika-button { text-align: center; background-color: rgb(var(--white)); border-radius: 0; font-family: 'PolySans Median',Helvetica,Arial,Lucida,sans-serif; font-weight: 600; font-size: 0.75rem; color: rgb(var(--black)); aspect-ratio: 1/1; padding: 0; } form .hs-fieldtype-date .hs-datepicker .pika-table tr td .pika-button:hover { background-color: rgb(var(--black)) !important; border-radius: 0 !important; color: rgb(var(--white)) !important; } form .hs-fieldtype-date .hs-datepicker .pika-table tr td.is-selected .pika-button { text-align: center; box-shadow: none; background: linear-gradient(to right, #FFB703 0%, #FB8500 50.74%, #FF6B64 100%); border-radius: 50%; color: rgb(var(--black)); } /* Checkbox and Radio ---------------*/ form .hs-fieldtype-checkbox > label, form .hs-form-booleancheckbox > label , form .hs-fieldtype-radio > label { margin-bottom: 0; } form .hs-fieldtype-checkbox ul.inputs-list, form .hs-fieldtype-booleancheckbox ul.inputs-list, form .hs-fieldtype-radio ul.inputs-list { margin: 0; padding: 0; list-style-type: none; padding-top: 5px; } form .input .inputs-list li.hs-form-checkbox, form .input .inputs-list li.hs-form-radio, form .input .inputs-list li.hs-form-booleancheckbox { grid-column: span 1 / span 1; } form .input .inputs-list li::before { display: none; } form .input .inputs-list li.hs-form-checkbox label, form .input .inputs-list li.hs-form-booleancheckbox label, form .input .inputs-list li.hs-form-radio label { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 0.9rem; } form .input .inputs-list.invalid li.hs-form-checkbox label, form .input .inputs-list.invalid li.hs-form-booleancheckbox label, form .input .inputs-list.invalid li.hs-form-radio label { color: rgb(var(--bittersweet)); } form .input .inputs-list li.hs-form-checkbox label input[type="checkbox"], form .input .inputs-list li.hs-form-booleancheckbox label input[type="checkbox"], form .input .inputs-list li.hs-form-radio label input[type="radio"]{ -webkit-appearance: none; appearance: none; background-color: transparent; margin: 0; flex-shrink: 0; background-color: #fff; margin: 0; font: inherit; color: currentColor; width: 1.5rem !important; height: 1.5rem !important; border: 1px solid rgb(var(--black)); display: grid; place-content: center; } form .input .inputs-list.invalid li.hs-form-checkbox label input[type="checkbox"], form .input .inputs-list.invalid li.hs-form-booleancheckbox label input[type="checkbox"], form .input .inputs-list.invalid li.hs-form-radio label input[type="radio"]{ border: 1px solid rgb(var(--bittersweet)); } form .input .inputs-list li.hs-form-radio label input[type="radio"] { border-radius: 50%; } form .input .inputs-list li.hs-form-checkbox label input[type="checkbox"]::before, form .input .inputs-list li.hs-form-booleancheckbox label input[type="checkbox"]::before { content: ""; width: 1.2rem; height: 1.1rem; transform: scale(0); transition: 120ms transform ease-in-out; transform-origin: center; box-shadow: inset 1rem rgb(var(--black)); /* Windows High Contrast Mode */ background-color: CanvasText; clip-path: path("M0 17.6L6.05 8.525L0.45 0H5.475L8.75 5.425C8.95 5.775 9.2 6.325 9.2 6.8C9.2 7.05 9.25 7.325 9.6 7.325C9.95 7.325 9.975 7.05 10 6.8C10.05 6.325 10.25 5.775 10.45 5.425L13.725 0H18.75L13.15 8.525L19.2 17.6H14.15L10.45 11.7C10.225 11.35 10 10.85 10 10.35C10 10.1 9.95 9.825 9.6 9.825C9.25 9.825 9.2 10.1 9.2 10.35C9.2 10.85 8.975 11.35 8.75 11.7L5.05 17.6H0Z"); } form .input .inputs-list li.hs-form-radio label input[type="radio"]::before { content: ""; width: 1rem; height: 1rem; transform: scale(0); transition: 120ms transform ease-in-out; transform-origin: center; box-shadow: inset 1rem rgb(var(--black)); background-color: CanvasText; border-radius: 50%; } form .input .inputs-list li.hs-form-checkbox label input[type="checkbox"]:checked::before, form .input .inputs-list li.hs-form-booleancheckbox label input[type="checkbox"]:checked::before, form .input .inputs-list li.hs-form-radio label input[type="radio"]:checked::before { transform: scale(1); } @media screen and (min-width: 600px) { form .input .inputs-list li.hs-form-checkbox label input[type="checkbox"], form .input .inputs-list li.hs-form-booleancheckbox label input[type="checkbox"], form .input .inputs-list li.hs-form-radio label input[type="radio"]{ width: 2rem !important; height: 2rem !important; } form .input .inputs-list li.hs-form-radio label input[type="radio"]::before { width: 1.5rem !important; height: 1.5rem !important; } } @media screen and (min-width: 905px) { form .input .inputs-list li.hs-form-checkbox label input[type="checkbox"], form .input .inputs-list li.hs-form-booleancheckbox label input[type="checkbox"], form .input .inputs-list li.hs-form-radio label input[type="radio"]{ width: 2.4rem !important; height: 2.4rem !important; } } /* Error messages and errors ---------------*/ form .hs-error-msgs li::before { display: none; } form .hs-error-msgs li .hs-error-msg, form .hs-error-msgs li label.hs-error-msg { color: rgb(var(--bittersweet)) !important; font-size: 0.75rem !important; transform: none; } form .hs-error-msgs li .hs-error-msg:last-of-type, form .hs-error-msgs li:last-of-type label.hs-error-msg{ margin-bottom: 0; } form .hs-input.invalid.error { border-image-source: linear-gradient(0deg, rgba(var(--bittersweet),1) 0%, rgba(var(--bittersweet),1) 100%); color: rgb(var(--bittersweet)); } /* GDPR ---------------*/ form .legal-consent-container { margin-top: 2.25rem; } form .legal-consent-container p, form .legal-consent-container span, form .legal-consent-container * { font-size: 0.6875rem; line-height: 1.6; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: rgb(var(--black)); } form .legal-consent-container span, form .legal-consent-container span p { line-height: 1; } form .legal-consent-container .hs-form-booleancheckbox-display >span { margin-left: 0; } form .legal-consent-container .inputs-list li.hs-form-booleancheckbox { width: 100%; margin-top: 10px; margin-bottom: 0; margin-right: 0; background-color: transparent; padding: 0; height: initial; border: none; } form .legal-consent-container .inputs-list li.hs-form-booleancheckbox label{ margin-bottom: 0; font-size: 0.75rem; line-height: 1.6; color: rgb(var(--black)); font-size: 100%; line-height: 1.6; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; grid-template-columns: 16px auto; gap: 8px; } form .legal-consent-container .inputs-list li.hs-form-booleancheckbox label input[type="checkbox"] { -webkit-appearance: none; appearance: none; background-color: transparent; margin: 0; flex-shrink: 0; background-color: #fff; margin: 0; font: inherit; color: currentColor; width: 0.85rem !important; height: 0.85rem !important; border: 1px solid rgb(var(--black)); display: grid; place-content: center; } form .legal-consent-container .inputs-list li.hs-form-booleancheckbox label input[type="checkbox"]::before { content: ""; width: 0.6rem; height: 0.6rem; transform: scale(0); transition: 120ms transform ease-in-out; transform-origin: center; box-shadow: inset 0.85rem rgb(var(--black)); /* Windows High Contrast Mode */ background-color: CanvasText; clip-path: none; } /* Captcha ---------------*/ form .hs-recaptcha { visibility: hidden; height: 0 !important; margin: 0 !important; } form #recaptcha-notice { font-size: 12px; } /* Submit ---------------*/ form .hs_submit { margin-top: 2.5rem; } .form-wrapper.btn-left form .hs_submit .actions { text-align: left; } .form-wrapper.btn-right form .hs_submit .actions { text-align: right; } .form-wrapper.btn-center form .hs_submit .actions { text-align: center; } form .hs_submit .actions input[type=submit] { cursor: pointer; transition: all 0.25s ease-in; box-sizing: border-box !important; display: inline-block; text-decoration: none; font-weight: 700; text-transform: uppercase; font-family: 'PolySans Bulky',Helvetica,Arial,Lucida,sans-serif; line-height: 1; letter-spacing: 0.03em; padding: 0.75rem 1rem ; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); position: relative; background: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); background-size: 0% 100%; animation: textGradient 2s ease-in; background-clip: text; -webkit-background-clip:text; color:rgba(0,0,0,1); } form .hs_submit .actions input[type=submit]:hover { color:rgba(0,0,0,0); border-image-source: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); background-size: 100% 100%; } header.main-header .access-links a.header__skip { position: absolute; width: 1px; height: 1px; padding: 1rem; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; border-radius: 0; } header.main-header .access-links a.header__skip:focus { width: auto; height: auto; margin: 0; overflow: auto; clip: initial; border: 0; font-weight: bold; } header.main-header { position: fixed; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0); z-index: 100; transition: all 0.35s ease; } header.main-header.scrolled { background: rgba(255,255,255,1); } header.main-header .header__container { padding: 2rem 1.7rem; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; transition: padding 0.25s ease; } header.main-header.scrolled .header__container { padding-top: 1.5rem; padding-bottom: 1.5rem; } header.main-header .header__container .header__logo { order: 2; margin-left: auto; margin-right: auto; padding-right: 40px; } header.main-header .header__container .header__logo img{ display: block; max-height: 32px; width: auto !important; } header.main-header .header__container .header__navbar { order: 1; display: flex; flex-flow: column wrap; } header.main-header .header__container .header__navbar .navbar-toggler { background-color: var(--transparent); border: none; z-index: 2; align-self: center; padding: 0; } @media screen and (min-width: 1240px) { header.main-header .header__container .header__logo { order: 1; flex: 1 1 0; } header.main-header .header__container .header__logo img{ max-height: none !important; max-width: 100% !important; } header.main-header .header__container .header__navbar { order: 2; flex-flow: row nowrap; } header.main-header .header__container .header__navbar .navbar-toggler { display: none; } } header.main-header .header__container .header__navbar .navbar-toggler .nav-toggle-close, header.main-header .header__container .header__navbar .navbar-toggler .nav-toggle-menu { display: flex; transition: opacity 0.1s; } header.main-header .header__container .header__navbar .navbar-toggler .nav-toggle-close { opacity: 0; display: none; } header.main-header .header__container .header__navbar .navbar-toggler.menu-open .nav-toggle-close { opacity: 1; display: flex; } header.main-header .header__container .header__navbar .navbar-toggler.menu-open .nav-toggle-menu { opacity: 0; display: none; } @media screen and (max-width: 1239px) { header.main-header .header__container .header__navbar .header__navbar-container { display: flex; flex-flow: column nowrap; background-color: rgb(var(--white)); position: absolute; left: 0; top: 100px; width: 100%; height: calc(100vh - 104px); overflow: auto; padding: 1.5rem 2rem 4rem 2rem; pointer-events: none; opacity: 0; transition: top 0.4s, opacity 0.3s; } header.main-header.scrolled .header__container .header__navbar .header__navbar-container { top: 78px; height: calc(100vh - 88px); } header.main-header .header__container .header__navbar .header__navbar-container::-webkit-scrollbar { width: 0.5rem; } header.main-header .header__container .header__navbar .header__navbar-container::-webkit-scrollbar-thumb { background-color: hsl(220, 12%, 70%); } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-content { margin-left: 1.5rem; padding-left: 1rem; border-left: 1px solid rgb(var(--black)); margin-top: 2rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level.dropdown-item .dropdown-container { background-color: rgba(var(--white)); height: 0; overflow: hidden; transition: height 0.4s; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level { margin-bottom: 2rem; padding-left: 0; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-content .nav-link { color:rgba(0,0,0,1); font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; font-size: 1rem; line-height: 1; letter-spacing: -0.0375rem; position: relative; text-decoration: none; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-content .group-title { display: none; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-content .entry-group .sub-level { margin-bottom: 1rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-content .entry-group:last-child .sub-level:last-child, header.main-header .header__container .header__navbar .header__navbar-container .dropdown-content .entry-group:only-child .sub-level:last-child { margin-bottom: 0; } } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .globe_class { background-image: none; width: 100%; height: auto; border: none; } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .lang_list_class { display: flex; flex-flow: column nowrap; top: 0; transform: none; left: 0; position: relative; text-align: left; margin: 0; } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .lang_list_class::after { height: 11px; transform: translateY(-50%) rotate(0deg); transition: transform .25s ease; width: 16px; position: absolute; right: -30px; display: block; top: 50%; border: none; left: initial; background: no-repeat url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Media/arrow.svg'); } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .lang_list_class:hover::after { transform: translateY(-50%) rotate(-180deg); } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .lang_list_class li { border: none; text-transform: uppercase; padding: 1rem 0; color:rgba(0,0,0,1); font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; font-size: 1.125rem; } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .lang_list_class li a.lang_switcher_link { display: block; width: 2ch; overflow: hidden; position: relative; white-space: nowrap; color: rgba(0,0,0,1); background: linear-gradient(to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100%); background-size: 0% 100%; text-decoration: none; animation: textGradient 2s ease-in; background-clip: text; -webkit-background-clip:text; transition: all .25s ease-in; } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .lang_list_class li a.lang_switcher_link:hover { color: rgba(0,0,0,0); background-size: 100% 100%; } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .lang_list_class li:not(:first-child) { opacity: 0; pointer-events: none; transition: opacity 0.25s ease, top 0.4s ease; position: absolute; padding: 0.5rem 0; top: 3rem; } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher:hover .lang_list_class li:not(:first-child) { opacity: 1; pointer-events: initial; top: 2rem; } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher .lang_list_class::before { display: none; } header.main-header .header__container .header__navbar .header__navbar-container ul { list-style-type: none; padding: 0; margin-block: 0; padding-inline-start: 0; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-button .dropdown-toggle { border: none; padding: 0; cursor: pointer; background-color: transparent; } header.main-header .header__container .header__navbar .header__navbar-container .nav-link, header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-button .dropdown-toggle { color:rgba(0,0,0,1); font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; font-size: 1.125rem; line-height: 1; letter-spacing: -0.0375rem; position: relative; text-decoration: none; } header.main-header .header__container .header__navbar .header__navbar-container.show-menu { opacity: 1; top: 104px; pointer-events: initial; } header.main-header.scrolled .header__container .header__navbar .header__navbar-container.show-menu { top: 88px; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-button { cursor: pointer; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level.dropdown-item.show-dropdown .dropdown-toggle { font-family: 'PolySans Bulky Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level .dropdown-button .dropdown-toggle::after{ content: ""; position: relative; display: inline-block; vertical-align: baseline; right: 0; margin-left:10px; transform:rotate(0deg); width: 16px; height: 11px; transition: transform 0.25s ease; background: no-repeat url('https://25850532.fs1.hubspotusercontent-eu1.net/hubfs/25850532/Theme%20Siteflow%20-%202023/Media/arrow.svg'); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level.dropdown-item.show-dropdown .dropdown-toggle::after { transform: rotate(-180deg); } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-vertical { display: flex; flex-flow: column nowrap; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav { order: 1; } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher { order: 2; } header.main-header .header__container .header__navbar .header__navbar-container .action-nav { order: 3; display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: auto; } @media screen and (min-width: 1240px) { header.main-header .header__container { margin-left: auto; margin-right: auto; padding: 3rem 1.5rem; gap: initial; justify-content: space-between; } header.main-header.scrolled .header__container { padding-top: 0.75rem; padding-bottom: 0.75rem; } header.main-header .header__container .header__navbar .header__navbar-container { display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; } header.main-header .header__container .header__navbar .header__navbar-container .action-nav { margin: 0; padding: 0; } header.main-header .header__container .header__navbar .header__navbar-container .action-nav > li { margin-left: 2.38rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list { display: flex; flex-flow: row wrap; align-items: center; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level .dropdown-button > .dropdown-toggle, header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level > .nav-link { padding: 0.5rem 1.375rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level .dropdown-button { position: relative; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item { position: relative; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: -3rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-container { position: relative; height: max-content; min-width: 287px; position: absolute; left: 50%; transform: translateX(-50%); top: 4rem; pointer-events: none; opacity: 0; transition: top 0.4s, opacity 0.3s; z-index: 5; } header.main-header .header__container .header__navbar .header__navbar-container .nav-link, header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-button .dropdown-toggle { background: linear-gradient( to right, #FB8500 0%, rgba(255, 107, 100, 0.75) 28.13%, #8C78FF 58.85%, #4BC1FF 100% ); background-size: 0% 100%; animation: textGradient 2s ease-in; background-clip: text; -webkit-background-clip:text; transition: all .25s ease-in; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-button:hover .dropdown-toggle, header.main-header .header__container .header__navbar .header__navbar-container .nav-link:hover { color:rgba(0,0,0,0); background-size: 100% 100%; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-container .dropdown-content { background-color: rgb(var(--white)); border: 1px solid rgb(var(--black)); border-bottom-left-radius: 48px; position: relative; z-index: 2; padding: 1.5rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-container:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; background-color: rgb(var(--black)); border-bottom-left-radius: 48px; left: -2px; bottom: -2px; z-index: 0; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item:hover > .dropdown-container { top: 3rem; opacity: 1; pointer-events: initial; cursor: initial; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .nav-list .first-level.dropdown-item:hover .dropdown-toggle::after { transform: rotate(-180deg); } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-vertical .entry-group + .entry-group { padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1.5px solid rgb(var(--black)); } header.main-header .header__container .header__navbar .header__navbar-container .language-switcher { padding-left: 2rem; padding-right: 30px; order: 3; } header.main-header.scrolled .header__container .header__navbar .header__navbar-container .action-nav { order: 2; justify-content: flex-start; align-items: center; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content .group-title { line-height: 1; margin-bottom: 1.25rem; color:rgba(0,0,0,1); font-family: 'PolySans Median Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 600; letter-spacing: -0.03em; font-size: 1.125rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-vertical .entry-group .sub-level:not(:last-child) { margin-bottom: 1.5rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-vertical:has(.group-title) .entry-group .sub-level:not(:last-child) { margin-bottom: 1.25rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-vertical .entry-group .sub-level a { line-height: 1; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-vertical .entry-group + .group-title { margin-top: 2.5rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-horizontal { display: flex; flex-flow: row nowrap; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-horizontal .group-title { writing-mode: tb-rl; transform: scale(-1); margin-top: auto; text-align: right; padding-top: 20px; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-horizontal li + li { margin-top: 1.25rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-horizontal .group-title + .entry-group { margin-left: 0.9375rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-horizontal .entry-group + .group-title { margin-left: 4.75rem; } header.main-header .header__container .header__navbar .header__navbar-container .dropdown-item .dropdown-content.is-horizontal .entry-group { padding-left: 0.9375rem; border-left: 1px solid rgb(var(--black)); } } @media screen and (min-width: 1440px) { header.main-header .header__container { max-width: 1328px; padding-left:0; padding-right:0; margin-left: auto !important; margin-right: auto !important; } } /*@media screen and (min-width: 1280px) and (max-width: 1440px) { header.main-header .header__container .header__navbar { min-width: 1028px; } }*/ header.nonav-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: 100%; background-color: rgb(var(--white)); z-index: 100; } header.nonav-header .header__container { padding: 2.5rem 1.875rem; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; transition: padding 0.25s ease; } header.nonav-header.scrolled .header__container { padding: 1.5rem 1.1875rem; } header.nonav-header .header__container .header__logo img{ display: block; max-height: 32px; width: auto !important; } @media screen and (max-width: 600px) { header.nonav-header .header__container .nonav-header__action { display: none; } } @media screen and (min-width: 905px) { header.nonav-header .header__container { max-width: 840px; padding-left: 0; padding-right: 0; margin-left: auto !important; margin-right: auto !important; gap: initial; justify-content: space-between; } header.nonav-header.scrolled .header__container { padding: 0.75rem 3.75rem; } header.nonav-header .header__container .header__logo img{ max-height: none !important; max-width: 100% !important; } } @media screen and (min-width: 1240px) { header.nonav-header .header__container { padding-left: 4rem; padding-right: 4rem; max-width: 100%; } } @media screen and (min-width: 1440px) { header.nonav-header .header__container { max-width: 1328px; padding-left:0; padding-right:0; margin-left: auto !important; margin-right: auto !important; } } #main-footer { border-top: 1px solid rgb(var(--black)); } #main-footer .footer__container { padding: 0; } #main-footer .footer__container .dnd-section:first-of-type { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1rem; grid-template-rows: auto; grid-auto-rows: minmax(min-content, max-content); } #main-footer .footer__container .dnd-section:first-of-type > .row-fluid { grid-column: 1/5; } #main-footer .footer__extra { border-top: 1px solid rgb(var(--black)); padding: 0.5rem; } #main-footer .footer__extra .hs_cos_wrapper_type_rich_text { display: flex; flex-flow: row; justify-content: center; align-items: center; } #main-footer .footer__extra .hs_cos_wrapper_type_rich_text a { margin-top: 0; margin-bottom: 0; font-size: 0.75rem; font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; text-decoration: none; color: rgb(var(--black)); } #main-footer .footer__extra .hs_cos_wrapper_type_rich_text a:not(:last-child) { margin-right: 1rem; } @media screen and (max-width: 599px) { #main-footer .footer__container .dnd-section:first-of-type .row-fluid .dnd-column:not(:last-child) { border-bottom: 1px solid rgb(var(--black)); } } @media screen and (min-width: 600px) { #main-footer .footer__container .dnd-section:first-of-type { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; } #main-footer .footer__container .dnd-section:first-of-type > .row-fluid { grid-column: 1/13; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid { flex-wrap: nowrap; justify-content: space-between; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span1 { width: calc(1 * (11))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span2 { width: calc(2 * (10))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span3 { width: calc(3 * (9))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span4 { width: calc(4 * (8))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span5 { width: calc(5 * (7))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span6 { width: calc(6 * (6))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span7 { width: calc(7 * (5))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span8 { width: calc(8 * (4))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span9 { width: calc(9 * (3))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span10 { width: calc(10 * (2))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .span11 { width: calc(11 * (1))%; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .dnd-column { display: flex; flex-flow: column nowrap; align-items: center; } #main-footer .footer__container .dnd-section:first-of-type .row-fluid .dnd-column:not(:last-child) { border-right: 1px solid rgb(var(--black)); } #main-footer .footer__extra .hs_cos_wrapper_type_rich_text a:not(:last-child) { margin-right: 2.5rem; } } @media screen and (min-width: 1240px) { #main-footer .footer__container .dnd-section:first-of-type { grid-column-gap: 1.5625rem; } #main-footer .footer__container .dnd-section:first-of-type > .row-fluid { grid-column: 2/13; } } @media screen and (min-width: 1440px) { #main-footer .footer__container .dnd-section:first-of-type{ max-width: 1328px; padding-left:0; padding-right:0; margin-left: auto !important; margin-right: auto !important; } } #light-footer { border-top: 1px solid rgb(var(--black)); border-bottom: 1px solid rgb(var(--black)); margin-bottom: 0.8rem; } #light-footer .lp-footer__container > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid > .widget-type-cell:not(:last-of-type) { border-bottom: 1px solid rgb(var(--black)); } #light-footer .hs_cos_wrapper_type_rich_text a { margin-top: 0; margin-bottom: 0; font-size: 0.75rem; font-family: 'PolySans Slim Mono',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; text-decoration: none; color: rgb(var(--black)); } #light-footer .hs_cos_wrapper_type_rich_text a:not(:last-child) { margin-right: 1rem; } @media screen and (min-width: 600px) { #light-footer .lp-footer__container > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid > .widget-type-cell:not(:last-of-type) { border-bottom: none; border-right: 1px solid rgb(var(--black)); } #light-footer .hs_cos_wrapper_type_rich_text a:not(:last-child) { margin-right: 2.5rem; } } @media screen and (min-width: 905px) { #light-footer .hs_cos_wrapper_type_rich_text a:not(:last-child) { margin-right: 3rem; } } @media screen and (min-width: 1240px) { #light-footer .hs_cos_wrapper_type_rich_text a:not(:last-child) { margin-right: 4rem; } } /* Missing Template at Path: \'siteflow-redesign-iws\/css\/components\/_default-modules.css\' */ @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } .show-for-sr { border: 0 !important; clip: rect(0, 0, 0, 0) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } @media (max-width: 599px) { .show-for-sr--mobile { border: 0 !important; clip: rect(0, 0, 0, 0) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } } /* Visibilty classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .prevent-scroll { overflow: hidden; } /* Responsive visibilty classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 599px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 600px) and (max-width: 905px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } /* Clearfix */ .clearfix:before, .clearfix:after { display: table; content: ''; } .clearfix:after { clear: both; } .anchor-item.editor-ui { padding: 1rem; border: 2px dotted #3f5d75; position: relative; } .anchor-item.editor-ui span::before { content: '#'attr(data-id); font-style: italic; } @keyframes textGradient { 0%{background-position:left} 100%{background-position:right} } @keyframes fadeIn { from { opacity: 0; transform: translate3d(0, -20%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeOut { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, -20%, 0); } } @keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes backOutDown { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(700px) scale(0.7); opacity: 0.7; } }