*, *: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; } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */ src: url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-500.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */ src: url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* inter-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/inter-v12-latin-600.eot'); /* IE9 Compat Modes */ src: url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/inter-v12-latin-600.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/inter-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/inter-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/inter-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.espace-cssct.fr/hubfs/axium-reseau-theme/fonts/inter-v12-latin-600.svg#Inter') format('svg'); /* Legacy iOS */ } /* Colors */ :root { --white : 255, 255, 255; --black : 0, 0, 0; --primary-100 : 246, 89, 35; --primary-80 : 250, 182, 123; --primary-20 : 255, 230, 208; --secondary-100 : 19, 27, 108; --secondary-80 : 167, 191, 226; --secondary-20 : 233, 236, 245; --neutral-500 : 0, 35, 75; --neutral-400 : 82, 95, 127; --neutral-300 : 140, 162, 192; --neutral-200 : 232, 236, 238; --transparent: rgba(255, 255, 255, 0); } /* 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)); } } .content-wrapper { margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section>.row-fluid { margin: 0 auto; } .dnd-section .dnd-column { padding: 0; } /******************************* ******************************** ****** Background Color ******************************** *******************************/ .bg-white { background-color: rgb(var(--white)) !important; } .bg-transparent { background-color: var(--transparent) !important; } .bg-primary-100 { background-color: rgb(var(--primary-100)) !important; } .bg-primary-80 { background-color: rgb(var(--primary-80)) !important; } .bg-primary-20 { background-color: rgb(var(--primary-20)) !important; } .bg-secondary-100 { background-color: rgb(var(--secondary-100)) !important; } .bg-secondary-80 { background-color: rgb(var(--secondary-80)) !important; } .bg-secondary-20 { background-color: rgb(var(--secondary-20)) !important; } .bg-neutral-500 { background-color: rgb(var(--neutral-500)) !important; } .bg-neutral-400 { background-color: rgb(var(--neutral-400)) !important; } .bg-neutral-300 { background-color: rgb(var(--neutral-300)) !important; } .bg-neutral-200 { background-color: rgb(var(--neutral-200)) !important; } /******************************* ******************************** ****** Text Color ******************************** *******************************/ .text-white { color: rgb(var(--white)) !important; } .text-black { color: rgb(var(--black)) !important; } .text-primary-100 { color: rgb(var(--primary-100)) !important; } .text-primary-80 { color: rgb(var(--primary-80)) !important; } .text-primary-20 { color: rgb(var(--primary-20)) !important; } .text-secondary-100 { color: rgb(var(--secondary-100)) !important; } .text-secondary-80 { color: rgb(var(--secondary-80)) !important; } .text-secondary-20 { color: rgb(var(--secondary-20)) !important; } .text-neutral-500 { color: rgb(var(--neutral-500)) !important; } .text-neutral-400 { color: rgb(var(--neutral-400)) !important; } .text-neutral-300 { color: rgb(var(--neutral-300)) !important; } .text-neutral-200 { color: rgb(var(--neutral-200)) !important; } /******************************* ******************************** ****** Border Color ******************************** *******************************/ .border-white { border-color: rgb(var(--white)) !important; } .border-black { border-color: rgb(var(--black)) !important; } .border-primary-100 { border-color: rgb(var(--primary-100)) !important; } .border-primary-80 { border-color: rgb(var(--primary-80)) !important; } .border-primary-20 { border-color: rgb(var(--primary-20)) !important; } .border-secondary-100 { border-color: rgb(var(--secondary-100)) !important; } .border-secondary-80 { border-color: rgb(var(--secondary-80)) !important; } .border-secondary-20 { border-color: rgb(var(--secondary-20)) !important; } .border-neutral-500 { border-color: rgb(var(--neutral-500)) !important; } .border-neutral-400 { border-color: rgb(var(--neutral-400)) !important; } .border-neutral-300 { border-color: rgb(var(--neutral-300)) !important; } .border-neutral-200 { border-color: rgb(var(--neutral-200)) !important; } body { color: rgb(var(--neutral-400)); font-size: 100%; line-height: 1.375; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } /* Paragraphs */ p, .p { margin-top: 0; margin-bottom: 0; font-size: 100%; line-height: 1.375; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } p strong, p b, .p strong, .p b, .strong { font-weight: 500; } p.lead, .p.lead { font-size: 1.25rem; } p.small, .p.small { font-size: 0.875rem; } p + p, .p + p, .p + .p, p + .p { margin-top: 2.5rem; } p + ul { margin-top: 1rem; } p.top-title { text-transform: uppercase; font-weight: 600; } p.top-title + .headline { margin-top: 0.75rem; } /* Headings */ h1, .h1, h1 > *, .h1 > *, h2, .h2, h2 > *, .h2 > *, h3, .h3, h3 > *, .h3 > *, h4, .h4, h4 > *, .h4 > *, h5, .h5, h5 > *, .h5 > *, h6, .h6, h6 > *, .h6 > * { margin-top: 0; font-weight: 600 !important; font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif; } h1:only-child, h2:only-child, h3:only-child, h4:only-child, h5:only-child, h6:only-child { margin-bottom: 0; margin-top: 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } h1{ font-size: 3.75rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 2.5rem; margin-top: 1rem; } h2{ font-size: 3.75rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.5625rem; margin-top: 1rem; } h3{ font-size: 1.375rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.25rem; margin-top: 1rem; } h4{ font-size: 1.375rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.25rem; margin-top: 1rem; } h5{ font-size: 1rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.25rem; margin-top: 1rem; } h6{ font-size: 1rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.25rem; margin-top: 1rem; } .h1, .h2, .heading-large { font-weight: 600 !important; font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif; font-size: 3.75rem; line-height: 1.2; margin-bottom: 2.5rem; margin-top: 1rem; } .h3, .h4, .heading-medium { font-weight: 600 !important; font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif; font-size: 1.375rem; line-height: 1.2; margin-bottom: 1.5625rem; margin-top: 1rem; } .h4, .h5, .heading-small { font-weight: 600 !important; font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif; font-size: 1rem; line-height: 1.2; margin-bottom: 1.5625rem; margin-top: 1rem; } @media screen and (max-width: 425px) { h1, h2, h3, h4, h5, h6, .heading-large { hyphens: auto; } } @media screen and (max-width: 940px) { h1{ font-size: 2.75rem; line-height: 1.15; color: rgb(var(--neutral-500)); margin-bottom: 1.36rem; margin-top: 1.25rem; } h2 { font-size: 2.45rem; line-height: 1.25; color: rgb(var(--neutral-500)); margin-bottom: 1.36rem; margin-top: 1.25rem; } h3{ font-size: 2.125rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.36rem; margin-top: 1.25rem; } h4{ font-size: 1.75rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.25rem; margin-top: 1rem; } h5 { font-size: 1.3125rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.25rem; margin-top: 1rem; } h6 { font-size: 1.125rem; line-height: 1.2; color: rgb(var(--neutral-500)); margin-bottom: 1.25rem; margin-top: 1rem; } .h1, .h2, .h3, .heading-large { font-size: 2.75rem; line-height: 1.15; margin-bottom: 1.36rem; margin-top: 1.25rem; } .h4, .h5, .h6, .heading-medium { font-size: 1.75rem; line-height: 1.2; margin-bottom: 1.25rem; margin-top: 1rem; } .heading-small { font-size: 1rem; line-height: 1.2; margin-bottom: 1.5625rem; margin-top: 1rem; } } @media screen and (max-width:1440px) and (min-width: 941px){ h1{ font-size: 2.25rem; } h2 { font-size: 2rem; } h3{ font-size: 1.75rem; } h4{ font-size: 1rem; } h5 { font-size: 1rem; } h6 { font-size: 1rem; } .h1, .h2, .heading-large { font-size: 2.25rem; } .h3, .h4,.heading-medium { font-size: 1.375rem; } .h5, .h6, .heading-small { font-size: 1rem; } p, .p { font-size: 1rem; } p.lead, .p.lead { font-size: 1rem; } } /* Lists */ ul, ol { margin: 0 0 1.4rem; padding-left: 1rem ; } ul ul, ol ul, ul ol, ol ol { margin: 0; } ul.no-list { list-style: none; margin: 0; padding-left: 0; } ul.arrow-list { list-style: none; margin: 0; padding-left: 0; } ul.arrow-list li { position: relative; padding-left: 35px; } ul.arrow-list li:not(:last-child) { margin-bottom: 20px; } ul.arrow-list li::before{ width: 20px; height: 22px; display: inline-block; content: ''; position: absolute; left: 0; top: -1px; -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7ZQ7DoJAEIZn9AKWlnZGG/EESmdJMCZUZr2IDlxEYmeDR1BOIFZ6FBsy7mpsiMCy0MlXzU5m559HdgFaWn6xEmQtBTk6sV2oiCOoB8xXaYrRZAb3Wxw3KvBILs+xNfek2QfEeZlIBwxIEW0ESN4HRHLX211ebOUOFKqL4dQ+yuoWUNIJZh2eoAFokgL0UuaTND93mCk6BH6ugCtIyKA91AFxE4UUfo9GO6ikl3XUGhGyH4UBFQroot5Dl/nMAFZecmMB3eQKox3oJjcSUNVzwcwbQYoMdD+7lj/gBRmEX6RiQXQbAAAAAElFTkSuQmCC) no-repeat 50% 50%; mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7ZQ7DoJAEIZn9AKWlnZGG/EESmdJMCZUZr2IDlxEYmeDR1BOIFZ6FBsy7mpsiMCy0MlXzU5m559HdgFaWn6xEmQtBTk6sV2oiCOoB8xXaYrRZAb3Wxw3KvBILs+xNfek2QfEeZlIBwxIEW0ESN4HRHLX211ebOUOFKqL4dQ+yuoWUNIJZh2eoAFokgL0UuaTND93mCk6BH6ugCtIyKA91AFxE4UUfo9GO6ikl3XUGhGyH4UBFQroot5Dl/nMAFZecmMB3eQKox3oJjcSUNVzwcwbQYoMdD+7lj/gBRmEX6RiQXQbAAAAAElFTkSuQmCC) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: rgb(var(--neutral-300)); } ul.arrow-list.text-white li::before{ background-color: rgb(var(--white)); } ul.arrow-list.text-black li::before{ background-color: rgb(var(--black)); } ul.arrow-list.text-primary-100 li::before{ background-color: rgb(var(--primary-100)); } ul.arrow-list.text-primary-80 li::before{ background-color: rgb(var(--primary-80)); } ul.arrow-list.text-primary-20 li::before{ background-color: rgb(var(--primary-20)); } /* Code blocks */ pre { overflow: auto; } code { vertical-align: bottom; } /* Blockquotes */ blockquote { border-left: 2px solid rgb(var(--neutral-300)); margin: 0 0 1.4rem; padding-left: 0.7rem; } /* Horizontal rules */ hr { border: none; border-bottom: 1px solid #CCC; } /* Image alt text */ img { font-size: 0.583rem; word-break: normal; } a { text-decoration: underline; color: rgb(var(--primary-100)); -webkit-filter: brightness(1); filter: brightness(1); transition: -webkit-filter 0.2s ease; transition: filter 0.2s ease; transition: filter 0.2s ease, -webkit-filter 0.2s ease; } a:hover { -webkit-filter: brightness(0.85); filter: brightness(0.85); } /* Alignement texte */ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } a.btn, .btn .cta_button, .btn button, label.btn { display: inline-block; text-decoration: none; padding: 1.125rem 1.875rem; border-radius: 3.75rem; -webkit-border-radius: 3.75rem; -moz-border-radius: 3.75rem; -ms-border-radius: 3.75rem; -o-border-radius: 3.75rem; font-weight: 500; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-size: 1rem; line-height: 1.3; } @media screen and (min-width: 1441px) { a.btn, .btn .cta_button, .btn button, label.btn { font-size: 1.125rem; } } a.btn.btn-primary, .btn.btn-primary .cta_button, .btn.btn-primary button, label.btn.btn-primary { color: rgb(var(--white)); background: linear-gradient(90deg, #FE9538 0%, rgb(var(--primary-100)) 70.31%); box-shadow: 0px 4px 5px 0px rgba(0, 35, 75, 0.1); transition: box-shadow 0.25s ease-in, transform 0.25s ease; -webkit-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -moz-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -ms-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -o-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -webkit-filter: initial; filter: initial; } a.btn.btn-primary.btn-border, .btn.btn-primary.btn-border .cta_button, .btn.btn-primary.btn-border button, label.btn.btn-primary.btn-border { border: 2px solid rgb(var(--white)); } a.btn.btn-primary:hover, .btn.btn-primary .cta_button:hover, .btn.btn-primary button:hover, label.btn.btn-primary:hover { box-shadow: 0px 8px 10px 2px rgba(0, 35, 75, 0.3); transform: translateY(-5px); -webkit-filter: initial; filter: initial; } a.btn.btn-secondary, .btn.btn-secondary .cta_button, .btn.btn-secondary button, label.btn.btn-secondary { color: rgb(var(--secondary-100)); background: rgb(var(--secondary-80)); box-shadow: 0px 4px 5px rgba(0, 35, 75, 0.1); transition: box-shadow 0.25s ease-in, transform 0.25s ease; -webkit-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -moz-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -ms-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -o-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -webkit-filter: initial; filter: initial; } a.btn.btn-secondary.btn-border, .btn.btn-secondary.btn-border .cta_button, .btn.btn-secondary.btn-border button, label.btn.btn-secondary.btn-border { border: 2px solid rgb(var(--secondary-100)); } a.btn.btn-secondary:hover, .btn.btn-secondary .cta_button:hover, .btn.btn-secondary button:hover, label.btn.btn-secondary:hover { box-shadow: 0px 8px 10px 2px rgba(0, 35, 75, 0.3); transform: translateY(-5px); -webkit-filter: initial; filter: initial; } a.btn.btn-secondary.btn-border:hover, .btn.btn-secondary.btn-border .cta_button:hover, .btn.btn-secondary.btn-border button:hover, label.btn.btn-secondary.btn-border:hover { -webkit-filter: initial; filter: initial; } a.btn.btn-cta, .btn.btn-cta .cta_button, .btn.btn-cta button, label.btn.btn-cta { color: rgb(var(--white)); background: rgb(var(--secondary-100)); box-shadow: 0px 4px 5px rgba(0, 35, 75, 0.1); transition: box-shadow 0.25s ease-in, transform 0.25s ease; -webkit-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -moz-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -ms-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -o-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -webkit-filter: initial; filter: initial; } a.btn.btn-cta.btn-border, .btn.btn-cta.btn-border .cta_button, .btn.btn-cta.btn-border button, label.btn.btn-cta.btn-border { border: 2px solid rgb(var(--white)); } a.btn.btn-cta:hover, .btn.btn-cta .cta_button:hover, .btn.btn-cta button:hover, label.btn.btn-cta:hover { box-shadow: 0px 8px 10px 2px rgba(0, 35, 75, 0.3); transform: translateY(-5px); -webkit-filter: initial; filter: initial; } a.btn.btn-secondary.btn-border:hover, .btn.btn-secondary.btn-border .cta_button:hover, .btn.btn-secondary.btn-border button:hover, label.btn.btn-secondary.btn-border:hover { -webkit-filter: initial; filter: initial; } a.btn-base, .btn-base .cta_button, .btn-base button, label.btn-base { padding: 0; position: relative; font-weight: 500; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-size: 1rem; line-height: 1.3; color: rgb(var(--neutral-400)); text-decoration: none; } @media screen and (min-width: 1441px) { a.btn-base, .btn-base .cta_button, .btn-base button, label.btn-base { font-size: 1.125rem; } } a.btn-base:hover, .btn-base:hover .cta_button, .btn-base:hover button, label.btn-base:hover { -webkit-filter: brightness(.45); filter: brightness(.45); } a.btn-base.btn-arrow::after, .btn-base.btn-arrow .cta_button::after, .btn-base.btn-arrow button::after, label.btn-base.btn-arrow::after { vertical-align: middle; width: 24px; height: 24px; display: inline-block; content: ''; -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7ZQ7DoJAEIZn9AKWlnZGG/EESmdJMCZUZr2IDlxEYmeDR1BOIFZ6FBsy7mpsiMCy0MlXzU5m559HdgFaWn6xEmQtBTk6sV2oiCOoB8xXaYrRZAb3Wxw3KvBILs+xNfek2QfEeZlIBwxIEW0ESN4HRHLX211ebOUOFKqL4dQ+yuoWUNIJZh2eoAFokgL0UuaTND93mCk6BH6ugCtIyKA91AFxE4UUfo9GO6ikl3XUGhGyH4UBFQroot5Dl/nMAFZecmMB3eQKox3oJjcSUNVzwcwbQYoMdD+7lj/gBRmEX6RiQXQbAAAAAElFTkSuQmCC) no-repeat 50% 50%; mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7ZQ7DoJAEIZn9AKWlnZGG/EESmdJMCZUZr2IDlxEYmeDR1BOIFZ6FBsy7mpsiMCy0MlXzU5m559HdgFaWn6xEmQtBTk6sV2oiCOoB8xXaYrRZAb3Wxw3KvBILs+xNfek2QfEeZlIBwxIEW0ESN4HRHLX211ebOUOFKqL4dQ+yuoWUNIJZh2eoAFokgL0UuaTND93mCk6BH6ugCtIyKA91AFxE4UUfo9GO6ikl3XUGhGyH4UBFQroot5Dl/nMAFZecmMB3eQKox3oJjcSUNVzwcwbQYoMdD+7lj/gBRmEX6RiQXQbAAAAAElFTkSuQmCC) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: rgb(var(--neutral-400)); transition: transform 0.2s ease; margin-left: 4px; margin-bottom: 2px; } a.btn-base.btn-arrow:hover, .btn-base.btn-arrow:hover .cta_button, .btn-base.btn-arrow:hover button, label.btn-base.btn-arrow:hover { -webkit-filter: brightness(.45); filter: brightness(.45); } a.btn-base.btn-arrow:hover::after, .btn-base.btn-arrow:hover .cta_button::after, .btn-base.btn-arrow:hover button::after, label.btn-base.btn-arrow:hover::after { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); } a.btn-primary.btn-arrow::after, .btn-primary.btn-arrow .cta_button::after, .btn-primary.btn-arrow button::after, label.btn-primary.btn-arrow::after, a.btn-cta.btn-arrow::after, .btn-cta.btn-arrow .cta_button::after, .btn-cta.btn-arrow button::after, label.btn-cta.btn-arrow::after { vertical-align: middle; width: 20px; height: 24px; display: inline-block; content: ''; -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgB7dTBCYAwEETRwQoswVIswVLsQDuzBEtIKesEF7wEDyELCcyD3ML8nAKIZGa28GyIwvFkrwMROHzZp32EozPPrUhtZP+7P6EnhdefaGXccQ/EjXsghY17IH92K0RKHlodwfB8ijnTAAAAAElFTkSuQmCC) no-repeat 50% 50%; mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgB7dTBCYAwEETRwQoswVIswVLsQDuzBEtIKesEF7wEDyELCcyD3ML8nAKIZGa28GyIwvFkrwMROHzZp32EozPPrUhtZP+7P6EnhdefaGXccQ/EjXsghY17IH92K0RKHlodwfB8ijnTAAAAAElFTkSuQmCC) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: rgb(var(--white)); transition: transform 0.25s ease; margin-left: 2px; } a.btn-primary.btn-arrow:hover::after, .btn-primary.btn-arrow:hover .cta_button::after, .btn-primary.btn-arrow:hover button::after, label.btn-primary.btn-arrow:hover::after, a.btn-cta.btn-arrow:hover::after, .btn-cta.btn-arrow:hover .cta_button::after, .btn-cta.btn-arrow:hover button::after, label.btn-cta.btn-arrow:hover::after { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); } a.btn-secondary.btn-arrow::after, .btn-secondary.btn-arrow .cta_button::after, .btn-secondary.btn-arrow button::after, label.btn-secondary.btn-arrow::after { vertical-align: middle; width: 20px; height: 24px; display: inline-block; content: ''; -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgB7dTBCYAwEETRwQoswVIswVLsQDuzBEtIKesEF7wEDyELCcyD3ML8nAKIZGa28GyIwvFkrwMROHzZp32EozPPrUhtZP+7P6EnhdefaGXccQ/EjXsghY17IH92K0RKHlodwfB8ijnTAAAAAElFTkSuQmCC) no-repeat 50% 50%; mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgB7dTBCYAwEETRwQoswVIswVLsQDuzBEtIKesEF7wEDyELCcyD3ML8nAKIZGa28GyIwvFkrwMROHzZp32EozPPrUhtZP+7P6EnhdefaGXccQ/EjXsghY17IH92K0RKHlodwfB8ijnTAAAAAElFTkSuQmCC) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: rgb(var(--secondary-100)); transition: transform 0.25s ease; margin-left: 2px; } a.btn-secondary.btn-arrow:hover::after, .btn-secondary.btn-arrow:hover .cta_button::after, .btn-secondary.btn-arrow:hover button::after, label.btn-secondary.btn-arrow:hover::after { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); } /*----------------------------------------------- ---- 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-block { background: #FFFFFF; box-shadow: 0px 15px 30px rgba(140, 162, 192, 0.2); border-radius: 20px; padding: 20px 10px; } @media screen and (min-width: 1024px) { .form-block { padding: 35px 20px 45px 20px; } } .form-block .form-title { margin-top: 0; margin-bottom: 0; } /*----------------------------------------------- ---- Form structure ------------------------------------------------*/ form fieldset { max-width: 100% !important; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0px; margin-bottom: 0px !important; } form .hs_recaptcha{ margin-top: 20px !important; margin-bottom: 20px !important; } @media screen and (min-width: 768px) { form fieldset { gap: 20px; } form fieldset.form-columns-2, form fieldset.form-columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (min-width: 1024px) { 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 ------------------------------------------------*/ /* Floating labels ------------------*/ form .hs-form-field label { font-size: 1rem; line-height: 1.375; color: rgb(var(--neutral-300)); font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } form .hs-form-field label { background-color: rgb(var(--white)); transition: all 0.2s; touch-action: manipulation; padding: 1px 5px; transform-origin: top left; transform: translate(15px, 35px) scale(1); } form .hs-form-field.active label { transform-origin: top left; transform: translate(10px,15px) scale(0.75); } form .hs-form-field:has(.hs-field-desc) { padding-top: 20px; } form .hs-form-field .hs-field-desc { font-size: 0.7rem; line-height: 1.15; color: rgb(var(--neutral-300)); font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; padding: 1px 5px; } form .hs-form-field.hs-fieldtype-select label, form .hs-form-field.hs-fieldtype-radio label, form .hs-form-radio label, form .hs-form-field.hs-fieldtype-checkbox label, form .hs-form-checkbox label, form .hs-form-field.hs-fieldtype-booleancheckbox label, form .hs-form-booleancheckbox label, form .hs-form-field.hs-phone:has(.hs-fieldtype-intl-phone) label, form .hs-form-field:has(.hs-fieldtype-intl-phone) label.hs-error-msg, form .hs-form-field:has(.hs-field-desc) label, form .hs-form-field:has(.hs-field-desc) label.hs-error-msg { transform: none !important; font-size: 0.85rem; } form fieldset .input{ margin-right: 0 !important; max-width: 100%; width: 100%; font-size: 1rem; line-height: 1.375; color: rgb(var(--neutral-400)); font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } /* Common fields ---------------*/ 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; line-height: 1.375; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: rgb(var(--neutral-400)); background-color: rgb(var(--white)); padding: 0.875rem 0.9375rem; height: 45px; border: 1px solid rgba(var(--neutral-300), 0.2); border-radius: 10px; transition: all 250ms ease-in; -webkit-transition: all 250ms ease-in; -moz-transition: all 250ms ease-in; -ms-transition: all 250ms ease-in; -o-transition: all 250ms ease-in; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } 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; color: rgb(var(--neutral-400)); background-color: rgb(var(--white)); border: 1px solid rgba(var(--secondary-100), 0.2); box-shadow: 0px 0px 3px 0px rgba(var(--secondary-100), 0.2); } form textarea { min-height: 120px; } ::placeholder { font-weight: 400; color: rgb(var(--neutral-300)); } form .hs-form-field:has(.hs-fieldtype-intl-phone) { padding-top: 10px; } /* Select ---------------*/ form .hs-fieldtype-select { padding-top: 10px; } form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACqSURBVHgBdcw9DsIwDAXgl3qHViCxRjSwsHRkZESCIUfgCD0CHIUT8CMkxBRxDejADejOUJwMVBWOpUh2/D4TtNUY5AdkE433845YaZty7opsWnDuRhiakr83UGrBGCL2KPk4KMzDG832hN74hSSxvE5F3KIizErt8DgfCXVVo5+fRCyh6rINbXt5qUHkfBfmpuGAshLqQgn/Ul30DyUsoHh5bNYOZlXGIl9ThzeYoxx4BwAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: 95% center; width: 100% !important; transition: all 250ms ease-in; -webkit-transition: all 250ms ease-in; -moz-transition: all 250ms ease-in; -ms-transition: all 250ms ease-in; -o-transition: all 250ms ease-in; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; font-size: 1rem; line-height: 1.375; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: rgb(var(--neutral-400)); background-color:rgb(var(--white)); padding: 0.25rem 0.9375rem; height: 45px; border: 1px solid rgba(var(--neutral-300), 0.2); } form .hs-fieldtype-intl-phone.hs-input { width: 100% !important; display: flex; flex-flow: row nowrap; } form .hs-fieldtype-intl-phone.hs-input input[type=tel] { flex: 1 1 auto; width: auto !important; margin-left: 10px; } form .hs-fieldtype-intl-phone select { width: 35% !important; background-position: 88% center; padding: 0.25rem 1.375rem; height: 45px; } form .hs-fieldtype-intl-phone.hs-input .hs-input { float: none; } form select:focus { outline:0; color: rgb(var(--neutral-400)); background-color: rgb(var(--white)); border: 1px solid rgba(var(--secondary-100), 0.2); box-shadow: 0px 0px 3px 0px rgba(var(--secondary-100), 0.2); } form select option { font-size: 1rem; line-height: 1.375; font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: var(--core-600); background-color: var(--white); } /* Checkbox and Radio ---------------*/ form .hs-fieldtype-radio, form .hs-fieldtype-checkbox { padding-top: 20px; } form .input .inputs-list { margin: 0; padding: 0; list-style-type: none; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 10px; padding-top: 5px; } form .input .inputs-list li.hs-form-checkbox, form .input .inputs-list li.hs-form-radio { grid-column: span 1 / span 1; margin: 0; width: 100%; background-color: rgb(var(--white)); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all 250ms ease-in; -webkit-transition: all 250ms ease-in; -moz-transition: all 250ms ease-in; -ms-transition: all 250ms ease-in; -o-transition: all 250ms ease-in; } form .input .inputs-list li.hs-form-checkbox:hover, form .input .inputs-list li.hs-form-radio:hover{ filter: drop-shadow(0px 4px 5px rgba(111, 43, 240, 0.1)); -webkit-filter: drop-shadow(0px 4px 5px rgba(111, 43, 240, 0.1)); } @media screen and (min-width: 1024px) { form .input .inputs-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } form .input .inputs-list li.hs-form-checkbox li, form .input .inputs-list li.hs-form-radio li { width: calc(50% - 20px); } } form .input .inputs-list li.hs-form-radio label, form .input .inputs-list li.hs-form-checkbox label{ font-size: 1rem; line-height: 1.375; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: rgb(var(--neutral-500)); text-transform: none; margin: 0; display: flex; flex-flow: row nowrap; gap: 10px; line-height: 1; padding-top: 10px; padding-bottom: 10px; } form .input .inputs-list li.hs-form-booleancheckbox label{ font-size: 1rem; line-height: 1.375; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: rgb(var(--neutral-300)); text-transform: none; margin: 0; display: flex; gap: 10px; line-height: 1; padding-top: 10px; padding-bottom: 10px; } form .input .inputs-list li.hs-form-radio label:hover, form .input .inputs-list li.hs-form-checkbox label:hover, form .input .inputs-list li.hs-form-booleancheckbox label:hover { cursor: pointer; } form .input .inputs-list li.hs-form-booleancheckbox label:only-child { padding-top: 0; padding-bottom: 0; } form .input .inputs-list li.hs-form-radio, form .input .inputs-list li.hs-form-checkbox, form .input .inputs-list li.hs-form-booleancheckbox { padding-top: 0; padding-bottom: 0; margin-right: 0; margin-bottom: 0; } form .input .inputs-list li.hs-form-checkbox input, form .input .inputs-list li.hs-form-radio input, form .input .inputs-list li.hs-form-booleancheckbox input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background-color: #FFFFFF; margin: 0; font: inherit; color: currentColor; width: 16px; height: 16px; border: 1px solid rgb(var(--neutral-300)); border-radius: 4px; display: grid; place-content: center; flex-shrink: 0; } form .input .inputs-list li.hs-form-checkbox input::before, form .input .inputs-list li.hs-form-radio input::before, form .input .inputs-list li.hs-form-booleancheckbox input::before { content: ""; position: absolute; width: 8px; height: 8px; display: block; transform-origin: center; transition: 120ms transform ease-in-out; background-color: rgb(var(--primary-100)); top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); --webkit-transform: translate(-50%, -50%) scale(0); --moz-transform: translate(-50%, -50%) scale(0); } form .input .inputs-list li.hs-form-radio input, form .input .inputs-list li.hs-form-radio input::before { border-radius: 50%; } form .input .inputs-list li.hs-form-checkbox input:checked, form .input .inputs-list li.hs-form-radio input:checked, form .input .inputs-list li.hs-form-booleancheckbox input:checked { border: 1px solid rgb(var(--primary-100)); } form .input .inputs-list li.hs-form-checkbox input:checked::before, form .input .inputs-list li.hs-form-radio input:checked::before, form .input .inputs-list li.hs-form-booleancheckbox input:checked::before { transform: translate(-50%, -50%) scale(1); --webkit-transform: translate(-50%, -50%) scale(1); --moz-transform: translate(-50%, -50%) scale(1); } form .input .inputs-list li.hs-form-checkbox input:focus, form .input .inputs-list li.hs-form-radio input:focus, form .input .inputs-list li.hs-form-booleancheckbox input:focus { outline: 0; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3); } form .input .inputs-list li input + span { color: rgb(var(--neutral-400)); } form .input .inputs-list li input:checked + span { color: rgb(var(--neutral-500)); } /* Error messages and errors ---------------*/ form .hs-error-msgs{ width: 100%; padding: 0; margin: 10px 0 0 0; list-style-type: none; } form .hs-error-msgs li:not(:last-child) { margin-bottom: 10px; } form .hs-error-msgs li .hs-error-msg, form .hs-error-msgs li label.hs-error-msg { color: #FF1203 !important; font-size: 0.75rem !important; transform: none; } form .hs-input.invalid.error { border-color: #FF1203; color: #FF1203; } /* GDPR ---------------*/ form .legal-consent-container { margin-top: 20px; } form .legal-consent-container p, form .legal-consent-container span, form .legal-consent-container * { font-size: 0.6875rem; line-height: 1.6; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: rgb(var(--neutral-300)); } form .legal-consent-container span, form .legal-consent-container span p { line-height: 1; } form .hs-richtext .rgpd { margin-top: 20px; font-size: 0.6875rem; line-height: 1.6; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: rgb(var(--neutral-300)); } 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{ font-size: 0.75rem; line-height: 1.6; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; color: rgb(var(--neutral-300)); grid-template-columns: 16px auto; gap: 8px; } form .legal-consent-container .inputs-list li.hs-form-booleancheckbox input { width: 0.75rem; height: 0.75rem; grid-column: 1 !important; grid-row: 1; margin-left: initial; background-color: transparent !important; } form .legal-consent-container .inputs-list li.hs-form-booleancheckbox input::before { width: 0.5rem; height: 0.5rem; } /* Captcha ---------------*/ form .hs-recaptcha { visibility: hidden; height: 0 !important; margin: 0 !important; } form #recaptcha-notice { font-size: 12px; } form .hs_submit { margin-top: 1.25rem; } form .hs_submit .actions { text-align: center; } form .hs_submit .actions input[type=submit]{ cursor: pointer; display: inline-block; text-decoration: none; padding: 1.125rem 1.875rem; border-radius: 3.75rem; -webkit-border-radius: 3.75rem; -moz-border-radius: 3.75rem; -ms-border-radius: 3.75rem; -o-border-radius: 3.75rem; font-weight: 500; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-size: 1.125rem; line-height: 1.3; color: rgb(var(--white)); background: linear-gradient(90deg, #FE9538 0%, rgb(var(--primary-100)) 70.31%); box-shadow: 0px 4px 5px 0px rgba(0, 35, 75, 0.1); transition: box-shadow 0.25s ease-in, transform 0.25s ease; -webkit-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -moz-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -ms-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -o-transition: box-shadow 0.25s ease-in, transform 0.25s ease; -webkit-filter: initial; filter: initial; } form .hs_submit .actions input[type=submit]:hover{ box-shadow: 0px 8px 10px 2px rgba(0, 35, 75, 0.3); transform: translateY(-5px); -webkit-filter: initial; filter: initial; } header.main-header, header.light-header { width: 100%; background-color: rgb(var(--white)); } header.light-header .header__logo { display: flex; justify-content: center; margin: 10px 0; } header .header__logo a, header .header__logo a:hover { -webkit-filter: initial; filter: initial; } header.main-header .access-links{ width: 100%; position: fixed; top: 0; left: 0; } 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 .header__container { width: 100%; padding: 10px; margin: auto; display: flex; flex-flow: row nowrap; justify-content: space-between; } @media screen and (max-width: 1023px) { header.main-header .header__container .header__logo img { max-height: 50px; width: auto !important; } } /**************************************** *** Navbar toggler ****************************************/ header.main-header .header__container .header__navbar .navbar-toggler { background-color: var(--transparent); border: none; padding: 10px; z-index: 2; align-self: center; } header.main-header .header__container .header__navbar .navbar-toggler .icon { position: relative; cursor: pointer; width: 25px; height: 25px; cursor: pointer; font-size: 0.75rem; display: block; margin: auto; } header.main-header .header__container .header__navbar .navbar-toggler .icon .burger{ position: absolute; background: rgba(var(--neutral-500 ), 0.9); width: 100%; height: 2px; top: 50%; right: 0px; margin-top: -1px; opacity: 1; } header.main-header .header__container .header__navbar .navbar-toggler .icon .burger, header.main-header .header__container .header__navbar .navbar-toggler .icon .burger::before, header.main-header .header__container .header__navbar .navbar-toggler .icon .burger::after { transition: all .3s ease-in-out; } header.main-header .header__container .header__navbar .navbar-toggler .icon .burger::before, header.main-header .header__container .header__navbar .navbar-toggler .icon .burger::after { position: absolute; width: 100%; height: 2px; content: ""; display: block; background: rgba(var(--neutral-500 ), 0.9); } header.main-header .header__container .header__navbar .navbar-toggler .icon .burger::before { top: 0.5em; } header.main-header .header__container .header__navbar .navbar-toggler .icon .burger::after { bottom: 0.5em; } header.main-header .header__container .header__navbar .navbar-toggler.menu-open .icon .burger{ background: rgba(var(--neutral-500 ), 0); } header.main-header .header__container .header__navbar .navbar-toggler.menu-open .icon .burger::before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } header.main-header .header__container .header__navbar .navbar-toggler.menu-open .icon .burger::after { bottom: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } @media screen and (min-width: 1024px) { header.main-header .header__container .header__navbar .navbar-toggler { display: none; } } /**************************************** *** Main Navbar ****************************************/ header.main-header .header__container .header__navbar .header__navbar-container { background-color: rgb(var(--white)); bottom: 0; left: 0; position: fixed; top: 75px; width: 100vw; z-index: 1000; transform: translateX(-200%); transition: transform 0.3s ease-out; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } header.main-header .header__container .header__navbar.open .header__navbar-container { transform: translateX(0); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav > ul, header.main-header .header__container .header__navbar .header__navbar-container .action-nav { list-style-type: none; padding: 0; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > a { font-weight: 500; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-500)); font-size: 1.125rem; text-decoration: none; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level.active > a { color: rgb(var(--primary-100)); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > button.dropdown-toggle { font-weight: 500; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-500)); font-size: 1.3rem; text-decoration: none; border: none; background-color: transparent; padding: 0; line-height: 1.375; cursor: pointer; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > button.dropdown-toggle:hover { cursor: pointer; color: rgb(var(--primary-100)); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level.active button.dropdown-toggle { color: rgb(var(--primary-100)); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li button.dropdown-toggle .arrow { display: inline-block; position: relative; width: 24px; height: 14px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7ZGxDcIwEEXPyQIZIR2iAiYgbBBRUaGMAAuAkwnYIIaKyigTkGwQKigzAhNwnIxAUWRbpvdvEvvu3rNsAB8fH2YqpBmPQ8QSEWt5KnJLX0R9FwRo5THfDuuBaZAKGQ0lwBhfrnd7C/yq+gA2KzqUs+AFIOjTqYVG0oNPPz2YnwXvhpzQJHi09XM0W1R0hyktI5Ik48kc7rem0cGlKLiOY3yD3knjgGD0G6sNRM4YS13gTgKt5DdthzsLtBIH+F+Cr4QeraTrqaTgB/Dx8XHKGyBDXu90TfU/AAAAAElFTkSuQmCC'); transform-origin: center center; transition: transform 0.25s ease-in; transform: rotate(-90deg); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li button.dropdown-toggle:hover .arrow, header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level.active button.dropdown-toggle .arrow{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADGSURBVHgB7ZCxDcIwEAD/HZFQMkJGYARKAg0jMAJ0iAZHItRsEDaIqFzCCIyQLVI48mNHgFBkg9P7Ghd+31kPEAgE0HXRCJ5GJEtEuo+yU+6ao4pPZCIrYPCI58W2f89cD5lq1/qYESGXYn9wymN5M3OgYEP6U94BxdqLPupOZIl85AjT10yOGa/7HueKDI3Y6TVF5odpN4zEzbps8mR55DbHz4ArQgpXPnKvgC3y5p/cO2CL+MgHBb4ipQK4jhfFGQKBgBdPYwpkyPhBRgwAAAAASUVORK5CYII='); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item { background-color: rgb(var(--secondary-20)); left: 0; position: fixed; top: 0; width: 100vw; z-index: 1000; transform: translateX(-200%); transition: transform 0.3s ease-out; display: flex; padding: 20px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item:not([hidden]){ transform: translateX(0); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail { margin-bottom: 1rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail *, header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child *{ text-align: left; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child:hover { -webkit-filter: none; filter: none; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .title { font-weight: 600; font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-500)); font-size: 1.625rem; margin-bottom: 30px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .desc { display: none; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child { box-shadow: 0px 15px 30px rgba(140, 162, 192, 0.2); background-color: rgb(var(--white)); display: block; padding: 10px; border-radius: 10px; text-decoration: none; margin-top: 2rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .title { font-weight: 600; font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-500)); font-size: 1.125rem ; margin-bottom: 0; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .desc { display: none; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .desc ul { padding: 20px; list-style-type: disc; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .inner-link { margin-top: 1.25rem; font-weight: 600; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-400)); font-size: 1.125rem ; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .inner-link::after{ width: 20px; height: 20px; display: inline-block; content: ''; -webkit-mask: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7ZQ7DoJAEIZn9AKWlnZGG/EESmdJMCZUZr2IDlxEYmeDR1BOIFZ6FBsy7mpsiMCy0MlXzU5m559HdgFaWn6xEmQtBTk6sV2oiCOoB8xXaYrRZAb3Wxw3KvBILs+xNfek2QfEeZlIBwxIEW0ESN4HRHLX211ebOUOFKqL4dQ+yuoWUNIJZh2eoAFokgL0UuaTND93mCk6BH6ugCtIyKA91AFxE4UUfo9GO6ikl3XUGhGyH4UBFQroot5Dl/nMAFZecmMB3eQKox3oJjcSUNVzwcwbQYoMdD+7lj/gBRmEX6RiQXQbAAAAAElFTkSuQmCC') no-repeat 50% 50%; mask: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7ZQ7DoJAEIZn9AKWlnZGG/EESmdJMCZUZr2IDlxEYmeDR1BOIFZ6FBsy7mpsiMCy0MlXzU5m559HdgFaWn6xEmQtBTk6sV2oiCOoB8xXaYrRZAb3Wxw3KvBILs+xNfek2QfEeZlIBwxIEW0ESN4HRHLX211ebOUOFKqL4dQ+yuoWUNIJZh2eoAFokgL0UuaTND93mCk6BH6ugCtIyKA91AFxE4UUfo9GO6ikl3XUGhGyH4UBFQroot5Dl/nMAFZecmMB3eQKox3oJjcSUNVzwcwbQYoMdD+7lj/gBRmEX6RiQXQbAAAAAElFTkSuQmCC') no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: rgb(var(--neutral-400)); vertical-align: text-bottom; margin-left: 5px; } @media screen and (max-width: 1023px) { header.main-header .header__container .header__navbar .header__navbar-container { background-color: rgb(var(--secondary-20)); bottom: 0; left: 0; position: fixed; top: 75px; width: 100vw; z-index: 1000; transform: translateX(-200%); transition: transform 0.3s ease-out; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; align-items: stretch; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav > ul { margin-bottom: 0; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav > ul > li, header.main-header .header__container .header__navbar .header__navbar-container .action-nav > li { width: 100%; text-align: left; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > a { display: inline-block; font-weight: 500; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-500)); font-size: 1.3rem; text-decoration: none; width: 100%; padding: 20px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > button.dropdown-toggle { cursor: pointer; width: 100%; padding: 20px ; display: flex; justify-content: space-between; align-items: center; } header.main-header .header__container .header__navbar .header__navbar-container .action-nav > li { padding: 20px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav > ul > li:not(.btn), header.main-header .header__container .header__navbar .header__navbar-container .action-nav > li:not(.btn) { border-bottom: 1px solid rgb(var(--white)); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item { left: 0; position: fixed; height: 100%; top: 0; width: 100vw; top: 0 !important; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .submenu-container { width: 100%; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child { position: relative; box-shadow: 0px 15px 30px rgba(140, 162, 192, 0.2); background-color: rgb(var(--white)); display: flex; align-items: center; padding: 20px; border-radius: 10px; text-decoration: none; margin-top: 10px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .entry-icon { width: 24px; height: 24px; margin-right: 10px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .title .close-toggle { border: none; background-color: transparent; color: rgb(var(--neutral-500)); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .title .close-toggle .arrow { display: inline-block; position: relative; width: 8px; height: 14px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACySURBVHgBfZBNCsIwEIVnmrhSUKyI+HMNEVd159J7mIU3aG+g1/AUdVl00yP0CEFBxdjEpCJoTPogYYbvMfMYBI96YxZRSovACYcsVgpSIco0cEKExNQIiqMfQv5s0AXWQV7s3hN8sOq7o/UGAbcuaPQXsmP15HY5Zc321KyK9BsIKZf9cL7nPLtXBvNdz8eDz4TW9RJ9oPiTp6XzkG+DPekh5YzYIX9NCAgehRO2KgXNXzqSVY8Eov88AAAAAElFTkSuQmCC'); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .title .label { display: none; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .title br { display: none; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .title { margin-right: auto; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child::after { width: 30px; height: 24px; content: ""; display: block; margin-left: 10px; justify-self: flex-end; background-position: center center; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7ZQ7DoJAEIZn9AKWlnZGG/EESmdJMCZUZr2IDlxEYmeDR1BOIFZ6FBsy7mpsiMCy0MlXzU5m559HdgFaWn6xEmQtBTk6sV2oiCOoB8xXaYrRZAb3Wxw3KvBILs+xNfek2QfEeZlIBwxIEW0ESN4HRHLX211ebOUOFKqL4dQ+yuoWUNIJZh2eoAFokgL0UuaTND93mCk6BH6ugCtIyKA91AFxE4UUfo9GO6ikl3XUGhGyH4UBFQroot5Dl/nMAFZecmMB3eQKox3oJjcSUNVzwcwbQYoMdD+7lj/gBRmEX6RiQXQbAAAAAElFTkSuQmCC'); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .inner-link { display: none; } } @media screen and (min-width: 1024px) { header.main-header .header__container { max-width: 1920px; padding: 10px 20px; align-items: center; } header.main-header .header__container .header__logo { width: 20%; } header.main-header .header__container .header__navbar .header__navbar-container { position: relative; transform: none; bottom: initial; left: initial; top: initial; flex-flow: row nowrap; justify-content: space-between; width: auto; } header.main-header .header__container .header__navbar { flex: 1; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav > ul { display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 0; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level { margin-bottom: 0; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level:not(:last-child) { margin-right: 40px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > a, header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > button.dropdown-toggle { font-size: 1.125rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li button.dropdown-toggle .arrow { transform: rotate(0deg); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item { margin-top: 40px; top: 106px; background-color: rgb(var(--secondary-20)); transform: initial; overflow: hidden; max-height: 0; padding: 0; transition: max-height 0.3s ease-in, padding 0.15s ease, margin 0.15s ease; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item:not([hidden]){ max-height: 80vh; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .submenu-container { max-width: 1240px; margin: 70px auto; display: flex; flex-flow: row nowrap; padding: 0 20px; gap :20px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail { min-width: 285px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .title { font-size: 2.5rem ; line-height: 1.6; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .title .close-toggle { display: none; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .desc { display: block; margin-top: 30px; font-weight: 400; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-400)); font-size: 1.25rem ; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child { margin-top: 0; padding: 30px; box-shadow: none; transition: box-shadow 0.25s ease; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child:hover { box-shadow: 0 15px 30px rgba(140,162,192,.2); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-1 .entry-child { width: calc(100% - 285px); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-2 .entry-child { width: calc(100% - 285px / 2); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-3 .entry-child { width: calc(100% - 285px / 3); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-4 .entry-child { width: calc(100% - 285px / 4); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-5 .entry-child { width: calc(100% - 285px / 5); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-6 .entry-child { width: calc(100% - 285px / 6); } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .entry-icon { display: block; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .title { font-size: 1.375rem ; line-height: 1.6; margin-bottom: 1.25rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .desc { display: block; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .desc *{ font-weight: 400; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-400)); font-size: 1rem ; } header.main-header .header__container .header__navbar .header__navbar-container .action-nav { margin: 0; } header.main-header .header__container .header__navbar .header__navbar-container .action-nav li{ margin-bottom: auto; } header.main-header .header__container .header__navbar .header__navbar-container .action-nav li:not(:last-child) { margin-right: 1.5rem; } } @media screen and (min-width: 1280px) { header.main-header .header__container { padding: 10px 40px; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level:not(:last-child) { margin-right: 100px; } } @media screen and (min-width : 941px) and (max-width: 1440px) { header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > a , header.main-header .header__container .header__navbar .header__navbar-container .primary-nav ul li.first-level > button.dropdown-toggle { font-size: 1rem !important; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-detail .title { font-size: 1.625rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .title { font-size: 1.125rem; } header.main-header .header__container .header__navbar .header__navbar-container .primary-nav .submenu-item .entry-child .inner-link { font-size: 1rem; } } #main-footer, #light-footer { background-color: rgba(var(--secondary-20), 0.25); } #main-footer .footer-content { padding: 50px 20px; width: 100%; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 30px; } #light-footer .footer-content { padding: 90px 20px; width: 100%; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; } #main-footer .footer-info-container, #light-footer .footer-info-container{ width: 100%; display: flex; flex-flow: column wrap; justify-content: space-between; } #main-footer .footer-content .footer-content_brand, #main-footer .footer-content .footer-content_newsletter, #main-footer .footer-content .footer-content_social, #main-footer .footer-content .footer-content_nav { grid-column: span 1; } #main-footer .footer-content .footer-content_brand { order: 1; } footer .footer-content .footer-content_brand a, footer .footer-content .footer-content_brand a:hover { -webkit-filter: initial; filter: initial; } #main-footer .footer-content .footer-content_newsletter { order : 4; } #main-footer .footer-content .footer-content_hr { order : 3; } #main-footer .footer-content .footer-content_social { order : 2; } #main-footer .footer-content .footer-content_nav { order : 5; } #main-footer .footer-content .footer-content_social p, #light-footer .footer-content .footer-content_baseline { color: rgb(var(--neutral-400)); margin-bottom: 10px; font-size: 1rem; line-height: 1.6; } #light-footer .footer-content .footer-content_baseline { margin-top: 30px; } #main-footer .footer-content .footer-content_nav a { color: rgb(var(--neutral-400)); } #main-footer .footer-content .footer-content_nav a::after{ background-color: rgb(var(--neutral-300)); } #main-footer .footer-content .footer-content_hr { display: none; } #main-footer .footer-info, #light-footer .footer-info { background-color: rgba(var(--secondary-20), 0.25); width: 100%; padding: 10px 20px; } #main-footer .footer-info-container .copyright, #light-footer .footer-info-container .copyright { text-align: center; } #main-footer .footer-info-container .module-link-list-simple ul li, #light-footer .footer-info-container .module-link-list-simple ul li { margin-left: 0;text-align: center; } #main-footer .footer-info-container .module-link-list-simple a, #light-footer .footer-info-container .module-link-list-simple a { text-transform: uppercase; color: rgb(var(--neutral-400)); font-size: 0.75rem; text-decoration: none; } @media screen and (min-width: 768px) { #main-footer .footer-info-container, #light-footer .footer-info-container { flex-flow: row wrap; } #main-footer .footer-info-container .copyright, #light-footer .footer-info-container .copyright { text-align: left; } #main-footer .footer-info-container .module-link-list-simple ul li, #light-footer .footer-info-container .module-link-list-simple ul li { flex: 0 0 auto; margin-left: 40px; } } @media screen and (min-width: 992px) { #main-footer .footer-content{ padding: 85px 20px; grid-template-columns: repeat(12, minmax(0, 1fr)); } #main-footer .footer-content .footer-content_hr { display: block; grid-column: span 12; } #main-footer .footer-content .footer-content_brand, #main-footer .footer-content .footer-content_newsletter, #main-footer .footer-content .footer-content_social, #main-footer .footer-content .footer-content_nav { grid-column: span 12; } } @media screen and (min-width: 1024px) { #main-footer .footer-content .footer-content_brand, #main-footer .footer-content .footer-content_newsletter, #main-footer .footer-content .footer-content_social, #main-footer .footer-content .footer-content_nav { grid-column: span 6; } #main-footer .footer-content .footer-content_brand { order: 1; display: flex; align-items: flex-end; } #main-footer .footer-content .footer-content_newsletter { order : 2; } #main-footer .footer-content .footer-content_hr { order : 3; } #main-footer .footer-content .footer-content_social { order : 4; } #main-footer .footer-content .footer-content_nav { order : 5; } } @media screen and (min-width: 1200px) { #main-footer .footer-content, #main-footer .footer-info-container, #light-footer .footer-content, #light-footer .footer-info-container { max-width: 1240px; margin: 0 auto; } #main-footer .footer-content .footer-content_brand, #main-footer .footer-content .footer-content_social{ grid-column: span 3; } #main-footer .footer-content .footer-content_newsletter, #main-footer .footer-content .footer-content_nav { grid-column: 7 / span 6; } #main-footer .footer-info-container .module-link-list-simple, #light-footer .footer-info-container .module-link-list-simple{ flex: 1; } #main-footer .footer-info-container .module-link-list-simple ul, #light-footer .footer-info-container .module-link-list-simple ul { justify-content: flex-end; } #main-footer .footer-info-container .module-link-list-simple ul li, #light-footer .footer-info-container .module-link-list-simple ul li { flex: 0 0 auto; margin-left: 40px; } } @media screen and (min-width: 1441px) { #main-footer .footer-content .footer-content_social p, #light-footer .footer-content .footer-content_baseline { color: rgb(var(--neutral-400)); margin-bottom: 10px; font-size: 1.25rem; line-height: 1.6; } } /* *********************** Module Social Networks *********************** */ .social-network-module nav ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-flow: row wrap; } .social-network-module nav ul li { width: 60px; align-self: start; } .social-network-module nav ul li:not(:last-child){ margin-right: 0.625rem; } .social-network-module nav ul li a { display: inline-block; width: 60px; height: 60px; } .social-network-module nav ul li a img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } /* *********************** Module CTA Newsletter *********************** */ .module-newsletter-footer { display: flex; flex-flow: row wrap; justify-content: space-between; } .module-newsletter-footer .title { display: inline-block; width: 100%; color: rgb(var(--neutral-500)); font-weight: 500; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-size: 1.25rem; line-height: 1.6; } .module-newsletter-footer .title img { display: inline-block; margin-right: 10px; vertical-align: text-bottom; } .module-newsletter-footer .benefits { width: 100%; font-weight: 400; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; color: rgb(var(--neutral-400)); } .module-newsletter-footer .btn { margin: 20px auto 0 auto; align-self: center; } @media screen and (min-width:768px) { .module-newsletter-footer .benefits { width: 65%; } .module-newsletter-footer .btn { margin: 0; align-self: flex-end; } } @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: 767px) { .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: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .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; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .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; }