/*-----------------------------------*\
Style
\*-----------------------------------*/
/*-----------------------------------*\
Base
\*-----------------------------------*/
/**
* Initialization (node_modules and other external sources - imported with postcss-import
*/
/*! 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;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* 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
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 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
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, 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;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* 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 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 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;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* 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, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Helpers
*/
/*-----------------------------------*\
Helpers
\*-----------------------------------*/
.row-fluid {
width: 100%;
*zoom: 1
}
.row-fluid:after,.row-fluid:before {
display: table;
content: ""
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=span] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.row-fluid [class*=span]:first-child {
margin-left: 0
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%
}
.container-fluid {
*zoom: 1
}
.container-fluid:after,.container-fluid:before {
display: table;
content: ""
}
.container-fluid:after {
clear: both
}
@media (max-width:767px) {
.row-fluid {
width: 100%
}
.row-fluid [class*=span] {
display: block;
float: none;
width: auto;
margin-left: 0
}
}
@media (min-width:768px) and (max-width:1139px) {
.row-fluid {
width: 100%;
*zoom: 1
}
.row-fluid:after,.row-fluid:before {
display: table;
content: ""
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=span] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.row-fluid [class*=span]:first-child {
margin-left: 0
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%
}
}
@media (min-width:1280px) {
.row-fluid {
width: 100%;
*zoom: 1
}
.row-fluid:after,.row-fluid:before {
display: table;
content: ""
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=span] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.row-fluid [class*=span]:first-child {
margin-left: 0
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%
}
}
.clearfix {
*zoom: 1
}
.clearfix:after,.clearfix:before {
display: table;
content: ""
}
.clearfix:after {
clear: both
}
.hide {
display: none
}
.show {
display: block
}
.hidden,.invisible {
visibility: hidden
}
.hidden {
display: none
}
.hidden-desktop,.visible-phone,.visible-tablet {
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
}
}
/*-----------------------------------*\
Variables
\*-----------------------------------*/
/*
* Font weights
* Defined by number since weight name can vary depending on font-family.
*/
.aa-module-spacing--largest,.aa-module-spacing-top--largest {
padding-top: 12rem
}
.aa-module-margin--largest,.aa-module-margin-top--largest {
margin-top: 12rem
}
@media (min-width:992px) {
.aa-module-spacing--largest,.aa-module-spacing-top--largest {
padding-top: 17rem
}
.aa-module-margin--largest,.aa-module-margin-top--largest {
margin-top: 17rem
}
}
.aa-module-spacing--largest,.aa-module-spacing-bottom--largest {
padding-bottom: 13.5rem
}
.aa-module-margin--largest,.aa-module-margin-bottom--largest {
margin-bottom: 13.5rem
}
@media (min-width:992px) {
.aa-module-spacing--largest,.aa-module-spacing-bottom--largest {
padding-bottom: 17rem
}
.aa-module-margin--largest,.aa-module-margin-bottom--largest {
margin-bottom: 17rem
}
}
.aa-module-spacing--large,.aa-module-spacing-top--large {
padding-top: 7rem
}
.aa-module-margin--large,.aa-module-margin-top--large {
margin-top: 7rem
}
@media (min-width:992px) {
.aa-module-spacing--large,.aa-module-spacing-top--large {
padding-top: 13rem
}
.aa-module-margin--large,.aa-module-margin-top--large {
margin-top: 13rem
}
}
@media (min-width:1440px) {
.aa-module-spacing--large,.aa-module-spacing-top--large {
padding-top: 13rem
}
.aa-module-margin--large,.aa-module-margin-top--large {
margin-top: 13rem
}
}
.aa-module-spacing--large,.aa-module-spacing-bottom--large {
padding-bottom: 7rem
}
.aa-module-margin--large,.aa-module-margin-bottom--large {
margin-bottom: 7rem
}
@media (min-width:992px) {
.aa-module-spacing--large,.aa-module-spacing-bottom--large {
padding-bottom: 13rem
}
.aa-module-margin--large,.aa-module-margin-bottom--large {
margin-bottom: 13rem
}
}
@media (min-width:1440px) {
.aa-module-spacing--large,.aa-module-spacing-bottom--large {
padding-bottom: 13rem
}
.aa-module-margin--large,.aa-module-margin-bottom--large {
margin-bottom: 13rem
}
}
.aa-module-spacing--medium,.aa-module-spacing-top--medium {
padding-top: 7rem
}
.aa-module-margin--medium,.aa-module-margin-top--medium {
margin-top: 7rem
}
@media (min-width:992px) {
.aa-module-spacing--medium,.aa-module-spacing-top--medium {
padding-top: 7rem
}
.aa-module-margin--medium,.aa-module-margin-top--medium {
margin-top: 7rem
}
}
@media (min-width:1440px) {
.aa-module-spacing--medium,.aa-module-spacing-top--medium {
padding-top: 9rem
}
.aa-module-margin--medium,.aa-module-margin-top--medium {
margin-top: 9rem
}
}
.aa-module-spacing--medium,.aa-module-spacing-bottom--medium {
padding-bottom: 7rem
}
.aa-module-margin--medium,.aa-module-margin-bottom--medium {
margin-bottom: 7rem
}
@media (min-width:992px) {
.aa-module-spacing--medium,.aa-module-spacing-bottom--medium {
padding-bottom: 7rem
}
.aa-module-margin--medium,.aa-module-margin-bottom--medium {
margin-bottom: 7rem
}
}
@media (min-width:1440px) {
.aa-module-spacing--medium,.aa-module-spacing-bottom--medium {
padding-bottom: 9rem
}
.aa-module-margin--medium,.aa-module-margin-bottom--medium {
margin-bottom: 9rem
}
}
.aa-module-spacing--small,.aa-module-spacing-top--small {
padding-top: 4.3rem
}
.aa-module-margin--small,.aa-module-margin-top--small {
margin-top: 4.3rem
}
@media (min-width:992px) {
.aa-module-spacing--small,.aa-module-spacing-top--small {
padding-top: 4.3rem
}
.aa-module-margin--small,.aa-module-margin-top--small {
margin-top: 4.3rem
}
}
@media (min-width:1440px) {
.aa-module-spacing--small,.aa-module-spacing-top--small {
padding-top: 5.6rem
}
.aa-module-margin--small,.aa-module-margin-top--small {
margin-top: 5.6rem
}
}
.aa-module-spacing--small,.aa-module-spacing-bottom--small {
padding-bottom: 4.3rem
}
.aa-module-margin--small,.aa-module-margin-bottom--small {
margin-bottom: 4.3rem
}
@media (min-width:992px) {
.aa-module-spacing--small,.aa-module-spacing-bottom--small {
padding-bottom: 4.3rem
}
.aa-module-margin--small,.aa-module-margin-bottom--small {
margin-bottom: 4.3rem
}
}
@media (min-width:1440px) {
.aa-module-spacing--small,.aa-module-spacing-bottom--small {
padding-bottom: 5.6rem
}
.aa-module-margin--small,.aa-module-margin-bottom--small {
margin-bottom: 5.6rem
}
}
.aa-module-spacing--smallest,.aa-module-spacing-top--smallest {
padding-top: 3.5rem
}
.aa-module-margin--smallest,.aa-module-margin-top--smallest {
margin-top: 3.5rem
}
@media (min-width:1440px) {
.aa-module-spacing--smallest,.aa-module-spacing-top--smallest {
padding-top: 3.5rem
}
.aa-module-margin--smallest,.aa-module-margin-top--smallest {
margin-top: 3.5rem
}
}
.aa-module-spacing--smallest,.aa-module-spacing-bottom--smallest {
padding-bottom: 3.5rem
}
.aa-module-margin--smallest,.aa-module-margin-bottom--smallest {
margin-bottom: 3.5rem
}
@media (min-width:1440px) {
.aa-module-spacing--smallest,.aa-module-spacing-bottom--smallest {
padding-bottom: 3.5rem
}
.aa-module-margin--smallest,.aa-module-margin-bottom--smallest {
margin-bottom: 3.5rem
}
}
.aa-module-spacing--tiny,.aa-module-spacing-top--tiny {
padding-top: 2rem
}
.aa-module-margin--tiny,.aa-module-margin-top--tiny {
margin-top: 2rem
}
@media (min-width:992px) {
.aa-module-spacing--tiny,.aa-module-spacing-top--tiny {
padding-top: 2rem
}
.aa-module-margin--tiny,.aa-module-margin-top--tiny {
margin-top: 2rem
}
}
.aa-module-spacing--tiny,.aa-module-spacing-bottom--tiny {
padding-bottom: 2rem
}
.aa-module-margin--tiny,.aa-module-margin-bottom--tiny {
margin-bottom: 2rem
}
@media (min-width:992px) {
.aa-module-spacing--tiny,.aa-module-spacing-bottom--tiny {
padding-bottom: 2rem
}
.aa-module-margin--tiny,.aa-module-margin-bottom--tiny {
margin-bottom: 2rem
}
}
section.aa-module-spacing-top--none {
padding-top: 0
}
section.aa-module-margin-top--none {
margin-top: 0
}
section.aa-module-spacing-bottom--none {
padding-bottom: 0
}
section.aa-module-margin-bottom--none {
margin-bottom: 0
}
.pt-0 {
padding-top: 0!important
}
.pb-0 {
padding-bottom: 0!important
}
.mt-0 {
margin-top: 0!important
}
.mb-0 {
margin-bottom: 0!important
}
.hidden-xs-up {
display: none!important
}
@media (max-width:543px) {
.hidden-xs-down {
display: none!important
}
}
@media (min-width:600px) {
.hidden-sm-up {
display: none!important
}
}
@media (max-width:599px) {
.hidden-sm-down {
display: none!important
}
}
@media (min-width:768px) {
.hidden-md-up {
display: none!important
}
}
@media (max-width:767px) {
.hidden-md-down {
display: none!important
}
}
@media (min-width:992px) {
.hidden-lg-up {
display: none!important
}
}
@media (max-width:991px) {
.hidden-lg-down {
display: none!important
}
}
@media (min-width:1200px) {
.hidden-xl-up {
display: none!important
}
}
@media (max-width:1199px) {
.hidden-xl-down {
display: none!important
}
}
/*-------------------------------------------------------------*\
Theme default variables
NOTE: Do not override these directly.
They can be overridden in helpers/theme-overrides.scss.
\*-------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*\
Theme custom variables
To override theme default variables, uncomment the variables below.
(If you need some of the default variables, uncomment only the ones that should be overridden)
Tip: You can toggle/untoggle comments rapidly with the "Toggle Line Comment" shortcut
(editor.action.commentLine).
\*--------------------------------------------------------------------------------------------------------------*/
:root {
interpolate-size: allow-keywords;
--weight-100: 400;
--weight-200: 400;
--weight-300: 400;
--weight-400: 400;
--weight-500: 600;
--weight-600: 600;
--weight-700: 700;
--weight-800: 700;
--weight-900: 700;
--black: #302B2B;
--dark: #302B2B;
--white: #FFFFFF;
--red: #BA2F44;
--green: #00B67A;
--green-light: #ebfaf5;
--yellow: #F8C326;
--blue-primary: #528DC3;
--blue-light: #7ABCE4;
--gray-light: #F2F2F2;
--gray-dark: #464646;
--gray-medium: #D1D1D1;
--violet: #9972AE;
/* --full-site-width: 144rem; */
--full-site-width: 1300px;
--gutter: 3rem;
--gutter-h: var(--gutter);
--gutter-v: var(--gutter);
--header-height: 12rem;
--header-height-mobile: 8.1rem;
--header-height-neg: -12rem;
--header-height-mobile-neg: -8.1rem;
--logo-width: 18rem;
--logo-width-mobile: 13.9rem;
--hamburger-width: 3.6rem;
--link-text-decoration: underline;
--padding: 4rem;
--padding-touch: 4rem;
--padding-mobile: 2rem;
--border-radius: 1.7rem;
--border-radius-large: 3rem;
--speed: 350ms;
--animation: ease;
--box-shadow: 1px 0px 6px 2px rgba(0, 62, 177, 0.18);
--box-shadow-large: 0 0 3rem 0 rgba(0, 0, 0, 0.1);
/* Old values
--primary: var(--violet);
--secondary: var(--red);
--body-color: var(--black);
--heading-color: var(--black);
--text-dark: var(--black);
--text-light: var(--white);
--accent: var(--primary);
*/
--primary: #BA2F44;
--secondary: #F8C326;
--tertiary: var(--blue-primary);
--complementary: var(--blue-primary);
--dark: var(--gray-dark);
--light: var(--white);
--gray: var(--gray-dark);
--body-color: ;
--heading-color: #0B0F19;
--text-dark: #302B2B;
--text-light: #FFFFFF;
--accent: #00B67A;
--link-color: var(--dark);
--link-color-hover: var(--red);
--primary-bg-text: var(--text-light);
--primary-bg-link: var(--text-light);
--primary-bg-link-hover: var(--text-light);
--primary-bg-accent: var(--text-light);
--secondary-bg-text: var(--text-dark);
--secondary-bg-link: var(--link-color);
--secondary-bg-link-hover: var(--link-color-hover);
--secondary-bg-accent: var(--accent);
--tertiary-bg-text: var(--text-dark);
--tertiary-bg-link: var(--link-color);
--tertiary-bg-link-hover: var(--link-color-hover);
--tertiary-bg-accent: var(--accent);
--complementary-bg-text: var(--text-dark);
--complementary-bg-link: var(--link-color);
--complementary-bg-link-hover: var(--link-color-hover);
--complementary-bg-accent: var(--accent);
--dark-bg-text: var(--text-light);
--dark-bg-link: var(--text-light);
--dark-bg-link-hover: var(--secondary);
--dark-bg-accent: var(--secondary);
--light-bg-text: var(--text-dark);
--light-bg-link: var(--link-color);
--light-bg-link-hover: var(--link-color-hover);
--light-bg-accent: var(--accent);
/* Old values
--body-font: 'Manrope', Helvetica, Arial, sans-serif;
--heading-font: var(--body-font);
*/
--body-font: 'Open Sans', Helvetica, Arial, sans-serif;
--heading-font: 'Open Sans', Arial, sans-serif;
--body-font-size: 1.6rem;
--body-font-weight: regular;
--h1-font-family: 4.6rem;
--h1-font-weight: 700;
--h1-font-style: normal;
--h1-text-decoration: none;
--h1-text-size: 4.6rem;
--h2-font-family: var(--heading-font);
--h2-font-weight: 700;
--h2-font-style: normal;
--h2-text-decoration: none;
--h2-text-size: 3.8rem;
--h3-font-family: var(--heading-font);
--h3-font-weight: 700;
--h3-font-style: normal;
--h3-text-decoration: none;
--h3-text-size: 2.7rem;
--h4-font-family: var(--heading-font);
--h4-font-weight: 700;
--h4-font-style: normal;
--h4-text-decoration: none;
--h4-text-size: 2.3rem;
--h5-font-family: var(--heading-font);
--h5-font-weight: 600;
--h5-font-style: normal;
--h5-text-decoration: none;
--h5-text-size: 2.0rem;
--h6-font-family: var(--heading-font);
--h6-font-weight: 600;
--h6-font-style: normal;
--h6-text-decoration: none;
--h6-text-size: 1.8rem;
--button-font-family: 'Open Sans', Helvetica, Arial, sans-serif;
--button-font-style: normal;
--button-font-weight: 400;
--form-font-size: 1.4rem;
--form-line-height: 1.44;
--form-placeholder-font-size: 1.8rem;
--form-placeholder-line-height: 1.5;
--form-fieldset-gutter-v: 2rem;
--form-fieldset-gutter-h: calc(var(--gutter) * 0.5);
--form-error-color: var(--red);
--form-input-background-color: var(--white);
--form-input-border-color: 0.1rem solid rgba(86, 89, 115, 0.1);
--form-input-border-radius: 1rem;
--form-input-border-width: 0.1rem;
--form-input-color: var(--dark);
--form-input-height: 5.6rem;
--form-input-padding: 0.5rem 1.5rem;
--form-input-shadow: 0px 7px 15px 0px rgba(0, 45, 101, 0.05);
--form-field-label-font-size: 1.4rem;
--form-field-label-line-height: 1.44;
--form-field-label-font-weight: 400;
--form-title-text-color: var(--dark);
}
/**
* Core
*/
/*-----------------------------------*\ Elements \*-----------------------------------*/
html {
box-sizing: border-box;
scroll-behavior: smooth;
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
background-color: var(--white);
font-family: var(--body-fonts);
}
main {
overflow: hidden;
width: 100%;
max-width: 100%;
}
section {
width: 100%;
max-width: 100%;
}
.aa-site-wrapper {
display: flex;
flex-direction: column;
height: auto;
}
.aa-webpage, .aa-landing-page, .aa-blog-listing, .aa-blog-post, .aa-system-page {
flex: 1;
}
.hs-landing-page.body-wrapper {
overflow-x: hidden;
}
header, main, footer {
width: 100%;
}
a {
color: var(--link-color);
text-decoration: none;
}
section a {
font-weight: var(--weight-700);
}
a:focus, button:focus-visible, input[type="submit"]:focus {
outline-offset: 0.4rem;
}
a:hover, a:focus-visible, a:active {
color: var(--link-color-hover);
}
body .hs-tools-menu {
top: 65px !important;
}
section a:not(.aa-button):not(.aa-tag):not(.default),
footer a:not(.aa-button):not(.aa-tag):not(.default),
section .aa-link,
footer .aa-link {
color: var(--red);
text-decoration: underline;
transition: all 0.5s ease-in-out;
opacity: 1;
}
section .aa-content-color--light a:not(.aa-button):not(.aa-tag):not(.default),
footer .aa-content-color--light a:not(.aa-button):not(.aa-tag):not(.default),
section .aa-content-color--light .aa-link,
footer .aa-content-color--light .aa-link {
color: var(--white);
}
section a:not(.aa-button):not(.aa-tag):not(.default):hover,
footer a:not(.aa-button):not(.aa-tag):not(.default):hover,
section a:not(.aa-button):not(.aa-tag):not(.default):focus-within,
footer a:not(.aa-button):not(.aa-tag):not(.default):focus-within,
section .aa-link:hover,
.aa-column--link:hover .aa-link,
footer .aa-link:hover,
section .aa-link:focus-within,
footer .aa-link:focus-within {
opacity: 0.7;
}
section a.aa-link-span span,
footer a.aa-link-span span {
border-bottom: 1px solid var(--blue-light);
}
section a.aa-link-span::after,
footer a.aa-link-span::after {
content: none;
}
section ul:not(.default), section ul:not(.default) li {
list-style-type: none;
margin: 0;
padding: 0;
}
section ul:not(.default), section ol:not(.default) {
display: flex;
width: 100%;
padding: 0 0 0 0.2rem;
flex-direction: column;
grid-gap: 2rem 0;
gap: 2rem 0;
align-items: flex-start;
justify-content: flex-start;
}
section ol:not(.default) {
margin: 0;
padding: 0 0 0 2rem;
}
section ol:not(.default) li {
padding: 0;
margin : 0;
text-align: left !important;
align-items: flex-start;
justify-content: flex-start;
}
section ul:not(.default) li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
grid-gap: 0 1.5rem;
gap: 0 1.5rem;
flex-wrap: nowrap;
text-align: left !important;
}
section ul:not(.default) li::before {
content: "";
width: 0.8rem;
min-width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
background-color: var(--yellow);
position: relative;
top: 1rem;
}
section form ul:not(.default) li::before {
content: none !important;
}
section ul:not(.default):not(:last-child) {
margin-bottom: 3rem;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 0.1rem solid var(--gray-dark);
margin: 3.5rem 0;
}
img, video, iframe {
max-width: 100%;
}
img {
display: block;
height: auto;
}
.aa-module__body table {
border: 0 !important;
}
.aa-module__body td {
border: 0.1rem solid #999 !important;
padding: 0.6rem 1rem !important;
}
.aa-content-color-light, .aa-content-color-white {
color: var(--white);
}
.aa-content-color-dark, .aa-content-color-black {
color: var(--black);
}
.aa-content-color-blue-light {
color: var(--blue-light);
}
.table-wrapper {
overflow-x: auto;
max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.blog-post-content table,
.table-wrapper table {
border: none !important;
table-layout: auto !important;
margin-top: 3rem;
margin-bottom: 3rem;
}
.blog-post-content table tr:first-child td,
.table-wrapper table tr:first-child td {
border-top: 1px solid var(--gray-medium);
}
.blog-post-content table tr td:first-child,
.table-wrapper table tr td:first-child {
border-left: 1px solid var(--gray-medium);
}
.blog-post-content table tr td,
.table-wrapper table tr td {
border-bottom: 1px solid var(--gray-medium);
border-right: 1px solid var(--gray-medium);
padding: 12px 20px 14px !important;
width: auto !important;
}
/*-----------------------------------*\
Fonts
\*-----------------------------------*/
@font-face {
font-family: "Open Sans";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("/_hcms/googlefonts/Open_Sans/600.woff2") format("woff2"), url("/_hcms/googlefonts/Open_Sans/600.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("/_hcms/googlefonts/Open_Sans/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Open_Sans/regular.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("/_hcms/googlefonts/Open_Sans/700.woff2") format("woff2"), url("/_hcms/googlefonts/Open_Sans/700.woff") format("woff");
}
/*-----------------------------------*\ Typography \*-----------------------------------*/
html {
font-size: 62.5%;
}
body {
color: var(--body-color);
font-family: var(--body-font);
font-size: 1.5rem;
font-weight: var(--body-font-weight);
line-height: 1.7em;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 600px) {
body {
font-size: var(--body-font-size);
}
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
line-height: 1.3;
margin: 0;
font-family: var(--heading-font);
/* text-box: trim-both cap alphabetic; */
}
h1, .h1 {
font-size: 3rem;
font-weight: var(--h1-font-weight);
line-height: 1.3em;
}
h2, .h2 {
font-size: 2.6rem;
font-weight: var(--h2-font-weight);
line-height: 1.3em;
}
h3, .h3, .blog-post-content h2 {
font-size: 2.4rem;
font-weight: var(--h3-font-weight);
line-height: 1.25em;
}
h4, .h4, .blog-post-content h3 {
font-size: 2.3rem;
font-weight: var(--h4-font-weight);
line-height: 1.3em;
}
h5, .h5 {
font-size: 2rem;
font-weight: var(--h5-font-weight);
line-height: 1.4em;
}
h6, .h6 {
font-size: 1.8rem;
font-weight: var(--h6-font-weight);
line-height: 1.4em;
}
.sector-heading {
color: var(--gray-dark);
}
.aa-text-color--blue-primary > .sector-heading {
color: var(--blue-primary);
}
@media (min-width: 600px) {
h1, .h1 {
font-size: 4rem;
}
h2, .h2, .blog-post-content h1 {
font-size: 3.8rem;
}
}
@media (min-width: 960px) {
h2, .h2, .blog-post-content h1 {
/* font-size: 4.8rem; */
font-size: var(--h2-text-size);
}
h3, .h3, .blog-post-content h2 {
/* font-size: 3.8rem; */
font-size: var(--h3-text-size);
}
h4, .h4, .blog-post-content h3 {
/* font-size: 2.8rem; */
font-size: var(--h4-text-size);
}
h5, .h5, .blog-post-content h4, .aa-text__sections h4 {
/* font-size: 2rem; */
font-size: var(--h5-text-size);
}
h6, .h6, .blog-post-content h5 {
/* font-size: 1.8rem; */
font-size: var(--h6-text-size);
}
}
@media (min-width: 1200px) {
h1, .h1 {
/* font-size: 7.5rem; */
font-size: var(--h1-text-size);
}
}
h1:not(:last-child), .h1:not(:last-child), h2:not(:last-child), .h2:not(:last-child), h3:not(:last-child), .h3:not(:last-child), h4:not(:last-child), .h4:not(:last-child), h5:not(:last-child), .h5:not(:last-child), h6:not(:last-child), .h6:not(:last-child) {
margin-bottom: 0.8em;
}
h1:not(:first-child), .h1:not(:first-child), h2:not(:first-child), .h2:not(:first-child), h3:not(:first-child), .h3:not(:first-child), h4:not(:first-child), .h4:not(:first-child), h5:not(:first-child), .h5:not(:first-child), h6:not(:first-child), .h6:not(:first-child) {
margin-top: 1em;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
color: inherit;
}
p {
margin-bottom: 0;
margin-top: 0;
}
p:not(:last-child) {
margin-bottom: 1.5em;
}
img + p, div + p, video + p, img + strong, div + strong, video + strong {
margin-top: 2rem;
}
.aa-text-size--smallest {
font-size: 1.2rem;
line-height: 1.36em;
}
.aa-text-size--small, figcaption {
font-size: 1.4rem;
line-height: 1.36em;
}
.aa-text-size--large {
font-size: 1.7rem;
line-height: 1.4em;
}
@media (min-width: 768px) {
.aa-text-size--large {
font-size: 2rem;
line-height: 1.36em;
}
}
.aa-subheading {
font-size: 2rem;
line-height: 1.3em;
font-weight: var(--weight-400);
}
.aa-label {
font-size: 1.7rem;
line-height: 1.3rem;
font-weight: var(--weight-700);
text-transform: uppercase;
}
@media (min-width: 768px) {
.aa-label {
font-size: 2.5rem;
}
}
.aa-subheading:not(:last-child) {
margin-bottom: 2rem;
display:block;
}
.show-for-sr {
border:0!important;
height:1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important
}
ul, ol {
padding-left: 1.4em;
margin: 2em 0;
}
ul:first-child, ol:first-child {
margin-top: 0;
}
ul:last-child, ol:last-child {
margin-bottom: 0;
}
p + ul, p + ol {
margin-top: 1em;
}
li {
padding-left: 0.3em;
}
li:not(:last-child) {
margin-bottom: 0.4em;
}
ul.no-style {
margin: 0;
padding: 0;
list-style: none;
}
blockquote {
margin: 3rem 0;
position: relative;
padding: 0 0 0 0;
font-size: 2rem;
line-height: 1.4em;
font-weight: var(--weight-600);
}
@media (min-width: 768px) {
blockquote {
font-size: 2.6rem;
line-height: 1.4em;
}
}
blockquote.bold {
font-weight: var(--weight-700);
}
blockquote:first-child {
margin-top: 0;
}
blockquote:last-child {
margin-bottom: 0;
}
.aa-content-alignment--center blockquote {
border-left: none;
padding-left: 0;
}
strong, b {
font-weight: 700;
}
i {
font-style: italic;
}
figcaption {
font-style: italic;
}
.aa-content-color--light .aa-subheading, .aa-content-color--light .aa-label {
color: var(--white);
}
.aa-subheading:last-child, .aa-label:last-child {
margin-bottom: 0;
}
.aa-subheading + h1, .aa-label + h1, .aa-subheading + h2, .aa-label + h2, .aa-subheading + h3, .aa-label + h3, .aa-subheading + h4, .aa-label + h4, .aa-subheading + h5, .aa-label + h5, .aa-subheading + h6, .aa-label + h6 {
margin-top: 0rem !important;
}
/*-----------------------------------*\ Utilities \*-----------------------------------*/
/* Module segment spacing */
.aa-module__header:not(:last-child), .aa-module__body:not(:last-child) {
margin-bottom: 3rem;
}
.aa-module__header--desktop.aa-module__header--desktop {
display: none;
}
@media (min-width: 768px) {
.aa-module__header--desktop.aa-module__header--desktop {
display: block;
}
}
/* Grid */
.aa-grid {
display: grid;
grid-gap: 3.5rem 2rem;
grid-template-columns: minmax(0, 1fr);
width: 100%;
}
.aa-grid.aa-grid--gap-smallest {
grid-gap: 0.5rem;
}
.aa-grid.aa-grid--gap-small {
grid-gap: 1.5rem;
}
.aa-grid.aa-grid--dense {
grid-auto-flow:dense;
}
@media (min-width: 768px) {
.aa-grid {
grid-gap: 3rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-module__header:not(:last-child), .aa-module__body:not(:last-child) {
margin-bottom: var(--gutter);
}
}
@media (min-width: 1400px) {
.aa-grid.aa-grid--auto-flex-en.aa-grid--four {
display: flex;
}
.aa-grid.aa-grid--four-wide-gap {
grid-gap: 6rem;
}
.aa-grid.aa-grid--auto-flex-en.aa-grid--four > div {
flex: auto;
width: auto;
min-width: 31rem;
}
}
.aa-grid.aa-grid--one {
grid-template-columns: minmax(0, 1fr);
}
.aa-grid.aa-grid--three.aa-grid--three-1-3-2 {
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
.aa-grid.aa-grid--two.aa-grid--cols-1-2 {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
}
.aa-grid.aa-grid--cols-1-4 {
grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
.aa-grid.aa-grid--cols-1-4 {
grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
}
}
@media (min-width: 768px) {
.aa-grid.aa-grid--cols-2-1 {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
}
@media (min-width: 992px) {
.aa-grid.aa-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.aa-grid.aa-grid--three.aa-grid--three-1-3-2 {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 2fr);
}
}
@media (min-width: 992px) {
.aa-grid.aa-grid--four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.aa-grid.aa-grid--cols-2-1.wide-gap,
.aa-grid.aa-grid--cols-1-2.wide-gap {
grid-gap: 6rem;
}
}
@media (min-width: 992px) {
.aa-grid.aa-grid--five {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.aa-grid.aa-grid--six {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (max-width: 992px) {
.aa-grid.aa-grid--two-mobile {
grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
}
}
.aa-grid.aa-grid--auto {
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
width: fit-content;
}
.aa-grid.aa-grid--auto-fill {
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}
.aa-grid.aa-grid--text-center {
text-align: center;
}
.aa-grid.aa-grid--100 {
width: 100%;
}
.aa-grid.aa-grid--small {
grid-gap: 1.1rem;
}
ul.aa-grid {
list-style: none;
margin: 0;
padding: 0;
}
ul.aa-grid > li {
margin: 0;
padding: 0;
}
.aa-no-margin {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.aa-flex {
display: flex;
flex-direction: column;
grid-gap: 0;
gap: 0;
}
.aa-flex.aa-flex--column {
flex-direction: column;
}
.aa-flex.aa-flex--row {
flex-direction: row;
}
.aa-flex.aa-flex--column-text {
flex-direction: column;
grid-gap: 2rem 0;
gap: 2rem 0;
}
@media (min-width: 767px) {
.aa-flex {
flex-direction: row;
}
.aa-flex.aa-flex--row {
flex-direction: row;
}
}
.aa-flex.aa-flex--center {
align-items: center;
justify-content: center;
}
.aa-border-radius {
border-radius: var(--border-radius);
overflow: hidden;
}
.aa-border-radius.aa-border-radius--large {
border-radius: var(--border-radius-large);
}
.aa-content-align--left {
text-align: left;
}
.aa-content-align--center {
text-align: center;
}
.aa-content-align--right {
text-align: right;
}
/* Box shadow */
.aa-box-shadow {
box-shadow: var(--box-shadow);
}
.aa-box-shadow-large {
box-shadow: var(--box-shadow-large);
}
.aa-box-shadow-hover {
transition: box-shadow var(--speed) var(--animation);
}
.aa-box-shadow-hover:hover, .aa-box-shadow-hover:focus {
box-shadow: var(--box-shadow);
}
.aa-box-shadow-dark-hover {
transition: box-shadow var(--speed) var(--animation);
}
.aa-box-shadow-dark-hover:hover, .aa-box-shadow-dark-hover:focus {
box-shadow: var(--box-shadow);
}
/* Background colors */
.aa-bg-white, .aa-bg-light, .aa-bg-gray, .aa-bg-gradient-light {
color: var(--light-bg-text);
}
.aa-bg-white .aa-label, .aa-bg-light .aa-label, .aa-bg-gray .aa-label, .aa-bg-gradient-light .aa-label, .aa-bg-white .aa-subheading, .aa-bg-light .aa-subheading, .aa-bg-gray .aa-subheading, .aa-bg-gradient-light .aa-subheading {
color: var(--light-bg-accent);
}
.aa-bg-white h1, .aa-bg-light h1, .aa-bg-gray h1, .aa-bg-gradient-light h1, .aa-bg-white h2, .aa-bg-light h2, .aa-bg-gray h2, .aa-bg-gradient-light h2, .aa-bg-white h3, .aa-bg-light h3, .aa-bg-gray h3, .aa-bg-gradient-light h3, .aa-bg-gray-light h3, .aa-bg-white h4, .aa-bg-light h4, .aa-bg-gray h4, .aa-bg-gradient-light h4, .aa-bg-white h5, .aa-bg-light h5, .aa-bg-gray h5, .aa-bg-gradient-light h5, .aa-bg-gray-light h5, .aa-bg-white h6, .aa-bg-light h6, .aa-bg-gray h6, .aa-bg-gradient-light h6 {
color: var(--heading-color);
}
.aa-bg-white a, .aa-bg-light a, .aa-bg-gray a, .aa-bg-gradient-light a {
color: var(--light-bg-link);
}
.aa-bg-red {
background-color: var(--red);
color: var(--white);
}
.aa-bg-dark, .aa-bg-black, .aa-bg-blue-primary {
color: var(--dark-bg-text);
}
.aa-bg-dark .aa-label, .aa-bg-black .aa-label, .aa-bg-blue-primary .aa-label, .aa-bg-dark .aa-subheading, .aa-bg-black .aa-subheading, .aa-bg-blue-primary .aa-subheading {
color: var(--dark-bg-accent);
}
.aa-bg-dark h1, .aa-bg-black h1, .aa-bg-blue-primary h1, .aa-bg-dark h2, .aa-bg-black h2, .aa-bg-blue-primary h2, .aa-bg-dark h3, .aa-bg-black h3, .aa-bg-blue-primary h3, .aa-bg-dark h4, .aa-bg-black h4, .aa-bg-blue-primary h4, .aa-bg-dark h5, .aa-bg-black h5, .aa-bg-blue-primary h5, .aa-bg-dark h6, .aa-bg-black h6, .aa-bg-blue-primary h6 {
color: var(--text-light);
}
.aa-bg-dark a, .aa-bg-black a, .aa-bg-blue-primary a {
color: var(--dark-bg-link);
}
.aa-bg-dark a:hover, .aa-bg-black a:hover, .aa-bg-blue-primary a:hover, .aa-bg-dark a:active, .aa-bg-black a:active, .aa-bg-blue-primary a:active, .aa-bg-dark a:focus, .aa-bg-black a:focus, .aa-bg-blue-primary a:focus {
color: var(--dark-bg-link-hover);
}
.aa-bg-dark .hs-input[type=file], .aa-bg-black .hs-input[type=file], .aa-bg-blue-primary .hs-input[type=file], .aa-bg-dark ul.hs-error-msgs label, .aa-bg-black ul.hs-error-msgs label, .aa-bg-blue-primary ul.hs-error-msgs label {
color: var(--dark-bg-text);
}
.aa-bg-dark ul.hs-error-msgs label:before, .aa-bg-black ul.hs-error-msgs label:before, .aa-bg-blue-primary ul.hs-error-msgs label:before {
border-color: var(--white);
}
.aa-bg-dark .aa-button.aa-button--3, .aa-bg-black .aa-button.aa-button--3, .aa-bg-blue-primary .aa-button.aa-button--3, .aa-bg-dark .aa-form-button--3 input[type="submit"], .aa-bg-black .aa-form-button--3 input[type="submit"], .aa-bg-blue-primary .aa-form-button--3 input[type="submit"] {
background-color: transparent;
border-color: var(--white);
color: var(--white);
}
.aa-bg-dark .aa-button.aa-button--3:hover, .aa-bg-black .aa-button.aa-button--3:hover, .aa-bg-blue-primary .aa-button.aa-button--3:hover, .aa-bg-dark .aa-form-button--3 input[type="submit"]:hover, .aa-bg-black .aa-form-button--3 input[type="submit"]:hover, .aa-bg-blue-primary .aa-form-button--3 input[type="submit"]:hover, .aa-bg-dark .aa-button.aa-button--3:focus, .aa-bg-black .aa-button.aa-button--3:focus, .aa-bg-blue-primary .aa-button.aa-button--3:focus, .aa-bg-dark .aa-form-button--3 input[type="submit"]:focus, .aa-bg-black .aa-form-button--3 input[type="submit"]:focus, .aa-bg-blue-primary .aa-form-button--3 input[type="submit"]:focus, .aa-bg-dark .aa-button.aa-button--3:active, .aa-bg-black .aa-button.aa-button--3:active, .aa-bg-blue-primary .aa-button.aa-button--3:active, .aa-bg-dark .aa-form-button--3 input[type="submit"]:active, .aa-bg-black .aa-form-button--3 input[type="submit"]:active, .aa-bg-blue-primary .aa-form-button--3 input[type="submit"]:active {
background-color: var(--white);
border-color: var(--white);
color: var(--primary);
}
.aa-bg-yellow {
background: var(--yellow);
}
.aa-bg-dark {
background: var(--dark);
}
.aa-bg-white,
.aa-bg-light {
background: var(--white);
}
.aa-bg-gradient-blue-light {
background: var(--blue-light);
}
.aa-bg-gradient-blue, .aa-bg-gradient-blue-dark, .aa-bg-gradient-blue-primary, .aa-bg-gradient-footer {
background: var(--blue-primary);
}
.aa-bg-none {
background: transparent;
}
.aa-content-color--light {
color: var(--white);
}
.aa-content-color--dark {
color: var(--black);
}
.aa-content-color--gray-light {
color: var(--gray-light);
}
.aa-content-color--blue-primary {
color: var(--blue-primary);
}
.aa-bg-primary {
color: var(--primary-bg-text);
background: var(--primary);
}
.aa-bg-primary .aa-label, .aa-bg-primary .aa-subheading {
color: var(--primary-bg-accent);
}
.aa-bg-primary h1, .aa-bg-primary h2, .aa-bg-primary h3, .aa-bg-primary h4, .aa-bg-primary h5, .aa-bg-primary h6 {
color: var(--text-light);
}
.aa-bg-primary a {
color: var(--primary-bg-link);
}
.aa-bg-primary a:hover, .aa-bg-primary a:active, .aa-bg-primary a:focus {
color: var(--primary-bg-link-hover);
}
.aa-bg-primary .hs-input[type=file], .aa-bg-primary ul.hs-error-msgs label {
color: var(--dark-bg-text);
}
.aa-bg-primary ul.hs-error-msgs label:before {
border-color: var(--white);
}
.aa-bg-primary .aa-button.aa-button--3, .aa-bg-primary .aa-form-button--3 input[type="submit"] {
background-color: transparent;
border-color: var(--white);
color: var(--white);
}
.aa-bg-primary .aa-button.aa-button--3:hover, .aa-bg-primary .aa-form-button--3 input[type="submit"]:hover, .aa-bg-primary .aa-button.aa-button--3:focus, .aa-bg-primary .aa-form-button--3 input[type="submit"]:focus, .aa-bg-primary .aa-button.aa-button--3:active, .aa-bg-primary .aa-form-button--3 input[type="submit"]:active {
background-color: var(--white);
border-color: var(--white);
color: var(--primary);
}
.aa-bg-secondary {
color: var(--secondary-bg-text);
background: var(--secondary);
}
.aa-bg-secondary .aa-label, .aa-bg-secondary .aa-subheading {
color: var(--secondary-bg-accent);
}
.aa-bg-secondary h1, .aa-bg-secondary h2, .aa-bg-secondary h3, .aa-bg-secondary h4, .aa-bg-secondary h5, .aa-bg-secondary h6 {
color: var(--heading-color);
}
.aa-bg-secondary a {
color: var(--secondary-bg-link);
}
.aa-bg-secondary a:hover, .aa-bg-secondary a:active, .aa-bg-secondary a:focus {
color: var(--secondary-bg-link-hover);
}
.aa-bg-tertiary {
color: var(--tertiary-bg-text);
background: var(--tertiary);
}
.aa-bg-tertiary .aa-label, .aa-bg-tertiary .aa-subheading {
color: var(--tertiary-bg-accent);
}
.aa-bg-tertiary h1, .aa-bg-tertiary h2, .aa-bg-tertiary h3, .aa-bg-tertiary h4, .aa-bg-tertiary h5, .aa-bg-tertiary h6 {
color: var(--heading-color);
}
.aa-bg-tertiary a {
color: var(--tertiary-bg-link);
}
.aa-bg-tertiary a:hover, .aa-bg-tertiary a:active, .aa-bg-tertiary a:focus {
color: var(--tertiary-bg-link-hover);
}
.aa-bg-complementary {
color: var(--complementary-bg-text);
background: var(--complementary);
}
.aa-bg-complementary .aa-label, .aa-bg-complementary .aa-subheading {
color: var(--complementary-bg-accent);
}
.aa-bg-complementary h1, .aa-bg-complementary h2, .aa-bg-complementary h3, .aa-bg-complementary h4, .aa-bg-complementary h5, .aa-bg-complementary h6 {
color: var(--heading-color);
}
.aa-bg-complementary a {
color: var(--complementary-bg-link);
}
.aa-bg-complementary a:hover, .aa-bg-complementary a:active, .aa-bg-complementary a:focus {
color: var(--complementary-bg-link-hover);
}
.aa-bg-blue-100 {
background: var(--blue-primary);
}
.aa-bg-blue-300 {
background: var(--blue-primary);
}
.aa-bg-blue-primary {
background: var(--blue-primary);
}
.aa-bg-gray-100, .aa-bg-gray-light {
background: var(--gray-light);
color: var(--light-bg-text);
}
.aa-bg-gray-300 {
background: var(--gray-light);
}
.aa-bg-gray-400, .aa-bg-gray-dark {
background: var(--gray-dark);
}
.aa-bg-red-100 {
background: var(--red);
}
.aa-bg-red-500 {
background: var(--red);
}
.note-info-box {
color: #fff; background-color: red;
padding: 5px;
font-size: 1.3rem;
width: auto;
z-index: 30;
text-align: center;
}
/* Background media wrappers */
.aa-bg-image, .aa-bg-overlay, .aa-bg-video {
position: relative;
}
.aa-bg-image > .aa-inner, .aa-bg-overlay > .aa-inner, .aa-bg-video > .aa-inner {
position: relative;
z-index: 10;
}
.aa-bg-image .aa-image-wrapper,
.aa-bg-overlay.aa-bg-overlay--absolute {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
@media (max-width: 768px) {
.heading-center-mobile h1:first-child,
.heading-center-mobile h2:first-child,
.heading-center-mobile h3:first-child,
.heading-center-mobile h4:first-child,
.heading-center-mobile h5:first-child {
text-align: center;
}
}
.aa-text-color--gray-light {
color: var(--gray-light);
}
.aa-text-color--blue-primary, .aa-text-color--primary {
color: var(--blue-primary);
}
.aa-hidden {
display: none !important;
}
.aa-image--grayscale {
filter: grayscale(1);
}
.aa-image-wrapper img, .aa-image-wrapper--contain img {
height: 100%;
width: 100%;
}
.aa-image-wrapper img {
object-fit: cover;
}
.aa-image-wrapper--contain img {
object-fit: contain;
}
.aa-bg-overlay::before {
content: '';
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 5;
}
.aa-bg-video video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* The container of a module */
.aa-module {
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
}
@media (min-width: 600px) {
.aa-module {
padding-left: var(--padding-touch);
padding-right: var(--padding-touch);
}
}
@media (min-width: 992px) {
.aa-module {
padding-left: var(--padding);
padding-right: var(--padding);
}
}
.aa-hidden {
display: none !important;
}
@media (max-width: 768px) {
.aa-hidden-mobile {
display: none !important;
}
}
@media (min-width: 767px) {
.aa-hidden-desktop {
display: none !important;
}
}
.notification {
border-radius: 2rem;
padding: 0.4rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background: red; color: #fff;
}
.aa-relative {
position: relative;
}
section.aa-relative > .aa-module-inner, section.aa-relative > .aa-inner {
position: relative;
z-index: 5;
}
.aa-module.aa-module--block {
display: block;
}
.aa-module-inner {
width: 100%;
position: relative;
z-index: 3;
}
/* Sets the width of the module */
.aa-module-width--page, .aa-module-width--full {
width: 100%;
}
.aa-module-width--page {
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
}
@media (min-width: 600px) {
.aa-module-width--page {
padding-left: var(--padding-touch);
padding-right: var(--padding-touch);
}
}
@media (min-width: 992px) {
.aa-module-width--page {
max-width: var(--full-site-width);
margin-left: auto;
margin-right: auto;
padding-left: var(--padding);
padding-right: var(--padding);
}
}
.aa-module-width--page > div {
width: 100%;
}
/* Sets the height of the module */
.aa-module-height--small, .aa-module-height--normal, .aa-module-height--full {
display: flex;
align-items: center;
}
.aa-module-height--small {
min-height: calc(80vh - var(--header-height-mobile));
}
@media (min-width: 600px) {
.aa-module-height--small {
min-height: 40rem;
}
}
.aa-module-height--normal {
min-height: calc(100vh - var(--header-height-mobile));
}
@media (min-width: 600px) {
.aa-module-height--normal {
min-height: 64rem;
}
}
.aa-module-height--full {
min-height: calc(min(calc(100vh - var(--header-height-mobile)), 110rem));
}
.body-wrapper--fixed-header main {
padding-top: var(--header-height-mobile);
}
@media (min-width: 1200px) {
.aa-module-height--full {
min-height: calc(min(calc(100vh - var(--header-height)), 110rem));
}
.body-wrapper--fixed-header main {
padding-top: var(--header-height);
}
}
.body-wrapper--fixed-header .aa-module-height--full {
min-height: 100vh;
}
/* Module content containers */
.aa-inner {
display: grid;
grid-gap: 0;
grid-template-columns: minmax(0, 1fr);
width: 100%;
}
.aa-inner.aa-inner--block {
display: block;
}
.aa-content {
width: 100%;
}
/* Controls the alignment of the content within the module */
.aa-content-alignment--left {
text-align: left;
}
.aa-content-alignment--center {
text-align: center;
}
.aa-content-alignment--right {
text-align: right;
}
.aa-content-alignment--center ul, .aa-content-alignment--center ol {
text-align: left;
}
.aa-content-alignment--center .aa-button-container {
justify-content: center;
}
@media (max-width: 767px) {
.aa-content-alignment-mobile--center {
text-align: center;
}
.aa-content-alignment-mobile--left {
text-align: left;
}
.aa-content-alignment-mobile--left .aa-button-container {
justify-content: flex-start !important;
}
}
/* Sets the width of the content in a module */
@media (min-width: 768px) {
.aa-inner:not(.aa-inner--simple) {
grid-template-columns: repeat(12, minmax(0px, 1fr));
grid-template-columns: repeat(6, 1fr);
margin-left: auto;
margin-right: auto;
max-width: var(--full-site-width);
}
.aa-content-width--narrow {
grid-column: 2 / span 4;
}
.aa-content-width--normal {
grid-column: 1 / span 6;
}
.aa-content-width--wide {
grid-column: 1 / span 6;
}
.aa-content-width--full {
grid-column: 1 / span 6;
}
.aa-content-position--left .aa-content-width--narrow {
grid-column: 1 / span 4;
}
.aa-content-position--left .aa-content-width--normal {
grid-column: 1 / span 6;
}
.aa-content-position--left .aa-content-width--wide {
grid-column: 1 / span 6;
}
.aa-content-position--right .aa-content-width--narrow {
grid-column: 2 / span 4;
}
.aa-content-position--right .aa-content-width--normal {
grid-column: 1 / span 6;
}
.aa-content-position--right .aa-content-width--wide {
grid-column: 1 / span 6;
}
}
@media (min-width: 1024px) {
.aa-inner:not(.aa-inner--simple) {
grid-template-columns: repeat(12, 1fr);
}
.aa-content-width--narrow {
grid-column: 4 / span 6;
}
.aa-content-width--normal {
grid-column: 3 / span 8;
}
.aa-content-width--wide {
grid-column: 2 / span 10;
}
.aa-content-width--full {
grid-column: span 12;
}
.aa-content-position--left .aa-content-width--narrow {
grid-column: 1 / span 6;
}
.aa-content-position--left .aa-content-width--normal {
grid-column: 1 / span 8;
}
.aa-content-position--left .aa-content-width--wide {
grid-column: 1 / span 10;
}
.aa-content-position--right .aa-content-width--narrow {
grid-column: 7 / span 6;
}
.aa-content-position--right .aa-content-width--normal {
grid-column: 5 / span 8;
}
.aa-content-position--right .aa-content-width--wide {
grid-column: 3 / span 10;
}
}
.pt-0 {
padding-top: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
/**
* Components
*/
/*-----------------------------------*\
Buttons
\*-----------------------------------*/
button {
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
cursor: pointer;
background: transparent;
/* inherit font & color from ancestor */
color: inherit;
font: inherit;
/* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
line-height: normal;
/* Corrects font smoothing for webkit */
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
/* Corrects inability to style clickable `input` types in iOS */
-webkit-appearance: none;
}
/* Remove excess padding and border in Firefox 4+ */
button::-moz-focus-inner {
border: 0;
padding: 0;
}
.aa-button, input.hs-button, .hs-button {
align-items: center;
appearance: none;
background: transparent;
border: 0.2rem solid transparent;
display: inline-flex;
font-size: 1.5rem;
font-weight: var(--weight-700);
line-height: 1.5;
text-align: center;
text-transform: uppercase;
text-decoration: none;
justify-content: center;
transition: all 0.35s ease-in-out;
padding: 1.2rem 1.2rem;
border-radius: 3rem;
min-height: 5.2rem;
padding-top: 1rem;
padding-bottom: 1rem;
cursor: pointer;
max-width: 100%;
min-width: 18.8rem;
width: 100%;
}
.hs-button {
display: inline-flex !important;
}
.aa-button.aa-button--icon {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 1.3rem;
}
.aa-button.aa-button--icon img.icon {
width: 2.3rem;
max-width: 100%;
height: auto;
}
@media (min-width: 600px) {
.aa-button, input.hs-button {
width: auto;
min-height: 6rem;
font-size: 1.6rem;
}
}
.aa-button.aa-button--full {
width: 100% !important;
padding-left: 3rem !important;
padding-right: 3rem !important;
}
header a.aa-button {
text-align: center;
justify-content: center !important;
}
.aa-button:hover {
cursor: pointer;
}
.aa-button:hover,
.aa-button:focus {
text-decoration: none;
}
.aa-button.disabled {
background: var(--gray-medium) !important;
border-color: var(--gray-medium) !important;
color: var(--white) !important;
pointer-events: none;
}
.aa-button.aa-button--1, input.hs-button {
background: var(--primary);
color: var(--white);
border-color: var(--primary);
}
@media (min-width: 600px) {
.aa-button.aa-button--1, input.hs-button,
.aa-button.aa-button--2, .aa-button.aa-button--3 {
padding-left: 6rem;
padding-right: 6rem;
}
}
.aa-button.aa-button--1:hover,
.aa-button.aa-button--1:focus-visible,
input.hs-button:hover, input.hs-button:focus-visible {
background: var(--primary);
color: var(--white);
border-color: var(--primary);
opacity: 0.7;
}
.aa-button.aa-button--2, .aa-form-button--2 input.hs-button {
background: var(--secondary);
color: var(--black);
border-color: var(--secondary);
}
.aa-button.aa-button--2:hover,
.aa-button.aa-button--2:focus-visible,
.aa-form-button--2 input.hs-button:hover,
.aa-form-button--2 input.hs-button:focus-visible {
background: var(--secondary);
color: var(--black);
border-color: var(--secondary);
opacity: 0.7;
}
.aa-button.aa-button--3 {
background: transparent;
color: var(--primary);
border-color: var(--primary);
}
.aa-button.aa-button--3:hover,
.aa-button.aa-button--3:focus-visible,
.aa-button-container--light .aa-button.aa-button--3:hover,
.aa-button-container--light .aa-button.aa-button--3:focus-visible {
background: var(--primary);
color: var(--white);
border-color: var(--primary);
}
.aa-button-container--light .aa-button.aa-button--3 {
color: var(--white);
border-color: var(--white);
}
.aa-button.aa-button--small, .aa-button.aa-button--4 {
min-height: 4.9rem;
min-width: initial;
border-radius: 6.5rem;
color: var(--black);
padding: 1rem 2rem;
text-align: left;
font-size: 1.6rem;
font-weight: var(--weight-700);
line-height: 1em;
border-color: var(--gray-light);
background: var(--gray-light);
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
grid-gap: 0.5rem;
gap: 0.5rem;
text-transform: none;
flex-wrap: nowrap;
max-width: 100%;
}
@media (min-width: 600px) {
.aa-button.aa-button--small, .aa-button.aa-button--4 {
min-width: 30rem;
}
}
.aa-button.aa-button--small:hover, .aa-button.aa-button--4:hover,
.aa-button.aa-button--small:focus-visible, .aa-button.aa-button--4:focus-visible {
border-color: var(--gray-light);
background: var(--gray-light);
color: var(--red);
}
.aa-button.aa-button--small svg, .aa-button.aa-button--4 svg {
width: 2rem;
min-width: 2rem;
height: auto;
}
.aa-button.aa-button--simple {
padding: 0 !important;
border: none !important;
background: transparent !important;
color: var(--black) !important;
opacity: 1;
min-height: initial !important;
min-width: initial !important;
}
.aa-button.aa-text-size--small {
font-size: 1.4rem;
}
.aa-button.aa-button--simple:hover,
.aa-button.aa-button--simple:focus-visible {
color: var(--blue-primary) !important;
}
.aa-button.aa-button--banner {
display: flex;
flex-direction: column;
gap: 2rem 0rem;
padding: 2rem 3rem;
align-items: flex-start;
min-height: 1.12rem;
justify-content: space-between;
border-radius: 2rem;
background: rgba(255, 255, 255, 0.40);
backdrop-filter: blur(10px);
width: 100%;
}
.aa-button.aa-button--banner .text .heading {
margin-bottom: 0.4rem;
color: var(--blue-primary);
}
.aa-button.aa-button--banner .text span,
.aa-button.aa-button--banner .text {
display: block;
text-align: left;
}
.aa-button.aa-button--banner .text .intro {
width: 100%;
max-width: 40rem;
}
.aa-button--banner svg {
width: 4.3rem;
height: 4.3rem;
min-width: 4.3rem;
max-width: 50%;
}
@media (min-width: 600px) {
.aa-button.aa-button--banner {
flex-direction: row;
gap: 2rem 3rem;
align-items: center;
}
.aa-button--banner svg {
width: 5.7rem;
height: 5.7rem;
min-width: 5.7rem;
max-width: 50%;
}
}
.aa-button.aa-button--banner svg circle {
transition: all 0.3s ease;
}
.aa-button.aa-button--banner:hover {
color: var(--link-color);
}
.aa-button.aa-button--banner:hover svg circle {
fill: var(--link-color);
}
.aa-link-arrow {
position: relative;
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
grid-gap: 0 0.5rem;
gap: 0 0.5rem;
width: 100%;
color: var(--red);
font-weight: var(--weight-600);
}
.aa-link-arrow svg {
right: 0;
position: relative;
transition: all 0.3s ease;
width: 2.2rem;
height: 2.2rem;
min-width: 2.2rem;
}
.aa-link-arrow span {
display: inline-block;
width: auto;
position: relative;
}
.aa-link-arrow:hover,
.aa-link-arrow:focus-visible,
.aa-column--link:hover .aa-link-arrow {
opacity: 0.7;
}
.aa-link-arrow:hover svg,
.aa-column--link:hover .aa-link-arrow svg {
right: -0.5rem;
}
.aa-button-container {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 2.4rem;
}
.aa-button-container.aa-button-container--center {
justify-content: center;
}
@media (max-width: 768px) {
.aa-content-alignment-mobile--center .aa-button-container {
justify-content: center;
}
}
.aa-button-container.aa-button-container--left {
justify-content: flex-start;
align-items: flex-start;
}
/*-----------------------------------*\
Content lift
\*-----------------------------------*/
.aa-contet-lift,
.aa-navigation .aa-contet-lift {
position: relative;
padding: calc(var(--gutter) * 0.75);
background-color: var(--primary);
}
.aa-contet-lift > a > span,
.aa-navigation .aa-contet-lift > a > span
{
display: block;
text-align: left;
color: var(--white);
}
/* -------------------------------- *\ Forms \* -------------------------------- */
/* !important rules override HubSpot default form styles */
/* Form */
.hs-form {
font-size: var(--form-font-size);
line-height: var(--form-line-height);
text-align: left;
}
.hs-form .hs-form-field {
margin-bottom: var(--form-fieldset-gutter-v);
}
.hs-form fieldset {
max-width: none !important;
}
.hs-form fieldset:not(:last-of-type) {
margin-bottom: var(--form-fieldset-gutter-v);
}
.hs-form fieldset .hs-form-field {
margin-bottom: 0;
}
.hs-form ul,
.hs-form ol {
margin: 0;
padding: 0;
list-style: none;
}
.hs-form legend {
display: block;
font-size: 0.8em;
line-height: 1.2;
margin-top: 0.6em;
opacity: 0.8;
order: 1;
}
.hs-form fieldset.form-columns-2,
.hs-form fieldset.form-columns-3 {
display: grid;
grid-gap: var(--form-fieldset-gutter-v) var(--form-fieldset-gutter-h);
grid-template-columns: minmax(0, 1fr);
}
.form-title:empty {
display: none;
}
.hs-form-field {
display: flex;
flex-direction: column;
float: none !important;
width: 100% !important;
}
.hs-form-field>label {
transition: all 0.3s ease;
transform: translateY(0);
padding-left: 0;
}
/* add label over input when not active */
.hs-fieldtype-text.is-empty:not(.is-active)>label,
.hs-fieldtype-textarea.is-empty:not(.is-active)>label,
.hs-fieldtype-phonenumber.is-empty:not(.is-active)>label {
padding-left: 2rem;
transform: translateY(4.5rem);
align-items: flex-start;
color: inherit;
position: relative;
z-index: 10;
}
.hs-fieldtype-textarea.is-empty:not(.is-active) textarea {
min-height: 11.9rem;
overflow: hidden;
}
.hs-form-field.is-empty:not(.is-active):not(.hs-fieldtype-select):not(.hs-fieldtype-file):not(.hs-fieldtype-date)>label>span:first-child {
display: inline-block;
}
.hs-form-field .hs-input,
.hs-form textarea {
margin-right: 0 !important;
}
.hs-form-field>label span {
display: inline-block;
font-size: var(--form-field-label-font-size);
line-height: var(--form-field-label-line-height);
font-weight: var(--form-field-label-font-weight);
margin-bottom: 0.6rem;
}
.hs-form-field>label span:empty,
.hs-form-field>label span:empty+span {
display: none;
}
.hs-fieldtype-checkbox>label,
.hs-fieldtype-radio>label {
padding-bottom: 2rem;
}
.hs-input:not([type="radio"]):not([type="checkbox"]),
.hs_cos_wrapper_type_password_prompt [name=password],
.hs-search-field__input {
background-color: var(--form-input-background-color);
border: 0.1rem solid var(--gray-medium);
color: var(--black);
min-height: 6rem;
line-height: 1.3em;
width: 100% !important;
border-radius: 5.5rem;
padding: 1.5rem 2rem;
}
.form--disable-shadow .hs-input:not([type="radio"]):not([type="checkbox"]),
.form--disable-shadow .hs_cos_wrapper_type_password_prompt [name=password],
.form--disable-shadow .hs-search-field__input {
box-shadow: initial;
}
.hs-input:hover,
.hs_cos_wrapper_type_password_prompt [name=password]:hover,
.hs-search-field__input:hover {
cursor: pointer;
}
.hs-input::placeholder,
.hs_cos_wrapper_type_password_prompt [name=password]::placeholder,
.hs-search-field__input::placeholder {
color: inherit;
opacity: 0.6;
}
.hs-input[type="checkbox"],
.hs_cos_wrapper_type_password_prompt [name=password][type="checkbox"],
.hs-search-field__input[type="checkbox"],
.hs-input[type="radio"],
.hs_cos_wrapper_type_password_prompt [name=password][type="radio"],
.hs-search-field__input[type="radio"] {
background-color: transparent;
border: 0;
margin-right: 0;
width: 0.1rem !important;
height: 0.1rem !important;
top: 0.2rem;
position: absolute;
left: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 0;
}
.hs-form-booleancheckbox,
.hs-form-radio,
.hs-form-checkbox {
position: relative;
padding-left: 3rem;
}
.hs-form-booleancheckbox label span::before,
.hs-form-radio label span::before,
.hs-form-checkbox label span::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: -0.2rem;
width: 2.4rem;
height: 2.4rem;
border: 1px solid var(--gray-medium);
background: var(--white);
border-radius: 0.3rem;
overflow: hidden;
}
.hs-form-booleancheckbox label input:checked+span::after,
.hs-form-radio label input:checked+span::after,
.hs-form-checkbox label input:checked+span::after {
content: "";
z-index: 3;
position: absolute;
left: 0.5rem;
top: 0.3rem;
width: 1.4rem;
height: 1.4rem;
border-radius: 0.2rem;
background: var(--red);
overflow: hidden;
}
.hs-form-radio label span::before {
border-radius: 50%;
}
.hs-form-radio label input:checked+span::after {
border-radius: 50%;
}
form ul.inputs-list:not(.hs-error-msgs) {
margin: 0;
padding: 0;
}
form ul.inputs-list:not(.hs-error-msgs) li {
padding-left: 3.6rem;
position: relative;
}
.hs-input[type="file"],
.hs_cos_wrapper_type_password_prompt [name=password][type="file"],
.hs-search-field__input[type="file"] {
background-color: transparent;
border-color: transparent;
height: auto;
line-height: 1.1;
padding: 0;
}
.hs-input[type="file"] {
border-radius: 0;
}
.hs-input[type="file"]::file-selector-button,
.hs_cos_wrapper_type_password_prompt [name=password][type="file"]::file-selector-button,
.hs-search-field__input[type="file"]::file-selector-button {
cursor: pointer;
margin-right: 0.75em;
padding: 0.3em 0.6em;
}
.aa-bg-light .hs-input,
.aa-bg-gray .hs-input,
.aa-bg-black .hs-input,
.aa-bg-dark .hs-input,
.aa-bg-gradient-dark .hs-input,
.aa-bg-primary .hs-input,
.aa-bg-secondary .hs-input,
.aa-bg-tertiary .hs-input,
.aa-bg-complementary .hs-input,
.aa-bg-light .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-gray .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-black .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-dark .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-gradient-dark .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-primary .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-secondary .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-tertiary .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-complementary .hs_cos_wrapper_type_password_prompt [name=password],
.aa-bg-light .hs-search-field__input,
.aa-bg-gray .hs-search-field__input,
.aa-bg-black .hs-search-field__input,
.aa-bg-dark .hs-search-field__input,
.aa-bg-gradient-dark .hs-search-field__input,
.aa-bg-primary .hs-search-field__input,
.aa-bg-secondary .hs-search-field__input,
.aa-bg-tertiary .hs-search-field__input,
.aa-bg-complementary .hs-search-field__input {
border-color: var(--white);
}
.hs-submit {
margin-top: var(--gutter);
}
.hs-form-field .inputs-list label span {
user-select: none;
}
.hs-form-field .multi-container li:not(:last-child) {
margin-bottom: 0.8rem;
}
.hs-fieldtype-textarea .input {
line-height: 0;
}
.hs-fieldtype-textarea textarea {
min-height: 14rem;
line-height: 1.4;
padding: var(--padding);
border-radius: 1rem;
resize: vertical;
min-height: 10.9rem;
}
.hs-fieldtype-select .input,
.hs-fieldtype-date .hs-dateinput,
.hs-fieldtype-intl-phone {
position: relative;
}
.hs-fieldtype-intl-phone.hs-input {
border: none !important;
padding: 0 !important;
}
.hs-datepicker {
width: 33rem;
max-width: 100%;
}
.hs-fieldtype-select .input::after,
.hs-fieldtype-date .hs-dateinput::after,
.hs-fieldtype-intl-phone::after {
line-height: 0;
pointer-events: none;
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%);
width: 1.6rem;
}
.hs-fieldtype-select .input .hs-input,
.hs-fieldtype-date .hs-dateinput .hs-input,
.hs-fieldtype-intl-phone {
padding-right: 5rem;
}
.hs-fieldtype-select .input .hs-input::-webkit-calendar-picker-indicator,
.hs-fieldtype-date .hs-dateinput .hs-input::-webkit-calendar-picker-indicator {
display: none;
}
.hs-fieldtype-select .input select,
.hs-fieldtype-intl-phone select {
appearance: none;
}
.hs-fieldtype-intl-phone select+input {
margin-top: 1rem;
}
.hs-fieldtype-select .input select option[selected] {
color: var(--gray-dark);
}
.hs-fieldtype-select .input::after,
.hs-fieldtype-intl-phone::after {
content: url('data:image/svg+xml, <svg viewBox="0 0 120 74" xmlns="http://www.w3.org/2000/svg"><path d="m60 74-60-60 14-14 46 46 46-46 14 14z" style="fill:var(--blue-primary);" fill="var(--blue-primary)"/></svg>') !important;
}
.hs-fieldtype-select .input:hover::after,
.hs-fieldtype-intl-phone:hover::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20H16V16H20V20ZM14 10H10V14H14V10ZM20 10H16V14H20V10ZM8 16H4V20H8V16ZM14 16H10V20H14V16ZM8 10H4V14H8V10ZM24 2V24H0V2H3V3C3 4.103 3.897 5 5 5C6.103 5 7 4.103 7 3V2H17V3C17 4.103 17.897 5 19 5C20.103 5 21 4.103 21 3V2H24ZM22 8H2V22H22V8ZM20 1C20 0.448 19.553 0 19 0C18.447 0 18 0.448 18 1V3C18 3.552 18.447 4 19 4C19.553 4 20 3.552 20 3V1ZM6 3C6 3.552 5.553 4 5 4C4.447 4 4 3.552 4 3V1C4 0.448 4.447 0 5 0C5.553 0 6 0.448 6 1V3Z' fill='%23002D65'/%3E%3C/svg%3E");
}
.hs-fieldtype-date .hs-dateinput::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20H16V16H20V20ZM14 10H10V14H14V10ZM20 10H16V14H20V10ZM8 16H4V20H8V16ZM14 16H10V20H14V16ZM8 10H4V14H8V10ZM24 2V24H0V2H3V3C3 4.103 3.897 5 5 5C6.103 5 7 4.103 7 3V2H17V3C17 4.103 17.897 5 19 5C20.103 5 21 4.103 21 3V2H24ZM22 8H2V22H22V8ZM20 1C20 0.448 19.553 0 19 0C18.447 0 18 0.448 18 1V3C18 3.552 18.447 4 19 4C19.553 4 20 3.552 20 3V1ZM6 3C6 3.552 5.553 4 5 4C4.447 4 4 3.552 4 3V1C4 0.448 4.447 0 5 0C5.553 0 6 0.448 6 1V3Z' fill='%23002D65'/%3E%3C/svg%3E");
}
.hs-fieldtype-date .hs-dateinput:hover::after {
opacity: 0.7;
}
.hs-fieldtype-date .hs-dateinput .hs-datepicker .fn-date-picker .pika-button {
border-radius: 50% !important;
box-shadow: none !important;
display: flex;
align-items: center;
justify-content: center;
}
.hs-fieldtype-date .hs-dateinput .hs-datepicker .fn-date-picker .pika-button:hover {
background-color: var(--primary) !important;
}
.hs-fieldtype-date .hs-dateinput .hs-datepicker .fn-date-picker .is-selected .pika-button {
background-color: var(--white);
color: var(--white);
}
.hs-fieldtype-date .hs-dateinput .hs-datepicker .fn-date-picker .is-today .pika-button {
color: var(--dark);
}
.hs-input.error {
border-color: var(--red) !important;
}
ul.hs-error-msgs {
order: 5;
margin-top: 1.4em !important;
margin-left: 0;
}
.hs-form-field:has(.hs-error-msgs)>label {
color: var(--red) !important;
}
ul.hs-error-msgs li {
padding: 0;
}
ul.hs-error-msgs label {
align-items: center;
color: var(--form-error-color);
display: flex;
font-size: 1.6rem;
line-height: 1.44em;
font-weight: 400;
}
ul.hs-error-msgs label:before {
content: '!';
align-items: center;
border: 0.2rem solid var(--form-error-color);
border-radius: 50%;
display: flex;
font-style: normal;
font-size: 1.4rem;
height: 1.6rem;
justify-content: center;
line-height: 1;
margin-right: calc(var(--gutter) * 0.25);
width: 1.6rem;
}
.hs_error_rollup {
margin-top: calc(var(--gutter) * 0.75);
padding: calc(var(--gutter) * 0.5);
border: 0.2rem solid var(--form-error-color);
}
.hs_error_rollup .hs-error-msgs {
margin: 0 !important;
}
.legal-consent-container {
font-size: 1.6rem;
line-height: var(--form-line-height);
}
.legal-consent-container .hs-fieldtype-booleancheckbox {
margin: 0.8rem 0;
}
.legal-consent-container .hs-fieldtype-booleancheckbox input {
margin-top: 0.3rem;
}
.hs_gdpr_consent_marketing .hs-form-booleancheckbox label,
.hs_gdpr_consent_data .hs-form-booleancheckbox label {
font-weight: 400;
}
.legal-consent-container,
.legal-consent-container a {
color: var(--gray-dark);
font-size: 1.6rem;
}
.legal-consent-container a {
color: var(--gray-dark) !important;
font-size: 1.6rem;
text-decoration: underline;
font-weight: 400;
}
.legal-consent-container a:hover {
color: var(--gray-dark) !important;
text-decoration: underline;
opacity: 0.7;
}
section .aa-bg-blue-primary .legal-consent-container,
section .aa-bg-blue-primary .legal-consent-container a,
section .aa-bg-gray-dark .legal-consent-container,
section .aa-bg-gray-dark .legal-consent-container a {
color: var(--white);
}
.legal-consent-container,
.legal-consent-container p {
font-size: 1.6rem;
}
.legal-consent-container>div:not(:last-child) {
padding-bottom: 0.7rem;
}
.legal-consent-container input {
border-color: var(--gray-dark) !important;
}
form .legal-consent-container .hs-form-booleancheckbox-display>span {
margin-left: 0;
font-size: 1.6rem;
}
@media (min-width: 768px) {
.hs-form fieldset.form-columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hs-fieldtype-textarea textarea {
min-height: 11.7rem;
}
}
@media (min-width: 768px) {
.hs-form fieldset.form-columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/*-----------------------------------*\ Hamburger \*-----------------------------------*/
.aa-site-header__hamburger {
appearance: none;
cursor: pointer;
width: var(--hamburger-width);
height: 2.7rem;
border: none;
background: none;
padding: 0;
z-index: 200;
}
.aa-hamburger {
width: var(--hamburger-width);
height: 1.2rem;
display: flex;
align-items: center;
}
.hamburger-close {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.aa-hamburger span, .aa-hamburger span:before, .aa-hamburger span:after {
display: block;
background-color: var(--dark);
transition-property: all;
transition-duration: 0.1s;
}
.aa-hamburger span {
margin: 0 auto;
position: relative;
}
.aa-hamburger span:before, .aa-hamburger span:after {
position: absolute;
content: '';
}
.aa-hamburger span, .aa-hamburger span:before, .aa-hamburger span:after {
width: var(--hamburger-width);
height: 0.2rem;
}
.aa-hamburger span:before {
transform: translateY(-0.5rem);
}
.aa-hamburger span:after {
transform: translateY(0.5rem);
}
.js-nav-open .aa-hamburger {
transition: transform var(--speed) ease;
}
.js-nav-open .aa-hamburger span {
background-color: transparent;
}
.js-nav-open .aa-hamburger span:before, .js-nav-open .aa-hamburger span:after {
transform: translateY(0);
}
.js-nav-open .aa-hamburger span:before {
transform: rotate(45deg);
}
.js-nav-open .aa-hamburger span:after {
transform: rotate(-45deg);
}
body.aa-modal-active div#CybotCookiebotDialog {
display: none !important;
}
.aa-alert__modal__wrapper {
width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.aa-modal {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 9900;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.aa-modal__overlay {
opacity: 0.9;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.aa-modal.aa-modal--open {
display: flex;
}
.aa-modal::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.aa-modal__body {
width: 100%;
}
.aa-modal__body .aa-content {
background-color: #fff;
min-height: 30rem;
padding: 3rem;
width: 100%;
}
.aa-modal .aa-modal__inner {
position: relative;
z-index: 10;
width: 90%;
max-width: 90%;
height: auto;
max-height: 90%;
overflow: auto;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
@media (min-width: 767px) {
.aa-modal .aa-modal__inner {
max-width: calc(1125px / 12 * 12);
}
}
.aa-modal .aa-modal__inner .aa-modal__close {
position: absolute;
top: 0;
right: 10px;
width: 40px;
height: 40px;
z-index: 150;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
cursor: pointer;
border: none;
margin: 0;
border-radius: 50%;
overflow: hidden;
}
.aa-modal .aa-modal__close svg {
width: 20px;
height: 20px;
display: block;
}
@media (min-width: 960px) {
.aa-modal .aa-modal__inner .aa-modal__close {
width: 60px;
height: 60px;
top: 5px;
right: 5px;
}
.aa-modal .aa-modal__inner {
height: auto;
}
.aa-modal .aa-modal__close svg {
width: 30px;
height: 30px;
}
}
body.aa-modal-active {
overflow: hidden;
}
.modal-active-section {
position: relative;
z-index: 999 !important;
}
/*-----------------------------------*\ Language \*-----------------------------------*/
.aa-languages {
display: grid;
grid-auto-flow: column;
grid-column-gap: 0.6rem;
}
@media (max-width: 991px) {
.aa-languages {
grid-template-columns: repeat(12, minmax(0px, 1fr));
grid-column-gap: 1.6rem;
}
}
.aa-languages a {
text-transform: uppercase;
}
@media (max-width: 991px) {
.aa-languages li:nth-child(2n) {
display: none;
}
}
.trustpilot__small {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-gap: 1rem 1.5rem;
gap: 1rem 1.5rem;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.trustpilot__small {
justify-content: flex-start;
}
}
.trustpilot__small.trustpilot__small--vertical {
flex-direction: column;
align-items: flex-start;
margin: 0;
grid-gap: 1rem 0.7rem;
gap: 1rem 0.7rem;
}
.trustpilot__small,
.trustpilot__small span {
font-size: 1.6rem;
}
.trustpilot__small.trustpilot__small--vertical,
.trustpilot__small.trustpilot__small--vertical span {
font-size: 1.4rem;
}
.trustpilot__small.trustpilot__small--vertical .text {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
grid-gap: 2rem 0.7rem;
gap: 2rem 0.7rem;
}
.trustpilot__small .logo svg {
width: 10rem;
max-width: 100%;
}
.trustpilot__small.trustpilot__small--vertical .logo svg {
width: 8rem;
max-width: 100%;
}
.trustpilot__small .stars__wrap {
overflow: hidden;
}
.trustpilot__small__top {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
grid-gap: 0.8rem;
gap: 0.8rem;
}
.trustpilot__small .stars__score {
display:flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
grid-gap: 0.3rem;
gap: 0.3rem;
}
.trustpilot__small .stars img, .trustpilot__small .stars svg {
height: 1.7rem;
width: 1.7rem !important;
}
.trustpilot__small .logo {
height: 2rem;
display:flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.trustpilot__small .logo svg path.tp-logo__text {
fill: var(--black) !important;
}
.trustpilot__small:not(.trustpilot__small--vertical) .trustpilot__excellent {
font-size: 1.9rem;
}
.trustpilot__small .text {
font-size: 1.6rem;
margin: 0;
}
.trustpilot__small.trustpilot__small--vertical .text {
font-size: 1.4rem;
margin: 0;
}
@media (min-width: 768px) {
.trustpilot__small__top {
font-size: 1.7rem;
}
.trustpilot__small .stars img, .trustpilot__small .stars svg {
height: 2.2rem;
width: 2.2rem !important;
}
}
/* Breadcrumb */
.aa-breadcrumb ul li::before {
content: none !important;
}
section.aa-breadcrumb .aa-breadcrumb__content__inner a,
section.aa-breadcrumb .aa-breadcrumb__content__inner span {
font-weight: 400;
text-decoration: none !important;
color: var(--black) !important;
white-space: nowrap;
}
section.aa-breadcrumb .aa-breadcrumb__content__inner a,
section.aa-breadcrumb .aa-breadcrumb__content__inner span.hs-breadcrumb-menu-divider {
opacity: 0.6 !important;
}
section.aa-breadcrumb .aa-breadcrumb__content__inner span.hs-breadcrumb-label {
color: var(--red) !important;
opacity: 1 !important;
}
section.aa-breadcrumb .aa-breadcrumb__content__inner a:hover {
color: var(--black) !important;
text-decoration: underline;
opacity: 1 !important;
}
.aa-breadcrumb__content__inner,
.aa-breadcrumb .hs-breadcrumb-menu {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
grid-gap: 0.7rem;
gap: 0.7rem;
}
.aa-breadcrumb__content__inner {
overflow: auto;
padding-top: 1rem;
padding-bottom: 1rem;
}
.aa-breadcrumb .hs-breadcrumb-menu-item {
grid-gap: 0.7rem;
gap: 0.7rem;
align-items: center;
}
.aa-breadcrumb .hs-breadcrumb-menu-divider::before {
padding: 0;
font-size: 2.1rem;
}
@media (min-width: 500px) {
.aa-breadcrumb__content__inner,
.aa-breadcrumb .hs-breadcrumb-menu {
grid-gap: 1.4rem;
gap: 1.4rem;
}
.aa-breadcrumb .hs-breadcrumb-menu-item {
grid-gap: 1.4rem;
gap: 1.4rem;
}
}
.language-switcher {
position: relative;
display: inline-block;
cursor: pointer;
font-family: Arial, sans-serif;
list-style: none;
padding: 0;
margin: 0;
font-size: 1.6rem;
}
.language-switcher > li {
list-style: none;
padding: 0;
margin: 0;
}
button.language-switcher__button {
display: flex;
align-items: center;
padding: 0;
text-transform: capitalize;
font-size: 1.6rem;
line-height: 1em;
font-weight: var(--weight-700);
gap: 0.6rem;
}
button.language-switcher__button .text {
text-transform: uppercase;
}
button.language-switcher__button span,
.language-switcher a {
font-size: 1.6rem;
line-height: 1em;
font-weight: var(--weight-700);
color: var(--black);
}
footer .language-switcher__dropdown {
top: 60%;
left: -3.8rem;
}
.language-switcher .language-switcher__dropdown {
display: none;
position: absolute;
top: 4rem;
right: 0;
width: 18rem;
border: 1px solid;
border-radius: 8px;
border: 1px solid #CFCFCF;
background: #FFF;
z-index: 10;
padding: 0;
list-style: none;
margin-left: 0;
margin-right: 0;
padding: 0 2.6rem
}
button.language-switcher__button span.icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
button.language-switcher__button svg {
transition: all var(--speed) var(--animation);
transform: rotate(0deg);
}
button.language-switcher__button.active svg {
transform: rotate(180deg);
}
.language-switcher__dropdown.active {
display: block;
}
.language-switcher .language-switcher__dropdown a {
font-size: 1.4rem !important;
padding: 1.8rem 0;
cursor: pointer;
text-transform: none;
white-space: nowrap;
display: block;
text-align: left;
color: var(--gray-dark) !important;
}
.language-switcher .language-switcher__dropdown li:not(:last-child) {
border-bottom: 0.1rem solid #D3D4D5;
}
.language-switcher__dropdown li.aa-current-language a {
font-weight: var(--weight-700);
color: var(--blue-primary) !important;
}
.language-switcher .language-switcher__dropdown a:hover {
color: var(--blue-primary);
text-decoration: underline;
}
.language-switcher .language-switcher__dropdown li {
margin-bottom: 0 !important;
}
@media (min-width: 600px) {
.language-switcher .language-switcher__dropdown {
left: -2.8rem;
right: auto;
}
}
@media (min-width: 1200px) {
.language-switcher .language-switcher__dropdown a {
padding: 1.8rem 0;
font-size: 1.8rem !important;
}
.language-switcher__dropdown {
width: 16rem;
left: -6.8rem;
top: 130%;
}
}
.aa-navigation-container--mobile button.language-switcher__button span, .aa-navigation-container--mobile .language-switcher a {
color: var(--white);
}
.aa-navigation-container--mobile button.language-switcher__button svg path {
fill: var(--white);
}
.language-switcher .arrow {
transition: transform 0.3s;
margin-left: 8px;
}
.language-switcher .arrow.rotated {
transform: rotate(180deg);
}
.language-switcher .globe:not(:last-child) {
margin-right: 0.5rem;
}
html {
transition: transform var(--speed) ease
}
.aa-navigation-container,.aa-navigation-container--mobile .aa-navigation-item--mobile-logo img,.aa-navigation-container--mobile .aa-navigation-item--mobile-logo svg {
width: 100%;
height: auto
}
.aa-navigation {
height: auto
}
.aa-navigation li,.aa-navigation ul {
list-style: none;
padding: 0;
margin: 0
}
.aa-navigation-wrapper.aa-navigation-wrapper--1>li {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
grid-gap: 1rem;
gap: 1rem;
flex-wrap: nowrap;
min-height: 5.1rem
}
.aa-navigation-wrapper.aa-navigation-wrapper--1>li span {
width: 100%;
max-width: calc(100% - 2rem);
display: block
}
.aa-navigation-wrapper.aa-navigation-wrapper--1>li .aa-navigation-toggle:not(.aa-navigation-toggle--full) {
width: 1rem;
height: auto
}
.aa-navigation-wrapper.aa-navigation-wrapper--1 {
height: auto;
transform: none;
position: absolute;
top: 100%;
left: 0;
z-index: 20;
width: 100%;
min-width: 26.5rem;
max-width: 90vw
}
.aa-navigation-item {
position: relative
}
.aa-navigation a:not(.aa-button),.aa-navigation button:not(.aa-button) {
width: 100%;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.5;
text-align: left;
color: var(--black);
word-wrap: normal;
text-decoration: none;
opacity: 1;
transition: all .3s ease;
cursor: pointer
}
.aa-navigation-wrapper.aa-navigation-wrapper--0 {
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
grid-gap: 1rem 3rem;
gap: 1rem 3rem
}
.aa-navigation-wrapper.aa-navigation-wrapper--1 .aa-navigation-item {
padding: 0 1.5rem;
min-height: 5.1rem
}
.aa-navigation--mega-menu .aa-navigation-wrapper--0 a:not(.aa-button):focus-visible,.aa-navigation--mega-menu .aa-navigation-wrapper--0 a:not(.aa-button):hover,.aa-navigation--mega-menu .aa-navigation-wrapper--0 button:not(.aa-button):focus-visible,.aa-navigation--mega-menu .aa-navigation-wrapper--0 button:not(.aa-button):hover {
opacity: .6
}
.aa-navigation-wrapper {
display: grid;
align-items: center;
width: 100%;
height: inherit
}
@media (min-width:1200px) {
.aa-navigation-wrapper {
grid-template-columns: repeat(auto-fill,minmax(0,auto))
}
}
.aa-navigation-wrapper.aa-navigation-wrapper--1 {
display: none;
align-items: start;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row
}
@media (min-width:600px) {
.aa-navigation-wrapper.aa-navigation-wrapper--1::before {
left: calc(var(--padding-touch)/-1)
}
}
@media (min-width:1200px) {
.aa-navigation-wrapper.aa-navigation-wrapper--1::before {
background-color: var(--white);
left: calc((100vw - var(--full-site-width))/-2)
}
}
.aa-navigation-wrapper.aa-navigation-wrapper--2 {
display: none;
grid-template-columns: 1fr
}
@media (min-width:1200px) {
.aa-navigation-wrapper.aa-navigation-wrapper--2 {
position: absolute;
left: 100%;
top: auto;
bottom: 0;
z-index: 25;
row-gap: .6rem
}
.aa-navigation-item--1:nth-child(1) .aa-navigation-wrapper.aa-navigation-wrapper--2,.aa-navigation-item--1:nth-child(2) .aa-navigation-wrapper.aa-navigation-wrapper--2,.aa-navigation-item--1:nth-child(3) .aa-navigation-wrapper.aa-navigation-wrapper--2,.aa-navigation-item--1:nth-child(4) .aa-navigation-wrapper.aa-navigation-wrapper--2,.aa-navigation-item--1:nth-child(5) .aa-navigation-wrapper.aa-navigation-wrapper--2 {
top: 0;
bottom: auto
}
.aa-navigation-wrapper.aa-navigation-wrapper--0>.aa-navigation-item:hover>.aa-navigation-wrapper--1,.aa-navigation-wrapper.aa-navigation-wrapper--1>.aa-navigation-item:hover>.aa-navigation-wrapper--2 {
display: block
}
}
.aa-navigation-wrapper.aa-navigation-wrapper--2::before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
left: calc(var(--padding-mobile)/-1);
top: 0
}
@media (min-width:600px) {
.aa-navigation-wrapper.aa-navigation-wrapper--2::before {
left: calc(var(--padding-touch)/-1)
}
}
@media (min-width:1200px) {
.aa-navigation-wrapper.aa-navigation-wrapper--2::before {
display: none
}
}
.aa-site-header--webpage .header-links {
display: none!important
}
@media (min-width:1200px) {
.aa-site-header--webpage .header-links {
display: grid!important
}
}
.aa-navigation-item .aa-navigation-toggle--link {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%
}
.aa-navigation-item.aa-navigation-item--0 {
width: auto;
height: auto
}
.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0>a:focus-visible,.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0>a:hover,.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0>button:focus-visible,.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0>button:hover {
color: var(--red)
}
.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0 .aa-navigation-item:hover {
background-color: var(--red);
color: var(--white)
}
.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0 .aa-navigation-item:hover>a,.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0 .aa-navigation-item:hover>button,.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0 .aa-navigation-item:hover>span {
color: var(--white)
}
.aa-navigation--simple .aa-navigation-item.aa-navigation-item--0 .aa-navigation-item:hover svg path {
fill: var(--white)
}
.aa-navigation-item.aa-navigation-item--0 .aa-navigation-item.is-active svg,.aa-navigation-item.aa-navigation-item--0 .aa-navigation-item:hover svg {
transform: rotate(180deg)
}
.aa-navigation-item.aa-navigation-item--0 .aa-navigation-wrapper {
background-color: var(--white)
}
.aa-navigation-item.aa-navigation-item--1 {
position: relative
}
.aa-navigation-item.aa-navigation-item--1:first-child {
margin-top: 1.5rem
}
@media (max-width:991px) {
.aa-navigation-item.aa-navigation-item--1 {
display: grid
}
}
.aa-navigation-item.aa-navigation-item--1>a,.aa-navigation-item.aa-navigation-item--1>span {
font-size: 1.6rem;
line-height: 1.5
}
.aa-navigation-wrapper.aa-navigation-wrapper--1 .aa-navigation-item.aa-navigation-item>a,.aa-navigation-wrapper.aa-navigation-wrapper--1 .aa-navigation-item.aa-navigation-item>button,.aa-navigation-wrapper.aa-navigation-wrapper--1 .aa-navigation-item.aa-navigation-item>span {
padding: 1.25rem 0;
display: flex;
text-align: left;
transition: all .2s ease
}
.aa-navigation-item.aa-navigation-item--1>a>span {
display: block;
width: 100%
}
@media (min-width:1200px) {
.aa-navigation-item.aa-navigation-item--1>a,.aa-navigation-item.aa-navigation-item--1>span {
font-size: 1.6rem;
line-height: 1.25;
color: var(--black)
}
.aa-navigation-item.aa-navigation-item--1>a:focus-visible,.aa-navigation-item.aa-navigation-item--1>a:hover {
text-decoration: none
}
}
@media (max-width:991px) {
.aa-navigation-item.aa-navigation-item--2 {
display: grid;
z-index: 1
}
}
.aa-navigation-item.aa-navigation-item--2>a,.aa-navigation-item.aa-navigation-item--2>span {
font-size: 1.6rem;
line-height: 1.5;
color: var(--black)
}
.aa-navigation-container--mobile a,.aa-navigation-item.aa-navigation-item--content>a,.aa-navigation-item.aa-navigation-item--content>span {
color: var(--black)
}
@media (min-width:1200px) {
.aa-navigation-toggle:hover::after,button.aa-navigation-toggle[aria-expanded=true]::after {
opacity: 1
}
}
.aa-navigation-container--secondary .aa-navigation-wrapper {
grid-auto-flow: column;
grid-template-columns: auto;
column-gap: 3.8rem;
justify-content: end;
grid-auto-columns: auto
}
@media (min-width:1200px) {
.aa-navigation-container--secondary .aa-navigation-wrapper {
column-gap: 3.8rem
}
}
.aa-navigation-container--secondary .aa-navigation-item {
display: grid;
align-items: center
}
.aa-navigation-container--secondary a:not(.aa-button),.aa-navigation-container--secondary button:not(.language-switcher__button) {
display: inline-flex;
justify-content: flex-start;
align-items: center;
appearance: none;
background: 0 0;
border: 0;
cursor: pointer
}
.aa-navigation-container--secondary a.aa-button {
width: auto
}
.aa-navigation-container--secondary a>img,.aa-navigation-container--secondary button:not(.language-switcher__button)>img {
display: inline-block;
min-width: 1.6rem;
width: 2.2rem;
max-width: 100%;
height: auto;
margin-right: 1rem
}
@media (min-width:1200px) {
.aa-navigation-container--secondary a>img,.aa-navigation-container--secondary button:not(.language-switcher__button)>img {
position: relative;
top: .1rem
}
}
.aa-navigation-container--secondary a>img:last-of-type,.aa-navigation-container--secondary button:not(.toggle-search):not(.language-switcher__button)>img:last-of-type {
display: none
}
.aa-navigation-container--secondary a>svg,.aa-navigation-container--secondary button:not(.language-switcher__button)>svg {
display: inline-block;
min-width: 1.6rem;
width: 100%;
height: auto;
margin: 0;
position: relative;
right: initial;
top: initial;
transform: none
}
@media (min-width:1200px) {
.aa-navigation-container--secondary a>svg,.aa-navigation-container--secondary button:not(.language-switcher__button)>svg {
position: relative;
top: -.1rem
}
}
.aa-navigation-container--secondary a>svg path,.aa-navigation-container--secondary button:not(.language-switcher__button)>svg path {
stroke: inherit
}
.aa-navigation-container--secondary a>span,.aa-navigation-container--secondary button:not(.language-switcher__button)>span {
display: none
}
@media (min-width:1200px) {
.aa-navigation-container--secondary a>span,.aa-navigation-container--secondary button:not(.language-switcher__button)>span {
display: inline-block
}
}
.aa-navigation-container--secondary a>span.screen-reader-text--laptop,.aa-navigation-container--secondary a>span.screen-reader-text--mobile,.aa-navigation-container--secondary button:not(.language-switcher__button)>span.screen-reader-text--laptop,.aa-navigation-container--secondary button:not(.language-switcher__button)>span.screen-reader-text--mobile {
display: block
}
@media (min-width:1200px) {
.aa-navigation-container--hat .aa-navigation-wrapper.aa-navigation-wrapper--0 {
justify-content: right
}
}
.aa-navigation-container--hat .aa-navigation-wrapper.aa-navigation-wrapper--1 {
grid-auto-flow: row
}
@media (min-width:1200px) {
.aa-navigation-container--hat .aa-navigation-wrapper.aa-navigation-wrapper--1 {
top: 3.6rem;
height: auto;
max-width: fit-content;
min-width: max-content;
padding: 1.2rem;
box-shadow: var(--box-shadow);
z-index: 10
}
.aa-navigation-container--hat .aa-navigation-wrapper.aa-navigation-wrapper--1::before {
display: none
}
}
.aa-navigation-container--hat .aa-navigation-item {
position: relative
}
@media (min-width:1200px) {
.aa-navigation-container--hat .aa-navigation-item.is-active:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,.6);
z-index: -1
}
}
.aa-navigation-container .header-button .aa-button span,.aa-navigation-container--hat .aa-navigation-item.is-active>.aa-navigation-toggle:after {
display: none
}
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-item--1>a,.aa-navigation-container--hat .aa-navigation-item .aa-navigation-toggle,.aa-navigation-container--hat .aa-navigation-item a {
font-size: 1.8rem;
line-height: 1.5;
font-weight: 400;
color: var(--black)
}
@media (min-width:1200px) {
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-item--1>a,.aa-navigation-container--hat .aa-navigation-item .aa-navigation-toggle,.aa-navigation-container--hat .aa-navigation-item a {
font-size: calc(1.3rem + .1vw)
}
}
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-toggle svg {
margin-left: .2rem;
margin-bottom: .3rem
}
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>.aa-navigation-toggle,.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>a {
padding: 1.2rem 0
}
@media (min-width:1200px) {
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>.aa-navigation-toggle,.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>a {
padding: 0 1rem
}
}
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>a {
display: flex;
align-items: center;
height: inherit
}
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0:last-of-type>.aa-navigation-toggle,.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0:last-of-type>a {
padding-right: 0
}
@media (max-width:991px) {
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--1>a {
color: var(--black)
}
}
.aa-navigation-container--mobile {
display: none;
width: 100%;
min-height: calc(100vh - 8.1rem);
position: fixed;
bottom: 100%;
right: 0;
padding: 0;
color: var(--white);
overflow: hidden;
-webkit-overflow-scrolling: touch;
z-index: 998
}
.aa-navigation-container--mobile .aa-navigation-toggle {
justify-content: space-between
}
.aa-navigation-container--mobile .aa-navigation-wrapper li {
width: 100%
}
.nav__background {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 900;
background-color: var(--black);
opacity: 0;
transition: opacity .5s ease-in-out
}
body.js-nav-open.js-nav-open-active .nav__background {
opacity: .5
}
.aa-navigation-container--mobile .aa-navigation-container--secondary {
height: var(--header-height-mobile);
position: absolute;
top: 0;
z-index: 9999;
width: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
left: 30rem;
transition: all .7s ease-in-out;
opacity: 0
}
body.js-nav-open.js-nav-open-active .aa-navigation-container--mobile .aa-navigation-container--secondary {
left: 3.5rem;
opacity: 1
}
@media (min-width:600px) {
.aa-navigation-container--mobile .aa-navigation-container--secondary {
right: -18rem;
left: auto
}
body.js-nav-open.js-nav-open-active .aa-navigation-container--mobile .aa-navigation-container--secondary {
right: 15rem;
left: auto;
opacity: 1
}
}
.aa-navigation-container--mobile .aa-navigation__top {
height: var(--header-height-mobile);
width: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
padding-right: 2rem;
right: -18rem;
transition: right .7s ease-in-out;
z-index: 100
}
.js-nav-open.js-nav-open-active .aa-navigation-container--mobile .aa-navigation.aa-navigation--mega-menu,body.js-nav-open.js-nav-open-active .aa-navigation__top {
right: 0
}
.aa-navigation-container--mobile .aa-navigation__top__inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 1rem 4rem;
width: 100%
}
.aa-navigation-container--mobile .aa-navigation-wrapper .aa-navigation-wrapper {
display: flex;
height: 0;
overflow: hidden;
transition: all .8s ease-in-out;
pointer-events: none;
padding: 0;
position: relative;
top: 0
}
.aa-navigation-container--mobile .aa-navigation--mega-menu .aa-navigation-wrapper--0 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.aa-navigation-container--mobile .aa-navigation-item.is-active>.aa-navigation-wrapper {
height: auto;
pointer-events: initial
}
.aa-navigation-container--mobile .aa-navigation-item--mobile-logo {
display: none;
width: calc(100% - 9rem);
max-width: 14.6rem;
height: auto
}
@media (min-width:600px) {
.aa-navigation-container--mobile .aa-navigation__top {
padding-right: 2rem
}
.aa-navigation-container--mobile .aa-navigation-item--mobile-logo {
display: none!important
}
}
@media (min-width:992px) {
.aa-navigation-container--mobile .aa-navigation__top {
height: 8rem
}
.aa-navigation-container--mobile .aa-navigation-container--secondary {
height: var(--header-height)
}
.aa-navigation-container--mobile .aa-navigation__top {
padding-right: 2rem
}
}
.aa-navigation-container--mobile .aa-inner.aa-inner--simple {
width: 100%;
height: 100%
}
.aa-navigation-container--mobile .aa-navigation.aa-navigation--mega-menu {
background-color: var(--white);
width: 100%;
max-width: 42rem;
position: absolute;
color: var(--black);
top: 0;
right: -100%;
z-index: 950;
transition: all .7s ease-in-out;
overflow: hidden;
height: 100vh;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
padding-top: 9.4rem
}
@media (min-width:600px) {
.aa-navigation-container--mobile .aa-navigation.aa-navigation--mega-menu {
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
padding-top: 0
}
}
.js-nav-open .aa-navigation-container--mobile {
display: block;
top: 0;
bottom: 0;
width: 100%;
height: 100%
}
.aa-navigation-container--hamburger {
display: none;
width: 100%;
min-height: calc(100vh - 8.1rem);
position: fixed;
bottom: 100%;
right: 0;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
background-color: var(--white);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 998
}
.aa-navigation-item--mobile-button,.js-nav-open .aa-navigation-container--hamburger {
display: block
}
.aa-navigation-container--mobile .aa-navigation-item--children>a {
width: calc(100% - 5rem)
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-wrapper {
grid-template-columns: 1fr;
grid-auto-flow: row;
column-gap: 0;
justify-content: start
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-wrapper--0 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
margin-bottom: 0;
flex-wrap: nowrap;
padding: 0;
gap: 0 4rem
}
.aa-navigation-container--mobile .aa-navigation-container--secondary li {
display: inline-block;
width: auto;
min-width: 4rem;
margin-bottom: 0
}
.aa-navigation-container--mobile ul.language-switcher__dropdown>li {
display: block!important;
width: 100%
}
.aa-navigation-wrapper .header__inner>div:not(:last-child) {
margin-bottom: 2rem
}
@media (min-width:1200px) {
.aa-navigation-wrapper .header__inner {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.aa-navigation-wrapper .header__text {
width: 66%
}
.aa-navigation-wrapper .header__button {
width: 30%;
text-align: right
}
.aa-navigation-wrapper .header__inner>div:not(:last-child) {
margin-bottom: 0
}
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--languages {
position: absolute;
bottom: -5rem;
left: 0
}
.aa-navigation-wrapper .header__button {
display: flex;
flex-direction: row;
justify-content: flex-end
}
#aa-navigation-wrapper-secondary-desktop--0 .header-button .aa-button {
width: 4.6rem;
height: 4.6rem;
border-radius: 50%;
min-width: 4.6rem;
min-height: 4.6rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center
}
.aa-navigation-container .header-button svg {
width: 1.3rem;
height: auto
}
@media (min-width:1200px) {
#aa-navigation-wrapper-secondary-desktop--0 .header-button .aa-button,.aa-navigation-container .header-button .aa-button {
padding-left: 3rem;
padding-right: 3rem;
display: inline-flex;
grid-gap: 1rem;
gap: 1rem;
width: auto;
height: auto;
border-radius: 30px
}
.aa-navigation-container .header-button svg {
width: 2rem;
height: auto
}
.aa-navigation-container .header-button .aa-button span {
display: inline-block
}
}
@media (min-width:600px) {
.aa-navigation-container .header-button {
display: block!important
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--languages {
position: static;
bottom: 0;
left: 0
}
}
@media (max-width:350px) {
.aa-site-header__inner>.aa-inner {
grid-gap: 2rem!important
}
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item:last-of-type {
display: grid
}
.aa-navigation-container--mobile .aa-navigation-container--secondary a,.aa-navigation-container--mobile .aa-navigation-container--secondary button {
grid-template-columns: 1.8rem 1fr
}
.aa-navigation-container--mobile .aa-navigation-container--secondary a>img:first-of-type,.aa-navigation-container--mobile .aa-navigation-container--secondary button>img:first-of-type {
display: none
}
.aa-navigation-container--mobile .aa-navigation-container--secondary a>img:last-of-type,.aa-navigation-container--mobile .aa-navigation-container--secondary button>img:last-of-type {
display: inline-block
}
.aa-navigation-container--mobile .aa-navigation-container--secondary a>span,.aa-navigation-container--mobile .aa-navigation-container--secondary button>span {
display: inline-block;
position: relative;
width: auto;
height: auto;
overflow: visible;
clip: auto
}
.aa-navigation-container--mobile .aa-navigation-wrapper {
padding-top: var(--header-height);
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 2.5rem 0;
flex-direction: column;
padding-left: 3.5rem;
padding-right: 3.5rem;
height: 100vh
}
.aa-navigation-container--mobile .aa-navigation--mega-menu ul.aa-navigation-wrapper--0 {
overflow: auto;
height: 100%
}
@media (min-width:600px) {
.aa-navigation-container--mobile .aa-navigation--mega-menu ul.aa-navigation-wrapper--0 {
padding-top: 9.4rem!important
}
.aa-navigation-item--mobile-button {
display: none!important
}
}
.aa-navigation-container--mobile .aa-navigation-wrapper li,.aa-navigation-container--mobile .aa-navigation-wrapper ul:not(.language-switcher__dropdown) {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 0 0;
flex-direction: column
}
.aa-navigation-wrapper .header .title {
display: none
}
.aa-navigation-wrapper .header {
padding-top: 2rem
}
.aa-navigation-wrapper.aa-navigation-wrapper--1 {
padding-bottom: 3rem
}
@media (min-width:1200px) {
.aa-navigation-container--primary .is-active:after {
content: none;
position: absolute;
top: var(--header-height);
left: 0;
width: 100%;
height: 100vh;
background: rgba(0,0,0,.6);
z-index: -1
}
.aa-navigation-container--mobile .aa-navigation-wrapper {
padding-left: 8.5rem;
padding-right: 8.5rem
}
.aa-navigation-wrapper.aa-navigation-wrapper--1 {
padding-bottom: 0
}
.aa-navigation-wrapper .header {
padding-top: 0
}
.aa-navigation-wrapper .header .title {
display: block
}
}
.aa-navigation-item:has(.aa-navigation-toggle.is-active)>.aa-navigation-wrapper {
display: grid
}
@media (min-width:1200px) {
.aa-navigation-item:has(.aa-navigation-toggle.is-active)>.aa-navigation-wrapper {
display: flex
}
}
.is-active>.aa-navigation-wrapper {
display: grid
}
@media (max-width:991px) {
.is-active>.aa-navigation-wrapper {
position: relative
}
}
.aa-navigation-toggle .icon {
width: 2.1rem;
height: 2.1rem;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: 1.2rem;
right: 0;
transition: all var(--speed) var(--animation)
}
@media (min-width:1200px) {
.aa-navigation-toggle .icon {
top: 1.8rem
}
}
.aa-navigation-toggle .open {
opacity: 0;
transform: rotate(90deg)
}
.aa-navigation-toggle {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: flex-start;
flex-direction: row;
grid-gap: 1rem;
gap: 1rem;
padding: 0;
appearance: none;
cursor: pointer;
position: relative;
border: 0;
background: 0 0
}
.aa-navigation-wrapper--1 .aa-navigation-toggle {
justify-content: center;
align-items: center
}
.aa-navigation-toggle svg {
width: 1.1rem;
max-width: 100%;
height: auto;
transition: all .1s ease-in-out;
transform: rotate(0deg)
}
.is-active>.aa-navigation-toggle .icon .open {
opacity: 1;
transform: rotate(0deg)
}
.is-active>.aa-navigation-toggle .icon .closed {
opacity: 0;
transform: rotate(0deg)
}
.is-active>.aa-navigation-toggle svg {
transform: rotate(180deg)
}
.is-active>.aa-navigation-toggle:after {
content: none;
display: block;
position: absolute;
left: 0;
bottom: 0;
height: .2rem;
width: 100%;
background-color: var(--primary)
}
@media (max-width:991px) {
.is-active>.aa-navigation-toggle:after {
display: none
}
.aa-navigation-container--mobile .hidden-lg-down--hamburger,.aa-site-header .hidden-lg-down--header {
display: none!important
}
}
.aa-navigation-container--mobile .aa-navigation-wrapper.aa-navigation-wrapper--1 .aa-navigation-item {
min-height: 4rem;
padding-right: 0
}
.aa-navigation--mega-menu .aa-navigation-wrapper.aa-navigation-wrapper--1 {
padding-left: 0;
padding-right: 0
}
@media (min-width:1200px) {
.aa-navigation--simple-mega .aa-navigation-item.aa-navigation-item--0 {
position: relative
}
.aa-navigation--mega-menu .aa-navigation-wrapper.aa-navigation-wrapper--1::after,.aa-navigation--mega-menu .aa-navigation-wrapper.aa-navigation-wrapper--1::before,.aa-navigation--mega-menu .is-active::after {
content: none!important
}
.aa-navigation--mega-menu .aa-navigation-wrapper.aa-navigation-wrapper--1 {
max-width: 100%;
width: 100%;
justify-content: flex-start;
flex-direction: column;
padding-left: 2.5rem;
padding-right: 2.5rem
}
.aa-navigation--mega-menu .is-active>.aa-navigation-wrapper.aa-navigation-wrapper--1 {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 0
}
}
/*-----------------------------------*\
Navigation simple
\*-----------------------------------*/
.aa-navigation--simple {
}
/*-----------------------------------*\ Pagination \*-----------------------------------*/
.aa-pagination {
display: flex;
padding-left: var(--padding);
padding-right: var(--padding);
justify-content: center;
}
@media (min-width: 992px) {
.aa-pagination {
max-width: calc(var(--full-site-width) / 12 * 6);
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
}
.aa-pagination .aa-inner .aa-content {
display: flex;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.aa-pagination ul {
display: flex;
flex-flow: row wrap;
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
grid-gap: 1rem;
gap: 1rem;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.aa-pagination li {
list-style-type: none;
margin: 0;
}
@media (min-width: 992px) {
.aa-pagination li:not(:last-of-type) {
margin-bottom: 0;
}
}
.aa-pagination li a,
.aa-pagination li button {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 4.6rem;
height: 4.6rem;
font-size: 1.6rem;
font-weight: 400;
text-decoration: none;
border-radius: 50%;
background: var(--white);
color: var(--dark);
margin: 0;
}
.aa-pagination li a.arrow {
background: transparent;
}
.aa-pagination li a.arrow.prev {
margin-right:1rem;
}
.aa-pagination li a.arrow.next {
margin-left: 1rem;
}
.aa-pagination li .active,
.aa-pagination li a.aa-pagination--active,
.aa-pagination li .aa-pagination--active {
background-color: var(--red);
color: var(--white);
cursor:pointer;
}
.aa-pagination li a:not(.active):not(.aa-pagination--active):not(.arrow):hover{
opacity: 1;
background: var(--red);
color: var(--white);
}
.aa-pagination li a.arrow:hover, {
opacity: 0.7;
}
.aa-navigation-item--search {
position: relative;
}
#hsresults {
list-style: none;
padding: 0 ;
margin: 0 ;
}
.hs-search-results__pagination {
margin-top: 6rem;
}
#hsresults .hs-search-results__listing__item::before {
content: none;
}
.aa-navigation-item--search .aa-navigation-toggle--search {
height: auto;
padding: 0;
}
.aa-navigation-item--search .aa-search-field {
display: none;
position: absolute;
top: var(--header-height);
right: 0;
width: 25rem;
padding: 1.2rem 1.8rem;
background-color: var(--white);
box-shadow: var(--box-shadow);
}
.aa-navigation-item--search .aa-search-field form {
display: grid;
grid-template-columns: 1fr 3.4rem;
}
.aa-navigation-item--search .aa-search-field button {
width: 3.4rem;
height: 3.4rem;
padding: 0;
background: var(--dark);
align-items: center;
justify-items: center;
}
.aa-navigation-item--search .aa-search-field__input {
width: 100%;
padding: 0.4rem 0.8rem;
border-radius: 0;
border-style: solid;
}
.aa-navigation-item--search .aa-search-field__suggestions {
margin: 0;
padding: 0;
list-style: none;
}
.aa-navigation-item--search .aa-search-field--open .hs-search-field__suggestions {
border: 0.1rem solid var(--dark);
}
.aa-navigation-item--search .aa-search-field__suggestions li {
display: block;
margin: 0;
padding: 0;
}
.aa-navigation-item--search .aa-search-field__suggestions #results-for {
font-weight: 700;
}
.aa-navigation-item--search .aa-search-field__suggestions a, .aa-navigation-item--search .aa-search-field__suggestions #results-for {
display: block;
}
.aa-navigation-item--search .aa-search-field__suggestions a:hover, .aa-navigation-item--search .aa-search-field__suggestions a:focus {
text-decoration: underline;
}
.aa-navigation-item--search.is-active {
background-color: transparent;
}
.aa-navigation-item--search.is-active .aa-navigation-toggle--search {
color: var(--dark);
}
.aa-navigation-item--search.is-active .aa-navigation-toggle--search > img:first-of-type {
display: inline-block;
}
.aa-navigation-item--search.is-active .aa-navigation-toggle--search > img:last-of-type {
display: none;
}
.aa-navigation-item--search.is-active .aa-search-field {
display: block;
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search .aa-search-field {
position: relative;
top: 0;
margin-top: 2rem;
background-color: transparent;
box-shadow: none;
padding: 0;
width: 100%;
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search .aa-search-field button {
grid-template-columns: auto;
background: var(--white);
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search .aa-search-field button svg path {
fill: var(--dark);
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search .aa-search-field__input {
color: var(--white);
background-color: var(--dark);
border-color: var(--white);
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search .aa-search-field__input::placeholder, .aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search .aa-search-field__input::-ms-input-placeholder {
color: var(--dark);
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search.is-active .aa-navigation-toggle--search {
color: var(--white);
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search.is-active .aa-navigation-toggle--search > img:first-of-type {
display: none;
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .aa-navigation-item--search.is-active .aa-navigation-toggle--search > img:last-of-type {
display: inline-block;
}
/*-----------------------------------*\
Social Links
\*-----------------------------------*/
.aa-social-links {
display: flex;
align-items: center;
justify-content: center;
}
.aa-social-links__icon {
background-color: var(--primary);
border-radius: 50%;
display: inline-flex;
height: 4rem;
width: 4rem;
margin: 0 0.5rem;
position: relative;
transition: all var(--speed) var(--animation);
}
.aa-social-links__icon svg {
fill: var(--white);
height: 1.5rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
}
.aa-social-links__icon:hover svg,
.aa-social-links__icon:focus svg,
.aa-social-links__icon:active svg {
fill: var(--white);
}
/*-----------------------------------*\
Tags
\*-----------------------------------*/
.aa-tags__inner {
display: flex;
flex-flow: row wrap;
width: 100%;
}
@media (min-width: 1200px) {
.aa-tags__inner {
max-width: calc(var(--full-site-width) / 12 * 10);
margin-left: auto;
margin-right: auto;
}
}
.aa-tag {
display: flex;
padding: 0.5rem 2rem;
align-items: center;
justify-content: center;
font-size: 1.6rem;
line-height: 1.6rem;
min-width: 9rem;
min-height: 4.1rem;
text-decoration: none;
color: var(--dark);
background-color: var(--gray-light);
border-radius: 5rem;
transition: all 0.4s ease;
}
a.aa-tag:hover,
button.aa-tag:hover,
a.aa-tag:focus-visible,
button.aa-tag:focus-visible {
background-color: var(--dark);
color: var(--white);
}
.aa-tag--disabled {
opacity: 0.5;
}
.aa-tag-grid {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
grid-gap: 1rem;
gap: 1rem;
}
.aa-tag-grid.aa-tag-grid--center {
justify-content: center;
}
/*-----------------------------------*\
Videos
\*-----------------------------------*/
.aa-video-wrapper:not(.default) {
height: 0;
padding: 56.25% 0 0 0;
position: relative;
width: 100%;
}
.aa-video-wrapper:not(.default) iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hs-video-wrapper {
width: 100%;
}
.aa-video__bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 70%;
}
.aa-video .aa-content {
position: relative;
z-index: 5
}
/*-----------------------------------*\ AA - Site Header \*-----------------------------------*/
.aa-header-scroll-point {
position: absolute;
top: calc(var(--header-height-mobile) + 3rem);
}
@media (min-width: 992px) {
.aa-header-scroll-point {
top: calc(var(--header-height) + 3rem);
}
}
.aa-site-header__inner {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: var(--header-height-mobile);
}
.screen-reader-text {
position: absolute;
height: 0.1rem;
width: 0.1rem;
border: 0;
clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);
overflow: hidden;
}
.screen-reader-text--mobile {
display: block;
}
@media (min-width: 992px) {
.screen-reader-text--mobile {
position: relative;
height: auto;
width: auto;
border: 0;
clip: auto;
overflow: visible;
}
}
.screen-reader-text--laptop {
display: block;
}
@media (min-width: 1400px) {
.screen-reader-text--laptop {
position: relative;
height: auto;
width: auto;
border: 0;
clip: auto;
overflow: visible;
}
}
.aa-close-mobile-nav, .aa-close-desktop-nav {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
appearance: none;
padding: 0;
border: none;
background: transparent;
}
.aa-close-desktop-nav {
display: none;
}
@media (min-width: 992px) {
.aa-close-desktop-nav {
display: block;
}
}
.aa-site-header__wrapper {
max-width: var(--full-site-width);
margin-left: auto;
margin-right: auto;
width: 100%;
height: 100%;
}
.aa-skip-navigation {
clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);
position: absolute;
height: 0.1rem;
width: 0.1rem;
overflow: hidden;
text-transform: none;
word-wrap: normal;
}
.aa-skip-navigation:active, .aa-skip-navigation:focus, .aa-skip-navigation:hover {
display: block;
height: auto;
width: auto;
top: 0.5rem;
left: 0.5rem;
padding: 0.6em 1.9em;
color: var(--white);
background-color: var(--primary);
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
clip: auto;
z-index: 100000;
}
.aa-site-header {
width: 100%;
z-index: 20;
transition: all var(--speed) var(--animation);
}
.aa-site-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: var(--header-height-mobile);
}
@media (min-width: 1200px) {
.aa-site-header {
padding-left: var(--padding);
padding-right: var(--padding);
height: var(--header-height);
}
}
@media (min-width: 992px) {
.aa-site-header.aa-site-header--scroll {
top: -3.6rem;
}
}
.aa-site-header__inner > .aa-inner {
display: grid;
grid-gap: var(--gutter-v) 2rem;
gap: var(--gutter-v) 2rem;
grid-template-columns: var(--logo-width-mobile) 1fr var(--hamburger-width);
align-items: center;
height: inherit;
max-width: 100%;
}
@media (min-width: 992px) {
.aa-site-header__inner > .aa-inner {
grid-template-columns: var(--logo-width) 1fr auto;
height: 6rem;
}
}
@media (min-width: 1200px) {
.aa-site-header__inner > .aa-inner {
grid-gap: 0 3.8rem;
}
}
@media (min-width: 1440px) {
.aa-site-header__inner > .aa-inner {
grid-gap: var(--gutter-v) var(--gutter-h);
}
}
.aa-site-header--hat {
height: 3.6rem;
background-color: var(--light);
}
.aa-site-header--hat > .aa-inner {
display: grid;
grid-gap: var(--gutter-v) var(--gutter-h);
grid-template-columns: 1fr;
align-items: center;
height: inherit;
}
.aa-branding {
width: 100%;
max-width: var(--logo-width-mobile);
}
@media (min-width: 1200px) {
.aa-branding {
max-width: var(--logo-width);
}
}
.aa-branding a, .aa-branding svg {
height: 100%;
width: 100%;
}
.aa-branding a {
display: flex;
transition: all var(--speed) var(--animation);
opacity: 1;
}
.aa-branding a:hover {
opacity: 0.7;
}
.aa-branding svg {
display: block;
}
.aa-site-header--landing-page {
background-color: transparent;
box-shadow: none;
position: absolute;
}
.aa-site-header.aa-site-header--webpage .aa-site-header__inner > .aa-inner {
min-height: 8.1rem;
position: relative;
z-index: 6;
}
.aa-site-header.aa-site-header--webpage.aa-site-header--fixed {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
.aa-site-header.aa-site-header--webpage.aa-site-header--fixed-full {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background: var(--white);
transition: all 0.3s ease-in-out;
}
body .aa-site-header__inner > .aa-inner--header {
max-width: var(--full-site-width);
}
body.header--scroll .aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed .aa-site-header__inner > .aa-inner--header {
position: fixed;
transition: top 0.5s ease-in-out;
top: var(--header-height-mobile-neg);
left: 0;
z-index: 999;
background: var(--white);
height: var(--header-height-mobile);
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
}
body.header--scroll .aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed-full {
height: var(--header-height-mobile);
}
.aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed .aa-branding {
width: 13.2rem;
}
body.header--scroll-up .aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed .aa-site-header__inner > .aa-inner--header {
top: 0 !important;
position: fixed;
}
body.header--scroll.header--scroll-up-close .aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed .aa-site-header__inner > .aa-inner--header {
top: var(--header-height-mobile-neg) !important;
position: fixed;
}
@media (min-width: 600px) {
body.header--scroll .aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed .aa-site-header__inner > .aa-inner--header {
padding-left: var(--padding-touch);
padding-right: var(--padding-touch);
}
}
@media (min-width: 992px) {
body.header--scroll .aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed .aa-site-header__inner > .aa-inner--header {
padding-left: var(--padding);
padding-right: var(--padding);
}
}
@media (min-width: 1200px) {
body.header--scroll .aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed .aa-site-header__inner > .aa-inner--header {
top: var(--header-height-neg);
}
body.header--scroll.header--scroll-up-close .aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed .aa-site-header__inner > .aa-inner--header {
top: var(--header-height-neg) !important;
}
}
.header-search-input {
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
position: absolute;
left: 0;
width: 100%;
padding: 1rem;
top: 100%;
width: 100%;
z-index: 2;
}
@media (min-width: 1200px) {
.header-search-input {
padding-left: var(--padding);
padding-right: var(--padding);
}
}
.header-search-input__inner {
max-width: calc(var(--full-site-width) - (var(--padding)* 2));
margin-left: auto;
margin-right: auto;
width: 100%;
}
.header-search-input form svg {
position: absolute;
right: 21px;
top: 19px;
}
.header-search-input .hs-search-field--open .hs-search-field__suggestions {
border: 1px solid #000;
position: absolute;
top: 123%;
width: 100%;
background: var(--white);
padding: 2rem;
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
}
/* modifiers */
.aa-site-header--light .aa-branding a.logo-light {
display: flex;
}
.aa-site-header--light .aa-branding a.logo-dark {
display: none;
}
.aa-site-header--light .aa-navigation-item .aa-navigation-toggle {
color: var(--white);
}
.aa-site-header--light .aa-navigation-item .aa-navigation-toggle svg path {
stroke: var(--white);
}
.aa-site-header--light .aa-hamburger span, .aa-site-header--light .aa-hamburger span::after, .aa-site-header--light .aa-hamburger span::before {
background-color: var(--white);
}
.aa-site-header--dark .aa-branding a.logo-light {
display: none;
}
.aa-site-header--dark .aa-branding a.logo-dark {
display: flex;
}
/*-----------------------------------*\ Footer \*-----------------------------------*/
.aa-site-footer {
width: 100%;
position: relative;
z-index: 10;
text-align: center;
background: var(--gray);
}
.aa-site-footer.aa-module-spacing-top--medium {
padding-top: 7rem;
}
.aa-site-footer.aa-module-spacing-bottom--medium {
padding-bottom: 7rem;
}
.aa-site-footer__header {
display: flex;
flex-direction: column;
grid-gap: 4rem 0;
gap: 4rem 0;
}
footer .aa-footer-branding {
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.aa-site-footer__header .aa-site-footer__header__inner {
grid-gap: 4rem 6rem;
gap: 4rem 6rem;
}
.aa-site-footer .grid-column {
display: flex;
flex-direction: column;
grid-gap: 3rem 0;
gap: 3rem 0;
}
.aa-site-footer .grid-column.grid-column--small {
grid-gap: 1rem 0;
gap: 1rem 0;
}
.aa-site-footer .grid-column.grid-column--small p {
margin: 0;
padding: 0;
}
.aa-site-footer .grid-column.grid-column--small a {
margin: 0;
}
.aa-site-footer a {
text-decoration: none !important;
}
.aa-site-footer a:hover,
.aa-site-footer a:focus-visible {
text-decoration: underline !important;
opacity: 1 !important;
}
.aa-site-footer__column__right__items {
display: flex;
align-items: flex-start;
justify-content: space-between;
grid-gap: 3rem 0;
flex-direction: row;
gap: 3rem 0;
flex-wrap: wrap;
width: 100%;
max-width: 25rem;
margin-left: auto;
margin-right: auto;
}
.aa-site-footer__column__right__item {
width: 42%;
text-align: left;
}
.aa-site-footer__column__some.aa-site-footer__column__some--mobile {
justify-content: center;
margin-top: 4rem;
margin-bottom: 2rem;
flex-direction: column;
}
.aa-site-footer__column__subscribe .aa-button {
margin-top: 2rem;
}
.aa-site-footer__column--right {
display: flex;
flex-direction: column;
grid-gap: 5rem 0;
gap: 5rem 0;
}
.aa-site-footer__column__some {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
grid-gap: 2rem 2rem;
gap: 2rem 2rem;
}
.aa-site-footer__column__some .h5 {
margin-bottom: 0;
}
.aa-site-footer__column__some a {
line-height: 0;
}
.aa-site-footer__column__some__items {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
grid-gap: 1rem 1rem;
gap: 1rem 1rem;
}
.aa-site-footer__column__some__items svg {
width: 4.4rem;
height: 4.4rem;
}
.aa-site-footer__column__some__items a:hover,
.aa-site-footer__column__some__items a:focus-visible {
opacity: 0.7 !important;
}
.aa-site-footer__logos__items {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
grid-gap: 6rem 3.6rem;
gap: 6rem 3.6rem;
border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
padding-top: 5rem;
padding-bottom: 5rem;
max-width: 36rem;
margin-left: auto;
margin-right: auto;
}
.aa-site-footer__logos__item {
width: 100%;
max-width: 40%;
display: flex;
align-items: center;
justify-content: center;
}
.aa-site-footer__logos__item img {
width: 100%;
height: auto;
}
.aa-site-footer__legal {
font-size: 1.4rem;
}
.aa-site-footer__legal__body {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
grid-gap: 3rem;
gap: 3rem;
}
.aa-footer-legal {
margin-left: auto;
margin-right: auto;
}
.aa-footer-legal .aa-grid {
justify-content: flex-end;
}
@media (max-width: 1200px) {
footer .aa-site-footer__column--left {
display: flex;
flex-direction: column;
}
}
@media (min-width: 767px) {
.aa-site-footer {
text-align: left;
}
footer .aa-footer-branding {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.aa-site-footer__header {
grid-gap: 7rem 0;
gap: 7rem 0;
}
.aa-site-footer__column__right__items {
margin: 0;
max-width: 100%;
}
.aa-site-footer__column__right__item {
width: 48%;
text-align: left;
}
.aa-site-footer__logos__items {
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
grid-gap: 2rem 3.6rem;
gap: 2rem 3.6rem;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.aa-site-footer__logos__item {
width: auto;
max-width: 100%;
display:block;
}
.aa-site-footer__column__some__items {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.aa-site-footer__logos__item img {
width: auto;
height: auto;
max-height: 4.7rem;
}
.aa-site-footer__legal__body {
justify-content: space-between;
flex-direction: row;
}
.aa-footer-legal {
margin: 0;
}
}
@media (max-width: 768px) {
.aa-site-footer__logos__item__inner {
width: 100%;
height: 8.3rem;
}
.aa-site-footer__logos__item__inner img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.aa-footer-legal-text {
width: 22.4rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
opacity: 0.6;
text-align: center;
}
.aa-footer-legal-text a {
padding: 0;
display: inline;
}
.aa-footer-legal-text span {
display: block;
}
.aa-footer-legal-text span.divider {
display: none;
}
.aa-site-footer__logos__items {
grid-gap: 2rem 3.6rem;
gap: 4.5rem 3.6rem;
}
}
@media (max-width: 380px) {
.aa-site-footer__logos__items {
grid-gap: 2rem 3.6rem;
gap: 2rem 3.6rem;
}
}
/*-----------------------------------*\
AA - Hero
\*-----------------------------------*/
.aa-hero {
z-index: 0;
position: relative;
}
.aa-hero.aa-hero--height-full {
min-height: 100vh;
}
.aa-hero:not(.aa-hero--bg) .aa-hero__content {
text-align: center;
}
.aa-hero:not(.aa-hero--bg) .aa-hero__content.aa-hero__content--image-enabled {
padding-top: 4rem;
}
.aa-hero input.hs-button {
width: 100%;
}
.aa-hero.aa-hero--bg .aa-hero__content {
display: flex;
flex-direction: column;
grid-gap: 4rem 0;
gap: 4rem 0;
}
@media (min-width: 767px) {
.aa-hero {
margin-top: 0;
}
.aa-hero:not(.aa-hero--bg) .aa-hero__content:not(.aa-hero__content--image-enabled) {
padding-bottom: 9rem;
}
.aa-hero:not(.aa-hero--bg) .aa-hero__content {
text-align: left;
padding-top: 4rem;
padding-bottom: 4rem !important;
}
.aa-hero.aa-hero--default .aa-hero__content:not(.aa-hero__content--image-enabled) {
text-align: center;
margin: 0 auto;
}
.aa-hero.aa-hero--default .aa-hero__content__body--no-image {
display: flex;
flex-direction: column;
align-items: center;
}
.aa-hero.aa-hero--default .aa-hero__content:not(.aa-hero__content--image-enabled) .aa-module__body,
.aa-hero.aa-hero--default .aa-hero__content:not(.aa-hero__content--image-enabled) .aa-module__header {
margin-left: auto;
margin-right: auto;
}
.aa-hero.aa-hero--default .aa-hero__content:not(.aa-hero__content--image-enabled) .trustpilot__small.trustpilot__small--horizontal {
justify-content: center;
}
.aa-hero input.hs-button {
width: auto;
}
.aa-hero:not(.aa-hero--bg) .aa-hero__content__body {
align-items: stretch;
min-height: 55rem;
grid-gap: 1.5rem 2rem;
gap: 1.5rem 2rem;
}
}
.aa-hero .aa-module-inner {
position: relative;
z-index: 10;
}
.aa-hero.aa-hero--layout1 .aa-module__content {
width: 100%;
}
.aa-hero.aa-hero--layout1 .aa-module__content__wrapper {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
z-index: 5;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body {
position: relative;
display: flex;
width: 48rem;
max-width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
align-items: flex-end;
justify-content: flex-start;
min-height: 1rem;
z-index: 1;
}
.aa-hero.aa-hero--layout1:not(.aa-hero--default) .aa-hero__image__body {
padding-bottom: 4rem;
padding-top: 12rem;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image {
position: absolute;
bottom: 0;
right: 0;
width: 85%;
height: 100%;
z-index: 0;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image {
width: 100%;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body {
aspect-ratio: 1/1;
margin-left: auto;
margin-right: auto;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image img,
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image picture {
width: 100%;
height: 100%;
object-fit: contain;
object-position: right bottom;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image img,
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image picture {
width: 100%;
height: 100%;
object-fit: contain;
/* object-position: center top; */
}
.aa-hero.aa-hero--layout1 .aa-hero__reviews {
position: relative;
z-index: 5;
padding: 1.8rem;
background: var(--white);
border-radius: 1rem 1rem 1rem 0;
overflow: hidden;
top: 1rem;
width: 32rem;
max-width: 90%;
display: flex;
flex-direction: column;
grid-gap: 2.3rem 0;
gap: 2.3rem 0;
}
.aa-hero.aa-hero--layout1 .aa-hero__review {
font-size: 1.6rem;
}
.aa-hero.aa-hero--layout1 .aa-module__header {
width: 100%;
max-width: 65rem;
margin-bottom: 1rem;
}
.aa-hero.aa-hero--default.aa-hero--layout1 .aa-module__header {
width: 100%;
max-width: 76rem;
}
.aa-hero.aa-hero--layout1 .aa-module__body {
width: 100%;
max-width: 58rem;
}
.aa-hero__quote {
position: relative;
width: 100%;
max-width: 60rem;
}
.aa-hero__quote__arrow {
position: absolute;
top: -4rem;
right: 9rem;
z-index: 2;
width: 3rem;
height: 6rem;
}
.aa-hero__quote__arrow.aa-hero__quote__arrow--mobile {
position: absolute;
top: auto;
bottom: -14rem;
left: 6rem;
right: auto;
z-index: 2;
width: 7rem;
height: 11rem;
}
.aa-hero__quote__arrow svg {
width: 100%;
height: 100%;
object-fit: contain;
}
.aa-hero__quote form .hs-form-field {
margin-bottom: 0;
}
.aa-hero__quote form {
display: flex;
flex-direction: column;
grid-gap: 2rem;
align-items: center;
justify-content: flex-start;
}
.aa-hero__quote form .hs_submit {
margin: 0;
margin-right: auto;
width: 100%;
}
.aa-hero-fixed-quote-link {
display: block;
position: fixed;
bottom: -6rem;
z-index: 40;
left: 0;
width: 100%;
height: auto;
transition: all 0.3s ease;
}
.aa-hero-fixed-quote-link.aa-hero-fixed-quote-link--button {
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
align-items: center;
justify-content: center;
bottom: -7rem;
}
.aa-hero-fixed-quote-link.aa-hero-fixed-quote-link--button .aa-button,
.aa-hero-fixed-quote-link.aa-hero-fixed-quote-link--button .aa-button--3 {
min-height: 5rem;
border-color: var(--white) !important;
width: auto;
}
.aa-hero-fixed-quote-link.aa-hero-fixed-quote-link--button .aa-button.aa-button--2 {
min-height: 5rem;
border-color: var(--black) !important;
}
.aa-hero-fixed-quote-link.active {
bottom: 0 !important;
}
.aa-hero-fixed-quote-link:not(.aa-hero-fixed-quote-link--button) a {
width: 100%;
border-radius: 0;
height: 4.9rem;
}
.aa-hero__image__image.aa-hero__image__image--desktop {
display: none;
}
.aa-hero__image__image.aa-hero__image__image--mobile {
display: block;
}
.aa-hero.aa-hero--layout1:not(.aa-hero--default) .aa-hero__image__body .aa-hero__image.aa-hero__image--size-noncropped {
width: 167%;
max-width: 167%;
left: -23%;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image.aa-hero__image.aa-hero__image--size-noncropped {
width: 140%;
max-width: 140%;
left: -20%;
}
@media (min-width: 600px) {
.aa-hero__image__image.aa-hero__image__image--desktop {
display: block;
}
.aa-hero__image__image.aa-hero__image__image--mobile {
display: none;
}
}
@media (min-width: 767px) {
.aa-hero__quote form {
flex-direction: row;
}
.aa-hero.aa-hero--layout1:not(.aa-hero--default) .aa-hero__image__body .aa-hero__image.aa-hero__image--size-noncropped {
max-width: 260%;
width: 260%;
left: -66%;
right: auto;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image.aa-hero__image.aa-hero__image--size-noncropped .aa-hero__image__image {
object-position: center top;
object-fit: cover;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image.aa-hero__image.aa-hero__image--size-noncropped {
left: -60%;
max-width: 200%;
right: auto;
width: 200%;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image {
width: 135%;
}
.aa-hero:not(.aa-hero--bg) .aa-hero__content__body {
grid-gap: 3rem;
gap: 3rem;
}
.aa-hero.aa-hero--layout1 .aa-module__header {
margin-bottom: 3rem;
}
.aa-hero.aa-hero--layout1 .aa-hero__reviews {
width: 35rem;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image img,
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image picture {
width: 100%;
height: 100%;
object-fit: contain;
object-position: right bottom;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body {
aspect-ratio: initial;
margin-right: 0;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image .aa-hero__image__image {
object-position: left top;
object-fit: cover;
}
.aa-hero.aa-hero--layout1.aa-hero--default {
padding-right: 0;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image {
max-width: 120%;
width: 120%;
right: -6%;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image {
height: calc(100% - 4rem);
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image.aa-hero__image--size-noncropped {
height: 100%;
}
.aa-hero__quote {
padding-top: 2rem;
}
.aa-hero-fixed-quote-link {
display: none !important;
}
.aa-hero__quote form .hs_submit {
margin: 0;
margin-left: auto;
width: auto;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.aa-hero__reviews__review {
font-size: 1.4rem;
}
}
@media (min-width: 850px) {
.aa-hero.aa-hero--layout1:not(.aa-hero--default) .aa-hero__image__body .aa-hero__image.aa-hero__image--size-noncropped {
max-width: 220%;
width: 220%;
left: -66%;
right: auto;
}
}
@media (min-width: 992px) {
.aa-hero.aa-hero--layout1:not(.aa-hero--default) .aa-hero__image__body .aa-hero__image.aa-hero__image--size-noncropped {
max-width: 190%;
width: 190%;
left: -26%;
right: auto;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image {
right: 0;
}
}
@media (min-width: 1200px) {
.aa-hero.aa-hero--layout1 .aa-hero__reviews {
padding: 2.6rem;
left: -10%;
}
.aa-hero.aa-hero--layout1.aa-hero--default .aa-hero__image__body .aa-hero__image.aa-hero__image.aa-hero__image--size-noncropped {
width: 160%;
max-width: 160%;
left: -40%;
right: auto;
}
.aa-hero.aa-hero--layout1:not(.aa-hero--default) .aa-hero__image__body .aa-hero__image.aa-hero__image--size-noncropped {
max-width: 160%;
width: 160%;
left: -20%;
right: auto;
}
.aa-hero.aa-hero--layout1 .aa-hero__reviews {
top: 9rem;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image.aa-hero__image--size-noncropped {
width: 146%;
max-width: 146%;
left: 0;
right: auto;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image {
right: -4rem;
}
.aa-hero.aa-hero--bg {
min-height: 60rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image {
max-width: 100%;
}
.aa-hero.aa-hero--layout1:not(.aa-hero--default) .aa-hero__image__body {
padding-bottom: 0;
padding-top: 0;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body {
min-height: 34rem;
aspect-ratio: initial;
margin: 0;
max-width: 100%;
}
.aa-hero.aa-hero--layout1 .aa-hero__reviews {
width: 34rem;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body {
align-items: center;
padding-bottom: 0;
min-height: 1rem;
width: 100%;
max-width: 100%;
}
}
@media (min-width: 1440px) {
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image img,
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image picture {
object-position: center bottom;
}
.aa-hero.aa-hero--layout1 .aa-hero__reviews {
top: 9rem;
}
.aa-hero.aa-hero--layout1 .aa-hero__image__body .aa-hero__image {
right: -9rem;
}
}
@media (max-width: 600px) {
.aa-hero.aa-module-height--mobile-full .aa-hero__content {
min-height: calc(100vh - var(--header-height-mobile));
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.aa-form--layout-one .aa-module__header:not(:last-child) {
margin-bottom: calc(var(--gutter) + var(--gutter) * 0.5);
}
.aa-form .aa-module__body--padding {
padding: 7rem 2.5rem;
}
.aa-form .legal-consent-container {
color: var(--gray-dark);
}
.aa-form .hs-richtext {
margin-bottom: 20px;
}
.aa-form__list {
display: flex;
flex-direction: column;
grid-gap: 1.2rem 0;
}
.aa-form__list__item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
grid-gap: 0;
}
.aa-form__list__item__icon {
width: 3rem;
min-width: 3rem;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.aa-form__list__item__icon img {
width: 1.6rem;
height: auto;
max-width: 100%;
}
.aa-form__list__item__text {
width: calc(100% - 3.8rem);
}
.aa-form .form--content,
.aa-form .aa-module__header,
.aa-form__image {
width: 55rem;
max-width: 100%;
}
.aa-form__image.aa-form__image--narrow {
width: 45rem;
max-width: 80%;
}
.aa-form .hs-submit input.hs-button,
.aa-form .hs-submit .actions {
appearance: none;
width: 100%;
}
.aa-form .hs-submit .actions {
display: inline-flex;
align-items: center;
position: relative;
}
.aa-form__image {
position: relative;
overflow: hidden;
padding-bottom: 0;
}
.aa-form__image img {
width: 100%;
height: auto;
}
.aa-form__meeting iframe {
border: none;
width: 100%;
height: 80rem;
overflow: auto;
}
.aa-form__meeting:first-child {
padding-top: 0;
}
@media (min-width: 768px) {
.aa-form__image img {
position: relative;
}
.aa-form__desktop-text {
display: block;
}
.aa-form__mobile-text {
display: none;
}
}
/* Contact form */
.aa-form--contact {
background: linear-gradient(211.33deg, #2471FF 18.92%, #2672FF 18.93%, #0049D2 81.08%);
}
.aa-form--contact__header {
margin-bottom: 45px;
}
.aa-form--contact__header .aa-subheading {
color: var(--white);
}
.aa-form .hs-fieldtype-textarea.hs-input {
min-height: 10.7rem;
border-radius: 1rem;
}
@media (min-width: 768px) {
.aa-form .hs-fieldtype-textarea.hs-input {
min-height: 17rem;
border-radius: 1rem;
}
.aa-form .aa-module__body--padding {
padding: 5rem 2.5rem;
}
.aa-form--contact__body .hs-form fieldset.form-columns-1,
.aa-form--contact__body .hs-form fieldset.form-columns-2,
.aa-form--contact__body .hs-form fieldset.form-columns-3 {
flex-direction: row;
}
.aa-form--contact__body .hs-form fieldset.form-columns-1 .hs-form-field textarea,
.aa-form--contact__body .hs-form fieldset.form-columns-1 .hs-form-field .hs-input,
.aa-form--contact__body .hs-form fieldset.form-columns-2 .hs-form-field,
.aa-form--contact__body .hs-form fieldset.form-columns-3 .hs-form-field {
max-width: 500px !important;
}
.aa-form--contact__body .hs-form-field {
flex-direction: row;
align-items: center;
}
.aa-form--contact__body .multi-container {
column-gap: 25px;
row-gap: 25px;
}
.aa-form--contact__body label.hs-form-radio-display,
.aa-form--contact__body label.hs-form-checkbox-display {
padding: 20px 15px;
border-radius: 10px;
font-size: 18px;
line-height: 1;
}
}
.aa-form .hs-form fieldset.form-columns-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 992px) {
.aa-form .aa-module__body {
width: 64rem;
max-width: 100%;
margin-left: auto;
}
.aa-form .aa-content.aa-grid {
grid-gap: 7rem;
gap: 7rem;
}
.aa-form.aa-form--location-left .aa-content.aa-grid .aa-module__header {
order: 2;
}
.aa-form.aa-form--location-left .aa-content.aa-grid .aa-module__body {
order: 1;
}
}
@media (min-width: 1200px) {
.aa-form .aa-module__body--padding {
padding: 5rem 4rem;
}
.aa-form .aa-grid--two.aa-grid--cols-1-1 .aa-module__header {
width: 62rem;
max-width: 100%;
padding-right: 0;
}
.aa-form .hs-form fieldset.form-columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/*-----------------------------------*\ Accordion \*-----------------------------------*/
.aa-accordion,
.aa-accordion.aa-accordion--global {
overflow: visible;
}
.aa-accordion-item__header,
.aa-accordion-item__header:not(:last-child) {
margin: 0;
}
.aa-accordion-item__header .heading {
text-align: left;
}
.aa-accordion:not(.aa-accordion--faq) .aa-accordion__box {
background: var(--white);
border-radius: var(--border-radius);
}
.aa-accordion:not(.aa-accordion--faq):not(.aa-bg-none) .aa-accordion__box {
padding: 3rem;
}
@media (max-width: 767px) {
.aa-accordion:not(.aa-accordion--faq):not(.aa-bg-none) .aa-accordion__box {
padding: 0;
}
.aa-accordion:not(.aa-accordion--faq):not(.aa-bg-none) .aa-accordion__box .aa-accordion-item {
background-color: var(--white) !important;
}
.aa-accordion:not(.aa-accordion--faq):not(.aa-bg-none) .aa-accordion__box .aa-accordion-item .plus {
background-color: var(--blue-primary);
}
.aa-accordion:not(.aa-accordion--faq) .aa-accordion__box {
background-color: transparent;
}
}
.aa-accordion-item.aa-accordion-item--round {
border-radius: 1.6rem;
overflow: hidden;
padding-left: 2rem;
padding-right: 2rem;
box-shadow: 1px 0px 6px 2px rgba(0, 62, 177, 0.14);
}
/*
.aa-accordion-item:not(:last-child) {
margin-bottom: 1.5rem;
}
*/
.aa-accordion-item__header.aa-accordion-item__header--open,
.aa-accordion-item__header:not(:last-child).aa-accordion-item__header--open {
border-bottom: none;
padding-bottom: 15px;
}
.aa-accordion-item__header .aa-accordion-item__trigger,
.aa-accordion-item__header:not(:last-child) .aa-accordion-item__trigger {
display: block;
background: none;
border: none;
text-align: left;
position: static;
width: 100%;
margin: 0;
padding: 1.6rem 5rem 1.6rem 0;
appearance: none;
cursor: pointer;
}
.aa-accordion-item__header .aa-accordion-item__trigger:focus,
.aa-accordion-item__header:not(:last-child) .aa-accordion-item__trigger:focus,
.aa-accordion-item__header .aa-accordion-item__trigger:hover,
.aa-accordion-item__header:not(:last-child) .aa-accordion-item__trigger:hover {
text-decoration: none;
}
.aa-accordion-item__header .aa-accordion-item__trigger svg,
.aa-accordion-item__header:not(:last-child) .aa-accordion-item__trigger svg {
position: absolute;
top: 2.8rem;
right: 1.6rem;
width: 1.2rem;
height: auto;
transition: all var(--speed) var(--animation);
transform: rotate(0deg);
}
.aa-accordion-items {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
grid-gap: 2rem 0;
gap: 2rem 0;
}
.aa-accordion-item__header {
padding: 1.7rem 2rem;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
transition: all var(--speed) var(--animation);
min-height: 7.4rem;
}
.aa-accordion-item__header .aa-accordion-item__trigger .plus,
.aa-accordion-item__header .aa-accordion-item__trigger .arrow {
position: static;
top: -0.5rem;
right: 0;
width: 3.6rem;
min-width: 3.6rem;
height: 3.6rem;
transition: all var(--speed) var(--animation);
transform: rotate(0deg);
border-radius: 50%;
background: var(--gray-light);
}
.aa-accordion-item__header--open .plus {
top: -0.3rem !important;
background: var(--yellow) !important;
}
.aa-accordion-item__header .aa-accordion-item__trigger .arrow {
display: flex;
align-items: center;
justify-content: center;
top: 0.8rem;
}
.aa-accordion-item__header .aa-accordion-item__trigger .arrow svg {
position: static;
width: 2.2rem;
}
.aa-accordion-item__header .aa-accordion-item__trigger .arrow svg path {
stroke: inherit !important;
}
.aa-accordion-item__header .aa-accordion-item__trigger[aria-expanded=true] .arrow svg path {
fill: var(--gray-dark) !important;
}
.aa-accordion-item__header .aa-accordion-item__trigger svg path,
.aa-accordion-item__header:not(:last-child) .aa-accordion-item__trigger svg path {
stroke: var(--dark);
}
.aa-accordion-item__header .aa-accordion-item__trigger[aria-expanded=true] svg,
.aa-accordion-item__header:not(:last-child) .aa-accordion-item__trigger[aria-expanded=true] svg {
transform: rotate(-180deg);
}
.aa-accordion-item__header .aa-accordion-item__title,
.aa-accordion-item__header:not(:last-child) .aa-accordion-item__title,
.aa-accordion-item__header {
color: var(--black);
font-size: 2rem;
line-height: 1.2em;
}
.aa-accordion-item__body {
padding-bottom: 0;
height: 0;
transition: all var(--speed) var(--animation);
transition-behavior: allow-discrete;
display: block;
opacity: 1;
overflow: hidden;
}
.aa-accordion-item__body__content {
padding: 0 3rem 5rem 3rem;
}
.aa-accordion-item-open .aa-accordion-item__body {
height: auto;
}
.aa-accordion__body.aa-accordion-item__body--calc-height.ready {
overflow: auto;
}
.aa-accordion .aa-module__header--centered .text {
margin-left: auto;
margin-right: auto;
}
.aa-accordion .aa-module__header:not(.aa-module__header--centered) .aa-module__header__right .text {
width: 39rem;
max-width: 100%;
}
.plus {
color: var(--black);
background: var(--gray-light);
width: 3.5rem;
height: 3.5rem;
border: 0;
font-size: 1.5em;
border-radius: 0.8rem;
overflow: hidden;
position: static;
}
.plus span {
position: absolute;
transition: 300ms;
background: var(--black);
border-radius: 0;
}
/* Create the "+" shape by positioning the spans absolutely */
.plus span:first-child {
top: 30%;
bottom: 30%;
width: 2px;
left: calc(50% - 1px);
}
.plus span:last-child {
left: 30%;
right: 30%;
height: 2px;
top: calc(50% - 1px);
}
section.aa-bg-none .aa-accordion__box,
section.aa-bg-white .aa-accordion__box {
padding: 0;
}
/* Morph the shape when the button is hovered over */
button[aria-expanded=true] .plus span {
transform: rotate(90deg);
}
button[aria-expanded=true] .plus span:last-child {
left: 50%;
right: 50%;
}
.aa-accordion__right__image {
position: relative;
width: 100%;
opacity: 0;
transition: opacity 1s ease;
}
.aa-accordion__right__image img,
.aa-accordion__right__image video {
width: 100%;
/* Ensure content fills container */
height: auto;
/* Adjusts height based on aspect ratio */
transition: transform 0.3s ease;
/* Optional: Add smooth transition */
border-radius: 1.6rem;
overflow: hidden;
}
.aa-accordion__right__image.active {
opacity: 1;
}
.aa-accordion__right {
display: none;
}
.aa-accordion-item__body__image.mobile {
display: block;
}
.aa-accordion-item__body__image img {
display: block;
border-radius: 1.6rem;
overflow: hidden;
}
.aa-accordion.aa-accordion--faq .aa-module__header {
min-height: 7rem;
}
.aa-accordion.aa-accordion--faq .aa-module__header .text {
width: 60rem;
max-width: 100%;
}
.aa-accordion__read-more {
display: flex;
align-items: center;
justify-content: center;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item__header .aa-accordion-item__title {
font-weight: 600;
font-size: 2rem;
padding-right: 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
grid-gap: 0 1.5rem;
gap: 0 1.5rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item {
border: 0.1rem solid var(--gray-medium);
overflow: hidden;
transition: border-radius var(--speed) var(--animation), background var(--speed) var(--animation);
border-radius: 1.1rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__trigger {
padding: 0;
transition: padding var(--speed) var(--animation);
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__trigger::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__trigger .arrow {
top: -0.6rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__body {
transition: max-height var(--speed) var(--animation);
padding: 0 2rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item__header .aa-accordion-item__title>span:not(.arrow) {
display: block;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item__header .aa-accordion-item__title>span.intro {
display: block;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item__header .aa-accordion-item__title>span.intro {
font-size: 1.8rem;
font-weight: 400;
min-height: 3.2rem;
margin-top: 0.4rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item__trigger[aria-expanded="true"] .aa-accordion-item__title>span.intro .text {
display: none !important;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item.aa-accordion-item-open {
border-radius: 1.3rem;
overflow: hidden;
background: var(--white);
padding-bottom: 20px;
}
.aa-accordion.aa-accordion--faq .aa-grid--two .aa-module__header .text {
width: 34rem;
max-width: 100%;
}
.aa-accordion__box__filters__inner {
display: flex;
flex-direction: column;
}
.aa-accordion__box__filters p:not(:last-child) {
margin-bottom: 1.5rem;
}
.aa-accordion-item__body__inner--row {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
grid-gap: 3rem 0;
}
@media (min-width: 768px) {
.aa-accordion__right {
display: flex;
}
.aa-accordion .aa-module__header--centered .aa-module__header__left {
margin-bottom: 3rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__body {
padding: 0 3rem;
}
.aa-accordion-item__header {
padding: 1.3rem 3rem;
}
.aa-accordion-item__body__image.mobile {
display: none;
}
.aa-accordion .aa-module__header:not(.aa-module__header--centered) .aa-module__header__right {
display: flex;
justify-content: flex-end;
flex-direction: row;
align-items: flex-start;
}
}
@media (min-width: 992px) {
.aa-accordion__box__filters__inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.aa-accordion__box__filters_search {
display: block;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item__header .aa-accordion-item__title>span.intro .text {
display: block;
}
.aa-accordion__box__filters__inner>div {
width: 45%;
}
.aa-accordion__box__filters__search {
margin-left: auto;
}
}
@media (min-width: 1200px) {
.aa-accordion-item__body__inner--row {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
grid-gap: 0;
}
.aa-accordion-item__body__inner--row .aa-accordion-item__body__left {
width: 60%
}
.aa-accordion-item__body__inner--row .aa-accordion-item__body__image {
width: calc(40% - 2.5rem);
}
}
.aa-accordion__box__filters_search svg {
position: absolute;
top: 1.8rem;
left: 1.5rem;
z-index: 3;
width: 2.2rem;
}
.aa-accordion__box__filters_search .hs-input {
padding-left: 5.5rem !important;
}
/* Load more */
.aa-accordion-item.hidden,
.load-more.hidden {
display: none;
}
/*-----------------------------------*\ AA - Blog posts \*-----------------------------------*/
.aa-blog-posts.aa-module-width--page .aa-module-inner {
overflow: hidden;
}
.aa-blog-posts .aa-blot-post__topic {
left: calc(var(--gutter) * 0.5);
position: absolute;
top: calc(var(--gutter) * 0.5);
z-index: 2;
}
.aa-blog-posts .aa-column__image {
margin-bottom: calc(var(--gutter) * 0.5);
}
.aa-blog-posts__body .heading {
margin-top: 3rem;
}
.aa-blog-posts__header .text {
width: 100%;
max-width: 76rem;
}
.aa-blog-posts__header.aa-content-alignment--center .text {
margin: 0 auto;
}
.aa-blog-posts .aa-column__date {
display: block;
margin-bottom: calc(var(--gutter) * 0.375);
}
.aa-blog-posts .h4 {
color: var(--black);
}
.aa-blog-posts .aa-column__body {
height: 100%;
display: flex;
grid-gap: 3rem 0;
flex-direction: column;
}
.aa-blog-posts .aa-column__wrapper {
margin-top: auto;
display: flex;
flex-direction: column;
}
.aa-blog-posts .aa-tags {
overflow: hidden;
}
.aa-blog-posts .aa-column__image {
margin: 0;
}
.aa-blog-posts__item .aa-column__content {
position: relative;
}
.aa-blog-posts__item .aa-button-container.aa-column__content{
width: 100%;
margin-top: auto;
padding: 3.5rem 2.5rem;
padding-top: 0 !important;
}
.aa-blog-posts--featured .aa-column__image.aa-column__image--height-high {
aspect-ratio: 1.3;
}
.aa-blog-posts--featured .aa-blog-posts__items__left {
position: relative;
}
.aa-blog-posts--featured .aa-blog-posts__items__left .aa-relative .aa-tags {
position: absolute;
left: 2rem;
top: 2rem;
z-index: 6;
}
.aa-blog-posts--featured .aa-blog-posts__items__left .aa-column__content {
padding: 0;
}
.aa-blog-posts--featured .aa-blog-posts__items__left .aa-column__date {
color: var(--red);
}
.aa-blog-posts .splide__rangeslider {
display: none;
}
.aa-blog-posts__items.aa-blog-posts__items--mobile {
display: grid;
}
.aa-blog-posts__items.aa-blog-posts__items--desktop {
display: none;
}
.aa-blog-posts__header.aa-blog-posts__header--columns.aa-blog-posts__header--center {
justify-content: center;
align-items: center;
max-width: 100%;
text-align: center;
}
@media (min-width: 960px) {
.aa-blog-posts__items.aa-blog-posts__items--mobile {
display: none;
}
.aa-blog-posts__items.aa-blog-posts__items--desktop {
display: grid;
}
.aa-blog-posts__item .aa-button-container.aa-column__content {
padding: 3.5rem 3rem;
}
}
@media (min-width: 1200px) {
.aa-blog-posts__body .heading {
margin-top: 5rem;
}
.aa-blog-posts__header.aa-blog-posts__header--columns {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.aa-blog-posts__header.aa-blog-posts__header--columns .aa-blog-posts__header__text {
width: 60%;
}
.aa-blog-posts__header.aa-blog-posts__header--columns .button-container {
width: 35%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
padding-top: 0;
}
.aa-blog-posts__content.aa-blog-posts__content--enable-slider {
display:flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: nowrap;
}
.aa-blog-posts__content.aa-blog-posts__content--enable-slider .aa-blog-posts__header {
width: 100%;
}
.aa-blog-posts__content.aa-blog-posts__content--enable-slider .aa-blog-posts__header .text {
width: 100%;
max-width: 68rem;
}
.aa-blog-posts__content.aa-blog-posts__content--enable-slider .aa-blog-posts__body {
width: 100%;
max-width: 100%;
}
.aa-blog-posts--featured .aa-blog-posts__items__left .links {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.aa-blog-posts--featured .aa-blog-posts__items__left .links>div {
width: 40%;
}
.aa-blog-posts--featured .aa-blog-posts__items__left .links .aa-column__date {
text-align: right;
}
}
.aa-blog-posts .pagination-container {
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.aa-blog-posts .splide__rangeslider {
width: calc(100% - 15rem);
display: block;
}
.aa-blog-posts--featured .aa-blog-posts__items__right__inner {
padding: 2rem;
}
.aa-blog-posts--featured .aa-blog-posts__items__right .aa-column__content {
padding: 0;
}
.aa-blog-posts--featured.aa-blog-posts .aa-column {
background: transparent;
}
.aa-blog-posts--featured.aa-blog-posts .aa-column hr {
border-top: 0.1rem solid var(--gray-light);
margin: 1.5rem 0 0 0;
}
.aa-blog-posts--featured.aa-blog-posts .aa-column .hr {
padding-bottom: 0;
opacity: 0.4;
}
.aa-blog-posts--featured.aa-blog-posts .aa-column:last-child .hr {
display: none;
}
.aa-blog-posts--featured .aa-blog-posts__items__right__inner.aa-grid {
grid-gap: 3rem;
}
.aa-blog-posts--featured .aa-blog-posts__items__right .aa-blog-posts__item__link {
display: block;
padding-right: 3rem;
position: relative;
text-decoration: none;
}
.aa-blog-posts--featured .aa-blog-posts__items__right .aa-blog-posts__item__link:hover {
opacity: 0.7;
}
.aa-blog-posts--featured .aa-blog-posts__items__right .aa-blog-posts__item__link svg {
position: absolute;
bottom: 0.5rem;
right: 0;
z-index: 2;
}
.aa-blog-posts .aa-module__body.mobile .aa-column {
padding: 0;
}
.aa-blog-posts .aa-module__body.mobile .aa-column__wrapper,
.aa-blog-posts .aa-module__body.mobile .aa-button-container {
display: inline-block;
}
.aa-blog-posts .aa-module__body.mobile .aa-button-container.aa-column__content {
padding: 1.2rem 2rem;
}
.aa-blog-posts .aa-module__body.mobile .aa-column__body {
padding: 4rem 2rem;
}
.aa-blog-posts .aa-module__body.mobile .aa-column__wrapper {
margin-top: 0;
}
.aa-blog-posts .aa-module__body.mobile .aa-column__content {
background: var(--white);
padding: 2rem;
position: relative;
z-index: 5;
margin-bottom: 2rem;
}
.aa-blog-posts__item__body--shadow {
box-shadow: 109px 308px 92px 0px rgba(0, 0, 0, 0.00), 70px 197px 84px 0px rgba(0, 0, 0, 0.00), 39px 111px 71px 0px rgba(0, 0, 0, 0.01), 17px 49px 52px 0px rgba(0, 0, 0, 0.02), 4px 12px 29px 0px rgba(0, 0, 0, 0.02);
}
.aa-blog-posts__items.aa-grid {
grid-gap: 5.5rem 0;
}
.aa-blog-posts__items--show-mobile,
.aa-blog-posts .splide__arrows--mobile {
display: block;
}
.aa-blog-posts .splide__arrows {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
grid-gap: 1rem;
gap: 1rem;
}
.aa-blog-posts__items--show-mobile .aa-blog-posts__item {
width: 100%;
}
.aa-blog-posts__items--show-mobile .splide__track {
overflow: visible;
}
.aa-blog-posts__items--show-desktop {
display: none;
}
.aa-blog-posts__item__body--padding .aa-column__body__text {
padding: 2.5rem 2.5rem;
display: flex;
flex-direction: column;
grid-gap: 1.4rem;
gap: 1.4rem;
}
@media (min-width: 768px) {
.aa-blog-posts__items--show-mobile,
.aa-blog-posts .splide__arrows--mobile {
display: none;
}
.aa-blog-posts__item__body--padding .aa-column__body__text {
padding: 3rem 3rem;
}
.aa-blog-posts .aa-blog-posts__item__body--padding .aa-column__body__text {
padding-bottom: 0;
}
.aa-blog-posts__items--show-desktop {
display: grid;
}
.aa-blog-posts__items.aa-grid {
grid-gap: 4rem 4rem;
}
}
@media (min-width: 1200px) {
.aa-blog-posts__items.aa-grid {
grid-gap: 4rem 4rem;
}
}
.aa-blog-posts .aa-module__body.mobile {
display: none !important;
}
.aa-blog-posts .aa-module__body.desktop.mobile-active {
display: none !important;
}
.aa-blog-posts .aa-module__body.mobile.mobile-active {
display: block !important;
}
@media (min-width: 960px) {
.aa-blog-posts .aa-module__body.desktop.mobile-active {
display: block !important;
}
.aa-blog-posts .aa-module__body.mobile.mobile-active {
display: none !important;
}
}
@media (min-width: 768px) {
.aa-blog-posts--featured .aa-blog-posts__items__right__inner {
padding: 5rem;
}
}
/*-----------------------------------*\ AA - Columns \*-----------------------------------*/
.aa-column__item__image {
aspect-ratio: 1.93;
margin-bottom: 3.6rem;
overflow: hidden;
border-radius: var(--border-radius);
}
.aa-column__item .aa-column__item__inner:not(.aa-bg-none) .aa-column__item__image:not(.aa-column__image--icon) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.aa-column__item__image:last-child {
margin-bottom: 0;
}
.aa-column__image--separate {
aspect-ratio: initial !important;
border-radius: var(--border-radius);
overflow: hidden;
}
.aa-column__item__image.aa-column__image--icon {
aspect-ratio: initial;
width: 6rem;
height: 6rem;
min-width: 6rem;
max-width: 100%;
}
.aa-inner.aa-content-alignment--center .aa-column__item__image.aa-column__image--icon {
margin-left: auto;
margin-right: auto;
}
.aa-column__item__image.aa-column__image--icon.aa-column__image--icon-box {
aspect-ratio: initial;
width: 7rem;
height: 7rem;
min-width: 7rem;
max-width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.aa-column__item__image.aa-column__item__image--icon.aa-column__item__image--icon-box img {
width: 60%;
height: 60%;
}
.aa-column__item__image.aa-column__item__image--icon img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.aa-column__item__content img {
border-radius: var(--border-radius);
}
.aa-column__item__body.aa-column__item__body--flex-full {
display: flex;
flex-direction: column;
}
.aa-column__item__content + .hs_cos_wrapper_type_form {
margin-top: 3rem;
display: block;
width: 100%;
}
.aa-column__item__image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
transition: all var(--speed) ease;
}
.aa-column__item__body--padding {
padding: 1.5rem;
}
.aa-column__item__image + .aa-column__item__body--padding {
padding-top: 0 !important;
}
.aa-column--link:hover .aa-column__image img {
transform: scale(1.08);
}
.aa-column__date {
display: block;
margin-bottom: calc(var(--gutter) * 0.375);
}
.aa-column--grid {
grid-row-gap: 0;
}
.aa-column--image-full .aa-column__image {
margin: 0;
width: 100%;
height: 100%;
}
.aa-column--image-full .aa-column__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.aa-column__body--flex {
display: flex;
flex-direction: column;
}
.aa-column__wrapper--bottom {
margin-top: auto;
}
.aa-column--grid .aa-column__image {
aspect-ratio: 1.7777777778;
margin-bottom: calc(var(--gutter) * 0.75);
overflow: hidden;
}
.aa-column--image-full .aa-column--height {
height: 100%;
}
.aa-columns.aa-columns--custom .aa-module__body.mobile .splide__track {
padding: 0 30% 0 0 !important;
}
.aa-columns.aa-columns--custom .aa-module__body.mobile .splide__slide {
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (min-width: 450px) {
.aa-column__item__body--padding {
padding: 2.5rem;
}
}
@media (min-width: 768px) {
.aa-column--grid .aa-column__image {
aspect-ratio: auto;
margin-bottom: 0;
}
.aa-grid.aa-grid--three.aa-grid--three-1-3-2 .title {
margin-top: -0.5rem;
}
}
@media (min-width: 992px) {
.aa-column--height-wrapper {
display: flex;
flex-direction: column;
}
.aa-column__item__content + .hs_cos_wrapper_type_form {
margin-top: 5rem;
}
.aa-column--image-full .aa-column--height {
height: auto;
}
.aa-column__item__content p:not(:first-child) img {
margin-top: 6rem;
}
.aa-columns .aa-grid--two .aa-column__item__body--padding {
padding: 4rem;
}
.aa-column__item__content p:not(:last-child) img {
margin-bottom: 6rem;
}
.aa-column--height-highest {
min-height: 54rem;
}
.aa-column--height {
/* margin-top: auto;
Seems to break things in desktop with height: 100% below */
}
.aa-column--height-full {
height: 100%;
display: flex;
flex-direction: column;
}
.aa-column--height-full .aa-column__item__body--bottom {
margin-top: auto;
}
.aa-column--height .aa-column__body {
display: flex;
flex-direction: column;
/* height: 100%;
*/
}
.aa-column--height-high {
min-height: 44rem;
}
.aa-column--height-medium {
min-height: 32rem;
}
.aa-column--height-small {
min-height: 14em;
}
}
section .aa-bg-none.aa-column--shadow, section .aa-bg-none.aa-column--round {
background: transparent;
}
.aa-column--link {
position: relative;
}
.aa-column--link .aa-column__link {
position: absolute !important;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
}
.aa-column--shadow {
box-shadow: 1px 0px 6px 2px rgba(0, 62, 177, 0.18);
}
.aa-column--round {
border-radius: var(--border-radius);
overflow: hidden;
}
.aa-column__image--opacity-30 {
opacity: 0.3;
}
.aa-column__image.aa-column__image--fixed {
height: 0;
padding: 0 0 63% 0;
overflow: hidden;
position: relative;
width: 100%;
}
.aa-column__image.aa-column__image--border-round {
border-radius: 2.2rem;
}
.aa-column__image.aa-column__image--fixed img {
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
transition: all 0.5s ease-in-out;
}
.aa-columns .aa-module__header .aa-module__body {
width: 75rem;
max-width: 100%;
}
.aa-columns .aa-inner.aa-content-alignment--center .aa-module__header .aa-module__body {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.aa-columns__content--flex-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.aa-columns .aa-module__body > .aa-grid--three .aa-column__item__body--padding {
padding: 5rem 4rem;
}
.aa-columns__content--flex-header .aa-module__header {
width: 20%;
text-align: left;
padding-bottom: 0;
}
.aa-columns__content--flex-header .aa-module__body {
width: 75%;
}
}
@media (min-width: 992px) {
.aa-columns--text .aa-grid--two {
grid-gap: 4rem;
}
.aa-columns--text .aa-grid--two article:nth-child(odd):not(:last-child) {
border-right: 0.1rem solid var(--gray-light);
padding-right: 5rem;
}
}
@media (min-width: 1200px) {
.aa-columns .aa-module__body .aa-grid--two {
grid-gap: 6rem 8rem;
}
}
.aa-columns--boxes .aa-column__inner {
height: 100%;
}
.aa-columns .aa-module__body.mobile {
display: none !important;
}
.aa-columns .aa-module__body.desktop.mobile-active {
display: none !important;
}
.aa-columns .aa-module__body.mobile.mobile-active {
display: block !important;
}
.aa-columns .aa-content-alignment--center .aa-column__image {
margin-left: auto;
margin-right: auto;
}
.aa-columns .aa-column__image--icon-box {
border-radius: 10px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.aa-columns .aa-column__image--icon-box img {
width: 60%;
height: 60%;
object-fit: contain;
}
.aa-columns .aa-column__image--round {
border-radius: 50% !important;
padding: 0;
width: 16.5rem;
height: 16.5rem;
max-width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.aa-columns .aa-column__image--round.aa-column__image--padding {
margin-top: 3rem;
}
.aa-columns .aa-content-alignment--center .aa-column__image--round {
margin-left: auto;
margin-right: auto;
}
.aa-columns .aa-column__image--round img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.aa-columns .aa-column__image--icon-box--blue-primary {
background-color: var(--blue-primary);
}
.aa-columns .aa-column__image--icon-box--gray-light {
background-color: var(--gray-light);
}
.aa-columns .aa-column__image--icon-box--white {
background-color: white;
}
.aa-columns .aa-content-color--light .legal-consent-container {
color: var(--body-color);
}
.aa-columns :not(.aa-content-color--light) .legal-consent-container {
color: white;
}
.aa-columns__content--side-image.aa-grid--two {
align-items: center;
}
.aa-columns__main-content, .aa-columns__side-image {
width: 100%;
}
@media (min-width: 768px) {
.aa-columns .aa-module__body.desktop.mobile-active {
display: block !important;
}
.aa-columns .aa-module__body.mobile.mobile-active {
display: none !important;
}
}
@media (min-width: 1200px) {
.aa-module__header--layout-left2 .aa-module__header__text {
max-width: 36rem;
width: 100%;
margin-left: auto;
}
.aa-columns__content--side-image.aa-grid--two {
grid-gap: 0 6rem;
}
}
@media (max-width: 991px) {
.aa-columns__content--side-image.aa-grid--two {
display: flex;
flex-direction: column-reverse;
grid-gap: 4rem 0;
}
}
.pagination-container {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 16px;
padding-right: 36px;
}
.pagination-container .splide__pagination {
margin: 0;
padding: 0;
gap: 5px;
}
.pagination-container li .splide__pagination__page {
width: 15px;
height: 15px;
border: 1px solid var(--gray-dark);
border-radius: 50%;
background: var(--gray-dark);
}
.pagination-container li .splide__pagination__page.is-active {
border: 1px solid var(--blue-primary);
background: var(--blue-primary);
}
.pagination-container .total-index-number {
color: var(--gray-dark);
}
.pagination-container .index-number {
color: var(--blue-primary);
}
.aa-bg-blue-primary .pagination-container li .splide__pagination__page.is-active {
border: 1px solid var(--blue-primary);
background: var(--blue-primary);
}
.aa-bg-blue-primary .pagination-container .total-index-number {
color: var(--gray-light);
}
.aa-bg-blue-primary .pagination-container .index-number {
color: var(--blue-primary);
}
/* modifier */
.aa-columns .aa-content.aa-content-mobile-center .aa-subheading, .aa-columns .aa-content.aa-content-mobile-center .aa-module__header {
text-align: center;
}
@media (min-width: 767px) {
.aa-columns .aa-content.aa-content-mobile-center .aa-subheading, .aa-columns .aa-content.aa-content-mobile-center .aa-module__header {
text-align: left;
}
}
/* STEPS */
.aa-column__item__steps__items {
padding-left: 0;
display: flex;
flex-direction: column;
grid-gap: 2rem 0;
gap: 2rem 0;
margin: 0;
}
.aa-column__item__steps__item {
display: flex;
flex-direction: column;
grid-gap: 1rem 2rem;
gap: 1rem 2rem;
padding: 0;
margin: 0 !important;
}
@media (min-width: 600px) {
.aa-column__item__steps__item {
flex-direction: row;
flex-wrap: nowrap;
}
.aa-column__item__steps__items {
grid-gap: 3.6rem 0;
gap: 3.6rem 0;
}
}
@media (min-width: 1200px) {
.aa-columns .aa-module__body .aa-grid--two {
grid-gap: 6rem 11.7rem;
}
}
.aa-column__item__steps__item .number {
min-width: 6.4rem;
width: 6.4rem;
height: 6.4rem;
border-radius: 50%;
overflow: hidden;
background: var(--white);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 2.5rem;
line-height: 1em;
font-weight: var(--weight-700);
}
.aa-column__item__steps__item .text {
max-width: calc(100% - 8.4rem);
}
@media (max-width: 500px) {
.aa-column__item__body--padding .aa-button {
font-size: 1.4rem;
}
}
/* STEPS END */
/*-----------------------------------*\
AA - Image
\*-----------------------------------*/
.aa-image img {
width: 100%;
}
.aa-image.aa-image--overlay .aa-image__image_overlay {
position: absolute;
top: 10%;
right: 0;
z-index: 10;
width: 80%;
height: auto;
}
.aa-image.aa-image--overlay .aa-image__image_overlay img {
width: 100%;
height: auto;
}
.aa-image.aa-image--overlay .aa-image__body {
padding-right: 20%;
}
.aa-image__body {
width: 100%;
position: relative;
}
.aa-image.aa-hidden-desktop-editor {
width: 100%;
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.image--shadow-inner {
box-shadow: 0px -1.725px 6.898px 0px #D1D5DC inset;
}
.image--rounded {
border-radius: 4.5rem;
overflow: hidden;
}
@media (min-width: 768px) {
.image--rounded {
border-radius: 6rem;
}
}
@media (min-width: 1920px) {
.image--rounded {
border-radius: 8rem;
}
}
.image--shadow {
box-shadow: 0px 0px 5rem 0px #D1D5DC;
}
/*-----------------------------------*\
AA - Numbers
\*-----------------------------------*/
.aa-numbers .aa-number {
display: block;
font-size: calc(6.2rem + 0.6vw);
font-weight: var(--weight-700);
color: var(--primary);
}
.aa-numbers .aa-subtext {
display: block;
}
.aa-review__items__item{
background: var(--green-light);
padding: 3rem;
height: 100%;
border-radius: 1.4rem;
border: 0.1rem solid var(--green);
}
.aa-review__header--mobile-center {
text-align: center;
}
.aa-review__item__body {
width: 100%;
}
.aa-review .splide__arrows {
justify-content: center;
}
.aa-review .splide__arrow {
border-radius: 50%;
padding: 0;
opacity: 1;
transition: all 0.3s ease;
}
.aa-review .splide__arrow:hover {
opacity: 0.7;
}
.aa-review .splide__arrow svg {
display: block;
}
.aa-review__body {
display: flex;
flex-direction: column;
grid-gap: 4rem 0;
gap: 4rem 0;
}
.aa-review .splide__arrow + .splide__arrow {
margin-left: 1.1rem;
}
.aa-review__item__stars .trustpilot__small.trustpilot__small--vertical .trustpilot__excellent {
display: none;
}
.aa-review .splide__list {
align-items: stretch;
}
.aa-review .splide__list .splide__slide {
height: auto;
}
.aa-review .desc {
height: 100%;
display: flex;
flex-direction: column;
grid-gap: 2rem 0;
gap: 2rem 0;
}
.aa-review__items__item__inner {
height: 100%;
}
.aa-review__item__stars .trustpilot__small.trustpilot__small--vertical {
flex-direction: row;
align-items: center;
grid-gap: 10px;
gap: 10px;
flex-wrap: wrap;
}
.aa-review .desc .info {
margin-top: auto;
grid-gap: 1rem;
gap: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.aa-review .aa-module__header .title {
display: flex;
flex-direction: row;
grid-gap: 0 1rem;
gap: 0 1rem;
align-items: center;
margin: 0;
justify-content: flex-start;
}
.aa-review__items .author,
.aa-review__items .author strong {
text-transform: capitalize;
}
.aa-review .aa-module__header__inner {
width: 100%;
max-width: 100%;
text-align: center;
display: flex;
flex-direction: column;
grid-gap: 4rem 0;
gap: 4rem 0;
}
.aa-review .aa-module__header__inner > .text {
width: 81rem;
max-width: 100%;
}
.aa-review .desc .stars {
line-height: 0;
}
.aa-review .aa-content-position--center .aa-module__header__inner > .text {
margin-left: auto;
margin-right: auto;
}
.aa-review .aa-content-position--center .trustpilot__small.trustpilot__small--vertical,
.aa-review .aa-content-position--center .aa-module__header__inner .title {
justify-content: center;
}
.aa-review__items__item {
text-align: left;
}
a.aa-review__link {
color: var(--black);
text-decoration: none;
position: absolute;
z-index: 20;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.aa-review__items__item--link {
opacity: 1;
transition: all 0.3s ease-in-out;
}
.aa-review__items__item--link:hover {
opacity: 0.7;
}
.aa-review .trustpilot__small.trustpilot__small--vertical {
margin-top: 0 !important;
border-top: none !important;
padding-top: 0 !important;
}
.aa-review__item__stars-title {
position:relative;
display: flex;
height: 1.2rem;
width: 100%;
align-items: center;
justify-content: center;
}
.aa-review__item__stars-title::after {
content: "";
border-top: 0.1rem solid #D9D9D9;
position: absolute;
z-index: 0;
left: 0;
width: 100%;
height: 1px;
top: 50%;
}
.aa-review__item__stars-title span {
display: inline-block;
position: relative;
z-index: 5;
padding: 0 1rem;
}
.aa-review .splide__arrows {
justify-content: center;
margin-top: 3rem;
}
.aa-review .date {
text-align: right;
color: var(--green);
}
@media (min-width: 600px) {
.aa-review__header--mobile-center {
text-align: left;
}
}
@media (min-width: 1500px) {
.aa-review .aa-review__items {
position: relative;
}
.aa-review .splide__arrow--prev {
position: absolute;
top: calc(50% - 27px);
left: -10rem;
margin: 0 !important;
}
.aa-review .splide__arrow--next {
position: absolute;
top: calc(50% - 27px);
left: auto;
right: -10rem;
margin: 0 !important;
}
.aa-review .splide__arrows {
margin-top: 0;
}
}
@media (max-width: 768px) {
.aa-review .desc .info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
grid-gap: 2rem;
gap: 2rem;
align-items: center;
justify-content: space-between;
}
}
.aa-language-search {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
max-width: 100%;
min-height: 6rem;
padding: 1rem 3rem;
font-size: 1rem;
font-family: var(--body-fonts);
font-size: 1.5rem;
border-radius: 3rem;
border: 1px solid var(--gray-medium);
}
.aa-all-languages__search {
position: relative;
}
.aa-all-languages__search .search-icon {
position: absolute;
top: 1.8rem;
right: 3rem;
width: 2.4rem;
height: auto;
}
.aa-all-languages__search .search-icon-button {
position: absolute;
top: 1.4rem;
right: 3rem;
width: 3.2rem;
height: 3.2rem;
}
.aa-all-languages__search .search-icon-button svg {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.aa-locations .aa-flex.aa-flex--row.text-icon {
grid-gap: 1.2rem;
gap: 1.2rem;
flex-wrap: nowrap;
align-items: flex-start;
text-align: left;
}
.aa-locations .heading a:hover {
text-decoration: underline !important;
}
.aa-locations .aa-column__wrapper {
padding: 2.5rem 2.5rem 0 2.5rem;
width: 100%;
overflow: hidden;
}
.aa-locations .aa-locations__item .aa-column__body__text {
padding: 0 2.5rem 2.5rem 2.5rem;
display: flex;
flex-direction: column;
grid-gap: 1.4rem;
gap: 1.4rem;
}
.aa-locations .aa-locations__item.aa-locations__item--small .aa-column__body__text {
padding-top: 2.5rem;
}
.aa-locations .aa-locations__item--small .button-container {
padding: 0 2rem 3rem 2rem;
}
.aa-locations .aa-column__image {
border-radius: 1.2rem;
}
.aa-locations a.link-phone {
color: var(--dark);
text-decoration: none;
font-weight: 400;
}
.aa-locations a.link-phone:hover,
.aa-locations a.link-phone:focus-visible {
color: var(--dark);
text-decoration: underline;
font-weight: 400;
}
.aa-locations .svg-link {
position: absolute;
top: 1.6rem;
right: 1.6rem;
z-index: 10;
width: 4.3rem;
height: auto;
}
.aa-locations .aa-locations__item--large .aa-column__content {
grid-gap: 2.5rem;
gap: 2.5rem;
}
.aa-locations .aa-locations__item--large .aa-column__image {
border-radius: 2.2rem;
}
.aa-locations .aa-blog-posts__item--shadow {
box-shadow: -5px -5px 108.6px 0px rgba(0, 0, 0, 0.06), 109px 308px 92px 0px rgba(0, 0, 0, 0.00), 70px 197px 84px 0px rgba(0, 0, 0, 0.00), 39px 111px 71px 0px rgba(0, 0, 0, 0.01), 17px 49px 52px 0px rgba(0, 0, 0, 0.02), 4px 12px 29px 0px rgba(0, 0, 0, 0.02);
border-radius: 2.2rem;
}
.aa-locations .aa-locations__item--large .aa-blog-posts__item__body--padding .aa-column__body__text {
display: flex;
flex-direction: column;
grid-gap: 3.5rem 0;
gap: 3.5rem;
}
.aa-locations .aa-locations__item.aa-locations__item--small .aa-column__content {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
gap: 0;
}
.aa-locations .aa-locations__item--small .aa-button {
width: 100% !important;
}
.aa-locations .aa-locations__item .aa-button {
width: 100% !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.aa-locations .aa-locations__item--small .button-container {
margin-top: auto;
}
.aa-locations .aa-flex.aa-flex--row.text-icon svg {
width: 3.1rem;
height: auto;
min-width: 3.1rem;
}
.aa-locations .aa-blog-posts__body,
.aa-locations__items {
grid-gap: 2.5rem 0;
gap: 2.5rem 0;
}
@media (min-width: 768px) {
.aa-locations .aa-blog-posts__body,
.aa-locations__items {
grid-gap: 4rem;
gap: 4rem;
}
.aa-locations .aa-locations__item--small .button-container {
padding: 0 3rem 3rem 3rem;
}
.aa-locations .aa-column__wrapper {
padding: 3rem 3rem 2rem 3rem;
width: 100%;
margin: 0;
}
.aa-locations__item .aa-grid--two .aa-column__body__text {
order: 1;
}
.aa-locations__item .aa-grid--two .aa-column__wrapper {
order: 2;
}
.aa-locations__item--large .aa-blog-posts__item__body--padding .aa-column__wrapper {
padding: 3rem;
}
}
@media (min-width: 1200px) {
.aa-locations__item--large .aa-blog-posts__item__body--padding .aa-column__wrapper {
padding: 4.7rem;
}
.aa-locations__item--large .aa-blog-posts__item__body--padding .aa-column__body__text {
padding: 7.2rem 8.9rem;
}
}
.aa-careers__items__item {
text-align: left;
border-radius: 1.3rem;
overflow: hidden;
padding: 2.5rem;
position: relative;
}
.aa-careers__items__item__heading .heading {
font-weight: 700;
}
@media (min-width: 767px) {
.aa-careers__items__item {
padding: 3.5rem;
}
.aa-careers__items__item__heading {
flex-direction: column;
}
}
@media (min-width: 1200px) {
.aa-careers__items__item__heading {
padding-right: 10rem;
}
.aa-careers__items__item__apply {
position: absolute;
top: 2.5rem;
right: 2.5rem;
z-index: 10;
}
}
@media (max-width: 768px) {
.aa-careers__items__item__heading {
flex-direction: column-reverse !important;
}
}
.aa-red-tile__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
grid-gap: 1.5rem;
gap: 1.5rem;
width: 100%;
}
.aa-red-tile__header .text {
width: 100%;
max-width: 80rem;
margin: 0 auto;
}
.aa-red-tile__item {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1.46;
border-radius: 1.2rem;
overflow: hidden;
}
.aa-red-tile__item .link-arrow {
position: absolute;
top: -0.5rem;
right: -0.5rem;
z-index: 10;
opacity: 0;
transition: all 0.4s ease;
width: 3rem;
height: auto;
}
.aa-red-tile__read-more {
display: flex;
align-items: center;
justify-content: center;
}
.aa-red-tile__content {
position: relative;
z-index: 5;
color: var(--white) !important;
padding: 1.5rem 2rem 2rem 2rem;
height: 100%;
}
.aa-red-tile__content__inner {
position: relative;
width: 100%;
height: 100%;
}
.aa-red-tile__item__header {
position: absolute;
top: calc(100% - 2rem);
left: 0;
transition: all 0.4s ease;
width: 100%;
}
.aa-red-tile__item__header .title {
font-weight: 600;
font-size: 1.6rem;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.aa-red-tile__item__header .text {
height: 0;
overflow: hidden;
width: 100%;
opacity: 0;
transition: opacity 0.4s ease;
font-size: 1.4rem;
line-height: 1.4em;
}
.aa-red-tile__item__bg,
.aa-red-tile__item__bg__image,
.aa-red-tile__item__bg__color,
.aa-red-tile__item__link {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.aa-red-tile__item__link {
z-index: 10;
}
.aa-red-tile__item__bg__image {
z-index: 1;
}
.aa-red-tile__item__bg__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.aa-red-tile__item__bg__color {
z-index: 2;
opacity: 0.82;
background: var(--red);
}
@media (min-width: 320px) {
.aa-red-tile__item {
width: calc(50% - 0.75rem);
}
}
@media (min-width: 600px) {
.aa-red-tile__item {
position: relative;
width: 20rem;
height: auto;
aspect-ratio: 1.46;
border-radius: 1.2rem;
overflow: hidden;
}
}
@media (min-width: 767px) {
.aa-red-tile__item:hover .aa-red-tile__item__header {
top: 0;
}
.aa-red-tile__item:hover .aa-red-tile__item__header .text {
height: auto;
opacity: 1;
}
.aa-red-tile__items {
grid-gap: 2rem;
gap: 2rem;
}
.aa-red-tile__item:hover .link-arrow {
opacity: 1;
}
.aa-red-tile__item__header .title {
font-size: 2rem;
}
}
.aa-hover-tile--round {
border-radius: 2.2rem;
overflow: hidden;
}
.aa-hover-tile__body {
padding: 0 2.5rem 4.3rem 2.5rem;
}
.aa-hover-tile--shadow {
box-shadow: 109px 308px 92px 0px rgba(0, 0, 0, 0.00), 70px 197px 84px 0px rgba(0, 0, 0, 0.00), 39px 111px 71px 0px rgba(0, 0, 0, 0.01), 17px 49px 52px 0px rgba(0, 0, 0, 0.02), 4px 12px 29px 0px rgba(0, 0, 0, 0.02);
}
.aa-hover-tile__toggle-button {
position: absolute;
top: 2rem;
right: 2rem;
z-index: 10;
width: 4.5rem;
height: 4.5rem;
}
.aa-hover-tiles .splide__track {
overflow: visible;
}
.aa-hover-tiles .splide__arrows {
display: flex
;
align-items: center;
justify-content: center;
flex-direction: row;
grid-gap: 1rem;
gap: 1rem;
}
.aa-hover-tile__toggle:hover {
cursor: pointer;
}
.aa-hover-tile__column__inner {
width: 100%;
height: 0;
padding: 0 0 116% 0;
position: relative;
}
.aa-hover-tile {
width: 100%;
height: 100%;
backface-visibility: hidden;
transition: transform 0.6s;
position: absolute;
top: 0;
left: 0;
}
.aa-hover-tile--front {
transform: rotateY(0deg);
z-index: 2;
}
.aa-hover-tile--back {
transform: rotateY(180deg);
z-index: 1;
}
.aa-hover-tile__flip-wrapper.is-flipped .aa-hover-tile--front {
transform: rotateY(180deg);
z-index: 1;
}
.aa-hover-tile__flip-wrapper.is-flipped .aa-hover-tile--back {
transform: rotateY(360deg);
z-index: 2;
}
.aa-hover-tile__card {
width: 100%;
height: 100%;
}
.aa-hover-tile__flip-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
perspective: 1000px;
}
.aa-hover-tile__image {
width: 100%;
height: 65%;
top: 5%;
left: 0;
z-index: 1;
position: absolute;
}
.aa-hover-tile--mobile .aa-hover-tile__image {
width: 100%;
height: auto;
aspect-ratio: 1.57;
padding-top: 3rem;
top: 0;
left: 0;
z-index: 1;
position: relative;
}
@media (min-width: 768px) {
.aa-hover-tiles .aa-grid.aa-grid--three {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.aa-hover-tiles .aa-grid.aa-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.aa-hover-tile--mobile .aa-hover-tile__body {
padding-top: 3rem;
}
.aa-hover-tile__image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.aa-hover-tile__inner {
width: 100%;
height: 100%;
}
.aa-hover-tile--front .aa-hover-tile__body {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 3;
}
.aa-hover-tile--back .aa-hover-tile__body {
padding-top: 5.6rem;
overflow: auto;
max-height: 100%;
}
.aa-hover-tile--back .aa-hover-tile__body .aa-hover-tile__body__header {
padding-right: 4rem;
}
@media (min-width: 768px) {
.aa-hover-tile__body {
padding: 0 3.5rem 4.3rem 3.5rem;
}
.aa-hover-tile__items.aa-grid {
grid-gap: 4rem;
gap: 4rem;
}
}
.aa-text-icon__icons__item {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
justify-content: flex-start;
text-align: left;
grid-gap: 0 2.2rem;
gap: 0 2.2rem;
}
.aa-text-icon__icons__inner {
display: flex;
flex-direction: column;
grid-gap: 2.5rem 0;
gap: 2.5rem 0;
}
.aa-text-icon__icons__item__left {
width: 5.8rem;
min-width: 5.8rem;
height: 5.8rem;
max-width: 100%;
}
.aa-text-icon__icons__item__icon {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.aa-text-icon__icons__item__icon.aa-text-icon__icons__item__icon--custom {
background: var(--red);
}
.aa-text-icon__icons__item__icon.aa-text-icon__icons__item__icon--custom img {
width: 50%;
height: 50%;
}
.aa-text-icon__icons__item__icon img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.aa-text-icon .aa-module__header {
width: 66.5rem;
max-width: 100%;
}
@media (min-width: 768px) {
.aa-text-icon__icons {
padding-left: 4rem;
border-left: 0.1rem solid var(--gray-medium);
}
}
@media (min-width: 992px) {
.aa-text-icon__icons__item__left {
width: 8.4rem;
min-width: 8.4rem;
height: 8.4rem;
max-width: 100%;
}
.aa-text-icon .aa-module__header {
padding-right: 3rem;
}
.aa-text-icon__icons__inner {
grid-gap: 4rem 0;
gap: 4rem 0;
}
.aa-text-icon__icons {
padding-left: 8rem;
border-left: 0.1rem solid var(--gray-medium);
}
}
@media (min-width: 1200px) {
.aa-text-icon .aa-content {
grid-gap: 0 20rem;
gap: 0 20rem;
}
.aa-text-icon .aa-module__header {
padding-right: 0;
}
}
.aa-circle-column--shadow {
box-shadow: 10px 15px 40px 0px rgba(0, 0, 0, 0.08);
}
.aa-circle-column--round {
border-radius: 1.5rem;
}
.aa-circle-column__inner {
padding: 4rem 2rem;
display: flex;
flex-direction: column;
grid-gap: 2rem 0;
gap: 2rem 0;
}
.aa-circle-column__circle {
width: 12rem;
height: 12rem;
max-width: 100%;
border-radius: 50%;
background: var(--black);
color: var(--white);
display: flex;
justify-content: center;
align-items: center;
padding: 0.5rem;
}
.aa-circle-column__circle span {
font-size: 3rem;
line-height: 1.3em;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
text-align: center;
word-break: break-word
}
.aa-circle-column__items {
align-items: stretch;
}
.aa-circle-column__items.aa-grid {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
grid-gap: 3rem 0;
gap: 3rem 0;
}
.aa-circle-column__items.aa-grid .aa-circle-column__column {
width: 100%;
max-width: 100%;
}
.aa-circle-column__items .aa-circle-column,
.aa-circle-column__items .aa-circle-column__inner {
height: 100%;
}
.aa-content-alignment--center .aa-circle-column__circle {
margin-left: auto;
margin-right: auto;
}
@media (min-width:768px) {
.aa-circle-column--round {
border-radius: 3rem;
}
.aa-circle-column__items.aa-grid .aa-circle-column__column {
width: 39rem;
max-width: calc(50% - 3rem);
}
.aa-circle-column__items.aa-grid {
grid-gap: 3rem;
}
}
@media (min-width: 960px) {
.aa-circle-column__items.aa-grid .aa-circle-column__column {
max-width: 100%;
}
}
@media (min-width: 1200px) {
.aa-circle-columns .aa-grid {
grid-gap: 6rem;
gap: 6rem;
}
}
.aa-page-confirmation {
position: fixed;
width: 100%;
z-index: 100;
top: 0;
left: 0;
height: auto;
transition: all 0.3s ease-in-out;
}
.pageconfirmation--enabled-popup .aa-page-confirmation {
bottom: 0;
top: auto;
left: 0;
transform: translateY(0);
transition: transform 0.5s ease, opacity 0.5s ease;
}
.aa-page-confirmation.aa-page-confirmation--hidden {
transform: translateY(100%);
opacity: 0;
pointer-events: none;
}
.aa-page-confirmation__body {
display: flex;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
grid-gap: 0 2rem;
gap: 2rem;
width: 100%;
max-width: 100%;
overflow: auto;
height: 5rem;
white-space: nowrap;
line-height: 1.1em;
font-size: 1.4rem;
}
.aa-page-confirmation .aa-button-container {
grid-gap: 1.6rem;
gap: 1.6rem;
flex-wrap: nowrap;
}
.aa-page-confirmation .aa-button-container .aa-button {
padding: 0.3rem 2.5rem;
font-size: 1.4rem;
min-height: 1rem;
min-width: 1rem;
white-space: nowrap;
}
.pageconfirmation--enabled .aa-site-header.aa-site-header--webpage.aa-site-header--fixed-full {
top: 5rem;
}
.pageconfirmation--enabled.body-wrapper--fixed-header main {
padding-top: calc(var(--header-height-mobile) + 5rem);
}
@media (min-width: 1200px) {
.pageconfirmation--enabled.body-wrapper--fixed-header main {
padding-top: calc(var(--header-height) + 5rem);
}
.header--scroll .pageconfirmation--enabled .aa-site-header.aa-site-header--webpage.aa-site-header--fixed-full {
top: 0rem;
}
.aa-page-confirmation__body {
font-size: 1.6rem;
}
.pageconfirmation--enabled .header--scroll .aa-page-confirmation {
top: -5rem;
}
}
.aa-reasons-banner .aa-reasons-banner__items.aa-flex {
padding: 1rem 0;
flex-wrap: wrap;
flex-direction: column;
}
.aa-reasons-banner .aa-inner {
max-width: 100%;
}
.aa-reasons-banner__item {
min-height: 4.7rem;
font-size: 1.7rem;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
grid-gap: 0 0.7rem;
gap: 0 0.7rem;
flex-wrap: nowrap;
width: 100%;
text-align: left;
}
.aa-reasons-banner__item svg {
width: 2.1rem;
height: 2.1rem;
min-width: 2.1rem;
}
.aa-reasons-banner .aa-reasons-banner__item:not(:first-child) {
border-top: 0.1rem solid #CEA11D;
}
@media (min-width: 767px) {
.aa-reasons-banner__item {
padding-left: 3rem;
padding-right: 3rem;
}
.aa-reasons-banner__item svg {
width: 3rem;
height: 3rem;
min-width: 3rem;
}
}
@media (min-width: 992px) {
.aa-reasons-banner .aa-reasons-banner__items.aa-flex {
flex-direction: row;
}
.aa-reasons-banner .aa-reasons-banner__items .aa-reasons-banner__item {
border: none;
width: auto;
min-height: 6.7rem;
}
.aa-reasons-banner .aa-reasons-banner__items {
padding: 2rem 0;
}
.aa-reasons-banner .aa-reasons-banner__items .aa-reasons-banner__item:not(:first-child) {
border-left: 0.1rem solid #CEA11D;
}
}
@media (min-width: 1400px) {
.aa-reasons-banner__item {
padding-left: 5rem;
padding-right: 5rem;
font-size: 2.5rem;
}
}
/*-----------------------------------*\ Social Follow \*-----------------------------------*/
.aa-social-follow {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 2rem;
grid-gap: 3rem;
}
@media (min-width: 1200px) {
.aa-social-follow {
grid-auto-columns: 2rem;
justify-content: flex-end;
grid-gap: 2rem;
}
}
.aa-social-follow a svg {
display: block;
width: 3rem;
height: 100%;
}
@media (min-width: 1200px) {
.aa-social-follow a svg {
width: 2.4rem;
}
}
.aa-social-follow a svg path {
transition: all var(--speed) var(--animation);
}
.aa-social-follow a:hover svg path, .aa-social-follow a:focus svg path, .aa-social-follow a:active svg path {
fill: var(--secondary);
}
/*-----------------------------------*\ Social Sharing \*-----------------------------------*/
.aa-social-sharing {
align-items: center;
display: flex;
gap: calc(var(--gutter) * 0.5);
justify-content: flex-start;
list-style: none;
}
.aa-social-sharing__inner {
align-items: center;
display: flex;
gap: calc(var(--gutter) * 0.5);
justify-content: flex-start;
list-style: none;
}
.aa-social-sharing li {
margin: 0;
padding-left: 0;
}
.aa-social-sharing svg {
display: block;
height: 100%;
width: 2.4rem;
}
.aa-social-sharing svg path {
fill: var(--dark);
}
.aa-social-sharing a:hover svg path, .aa-social-sharing a:focus svg path, .aa-social-sharing a:active svg path {
fill: var(--red);
}
main:not(.aa-landing-page) .aa-social-sharing a:not(.aa-button):not(.hs-button):after {
display: none;
}
.aa-testimonial__item {
background: var(--white);
padding: 3rem;
height: 100%;
box-shadow: 109px 308px 92px 0px rgba(0, 0, 0, 0.00), 70px 197px 84px 0px rgba(0, 0, 0, 0.00), 39px 111px 71px 0px rgba(0, 0, 0, 0.01), 17px 49px 52px 0px rgba(0, 0, 0, 0.02), 4px 12px 29px 0px rgba(0, 0, 0, 0.02);
}
.aa-testimonial__header--mobile-center {
text-align: center;
}
.aa-testimonial__header--mobile-center .aa-module__header__inner {
margin-left: auto;
margin-right: auto;
}
.aa-testimonial__item__author__circle {
width: 6.3rem;
min-width: 6.3rem;
height: 6.3rem;
border-radius: 50%;
display: flex;
align-items:center;
justify-content: center;
background: #d1f9ea;
color: var(--black);
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
font-size: 1.9rem;
}
.aa-testimonial__item__body__summary {
display: flex;
align-items:center;
justify-content: center;
flex-direction: column;
grid-gap: 3rem;
gap: 3rem 0;
}
.aa-testimonial__item__body__summary__image {
width: 20rem;
max-width: 100%;
margin: 0 auto;
}
.aa-testimonial__item__body__summary__button {
width: 100%;
}
.aa-testimonial__item__body {
width: 100%;
}
.aa-testimonial .splide__arrows {
justify-content: center;
}
.aa-testimonial .splide__arrow {
border-radius: 50%;
padding: 0;
opacity: 1;
transition: all 0.3s ease;
}
.aa-testimonial .splide__arrow:hover {
opacity: 0.7;
}
.aa-testimonial .splide__arrow svg {
display: block;
}
.aa-testimonial .splide__arrow + .splide__arrow {
margin-left: 1.1rem;
}
.aa-testimonial__item__stars {
padding-top: 2.5rem;
margin-top: 2.5rem;
border-top: 0.1rem solid #D9D9D9;
background: var(--white);
}
.aa-testimonial__item__author {
margin-top:3.5rem;
font-weight: var(--weight-700);
margin-top: 4rem;
display: flex;
flex-direction: row;
grid-gap: 2rem;
gap: 2rem;
align-items: center;
justify-content: flex-start;
}
.aa-testimonial .aa-module__header__inner {
width: 46rem;
max-width: 100%;
}
@media (min-width: 600px) {
.aa-testimonial__header--mobile-center {
text-align: left;
}
.aa-testimonial .splide__arrows {
justify-content: flex-start;
}
}
@media (min-width: 768px) {
.aa-testimonial--trustpilot .aa-testimonial__body.aa-grid--two.aa-testimonial__body--reverse .aa-module__header {
order: 2;
}
.aa-testimonial--trustpilot .aa-testimonial__body.aa-grid--two.aa-testimonial__body--reverse .aa-testimonial__items {
order: 1;
}
.aa-testimonial__item__stars .trustpilot__small.trustpilot__small--vertical {
flex-direction: row;
align-items: center;
grid-gap: 10px;
gap: 10px;
flex-wrap: wrap;
}
.aa-testimonial__item__stars .trustpilot__small.trustpilot__small--vertical .trustpilot__excellent {
display: none;
}
.aa-testimonial__item__author {
margin-top: 4rem;
}
.aa-testimonial__item {
background: var(--white);
padding: 5rem;
}
.aa-testimonial__item__stars {
padding-top: 2.5rem;
}
}
@media (min-width: 1200px) {
.aa-testimonial--trustpilot .aa-testimonial__body.aa-grid--two {
grid-gap: 2rem 9rem;
gap: 2rem 9rem;
}
}
.aa-columns.aa-columns--logowall .aa-module__header {
width: 72rem;
max-width: 100%;
}
.aa-columns.aa-columns--logowall .aa-grid {
grid-gap: 0;
}
.aa-columns.aa-columns--logowall .aa-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.aa-columns.aa-columns--logowall .aa-image--grayscale {
transition: all 0.3s ease;
}
.aa-columns.aa-columns--logowall .aa-image--grayscale:hover {
filter: grayscale(0);
}
.aa-columns.aa-columns--logowall .aa-column {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
border-right: 0.1rem solid #D9D9D9;
border-top: 0.1rem solid #D9D9D9;
height: 11rem;
}
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-3,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-6,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-9,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-12,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-15,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-18 {
border-right: none;
}
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-1,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-2,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-3 {
border-top: none;
}
.aa-columns.aa-columns--logowall .aa-column__image {
margin: 0;
aspect-ratio: initial;
width: 13rem;
height: 5rem;
max-width: 70%;
max-height: 70%;
}
.aa-columns.aa-columns--logowall .aa-column__image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
@media (min-width: 990px) {
.aa-columns.aa-columns--logowall .aa-grid.aa-grid--six {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-3,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-9,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-15 {
border-right: 0.1rem solid #D9D9D9;
}
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-6,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-12,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-18 {
border-right: none;
}
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-1,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-2,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-3,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-4,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-5,
.aa-columns.aa-columns--logowall .aa-column.aa-column--item-6 {
border-top: none;
}
.aa-columns.aa-columns--logowall .aa-column {
height: 13rem;
}
.aa-columns.aa-columns--logowall .aa-column__image {
width: 11rem;
height: 6rem;
max-width: 70%;
max-height: 70%;
}
}
.aa-links .all-links {
position:relative;
display: flex;
height: 1.2rem;
width: 100%;
align-items: center;
justify-content: center;
}
.aa-links .aa-button.aa-button--small, .aa-button.aa-button--4 {
width: 100%;
}
.aa-links .all-links::after {
content: "";
border-top: 0.1rem solid #D9D9D9;
position: absolute;
z-index: 0;
left: 0;
width: 100%;
height: 1px;
top: 50%;
}
.aa-links .all-links span.wrapper {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
grid-gap: 0.5rem;
gap: 0.5rem;
position: relative;
z-index: 5;
padding: 0 1rem;
}
.aa-links__header {
margin-bottom: 3rem;
}
@media (min-width: 768px) {
.aa-links .aa-button.aa-button--small, .aa-button.aa-button--4 {
width: auto;
}
.aa-links__header {
margin-bottom: 5rem;
}
}
/*-----------------------------------*\
AA - Rich Text
\*-----------------------------------*/
.aa-module__header.aa-module__header--centered,
.aa-module__header.aa-module__header--center {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
max-width: 100%;
text-align: center;
width: 100%;
}
.aa-module__header.aa-module__header--centered .aa-module__body,
.aa-module__header.aa-module__header--center .aa-module__body {
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
}
.aa-module__header.aa-module__header--centered .aa-button-container,
.aa-module__header.aa-module__header--center .aa-button-container {
justify-content: center;
}
.aa-module__header.aa-module__header--centered.aa-module__header--full,
.aa-module__header.aa-module__header--center.aa-module__header--full {
width: 100%;
}
.aa-module__header.aa-module__header--centered.aa-module__header--full .aa-module__body,
.aa-module__header.aa-module__header--center.aa-module__header--full .aa-module__body {
margin-left: auto;
margin-right: auto;
max-width: 100%;
text-align: center;
width: 65rem;
}
.aa-content-alignment--center .aa-text__icon {
display: flex;
align-items: center;
justify-content: center;
}
.aa-text__icon img,
.aa-text__icon--large img {
width: 13rem;
max-width: 100%;
height: auto;
}
.aa-text__icon.aa-text__icon--small img {
width: 4rem;
}
.aa-text__icon.aa-text__icon--default img {
width: 8rem;
}
.aa-text__back {
display: flex;
align-items: center;
justify-content: flex-start;
}
.aa-text__back svg {
margin-right: 1rem;
}
.aa-text__back a {
color: var(--black);
text-decoration: none;
}
.aa-text__back a:hover {
color: var(--black);
text-decoration: underline;
}
.aa-text.aa-text--columns .aa-text__header {
width: 110rem;
max-width: 100%;
}
.aa-text__sections .aa-text__sections__item {
padding-top: 3.6rem;
padding-bottom: 3.6rem;
border-top: 0.1rem solid #CFCFCF;
}
.aa-text__sections .aa-text__sections__item:last-child {
padding-bottom: 0;
}
.aa-text__sections .heading--numbered {
position: relative;
display: flex;
grid-gap: 0 0.8rem;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: nowrap;
}
.aa-text__sections .heading--numbered .number {
display: inline-block;
width: auto;
min-width: 1.5rem;
word-wrap: normal;
}
/*-----------------------------------*\
AA - Video
\*-----------------------------------*/
.aa-video .aa-module__header {
width: 84rem;
max-width: 100%;
}
.aa-video .aa-content-alignment--center .aa-module__header {
margin-left: auto;
margin-right: auto;
}
.aa-video .aa-video-wrapper {
width: 91rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.aa-video-carousel__item__video {
border-radius: 0.8rem;
line-height: 0;
}
.aa-video-carousel__item__video iframe {
width: 100%;
aspect-ratio: 16/9;
}
.aa-video-carousel__item {
display: flex;
flex-direction: column;
grid-gap: 2rem;
gap: 2rem;
}
.aa-video-carousel__item__video {
border-radius: 1.4rem;
overflow: hidden;
}
.aa-video-carousel .aa-module__header {
width: 100%;
max-width: 100rem;
}
.aa-video-carousel .splide__track {
overflow: visible;
width: 94%;
}
.aa-video-carousel__items {
position: relative;
}
.aa-video-carousel__items::before {
content: "";
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
left: -100%;
top: 0;
background: var(--white);
}
.aa-video-carousel.aa-bg-gray-light .aa-video-carousel__items::before {
background: var(--gray-light);
}
.aa-video-carousel__item--popup .aa-video-carousel__item__video {
width: 100%;
height: auto;
aspect-ratio: 16/9;
position: relative;
}
.aa-video-carousel__item--popup .aa-video-carousel__item__video button,
.aa-video-carousel__item--popup .aa-video-carousel__item__video img {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
object-fit: cover;
transition: all 0.3s ease;
}
.aa-video-carousel__item--popup .aa-video-carousel__item__video .play {
position: absolute;
top: calc(50% - 3.5rem);
left: calc(50% - 3.5rem);
width: 7rem;
height: 7rem;
z-index: 5;
}
.aa-video-carousel__item--popup .aa-video-carousel__item__video button:hover,
.aa-video-carousel__item--popup .aa-video-carousel__item__video button:focus-visible {
opacity: 0.7;
}
.aa-video-carousel-modal .aa-content {
padding: 0 !important;
min-height: 1rem;
}
.aa-video-carousel-modal.aa-modal .aa-modal__inner {
height: auto;
}
.aa-video-carousel-modal .aa-video-carousel-modal__content {
aspect-ratio: 16/9;
position: relative;
}
.aa-video-carousel-modal.aa-modal .aa-content p {
padding: 0;
margin: 0;
font-size: 1px;
line-height: 0;
}
.aa-video-carousel-modal.aa-modal .aa-content iframe,
.aa-video-carousel-modal.aa-modal .aa-content .hs-embed-wrapper {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
@media (min-width: 1200px) {
.aa-video-carousel .aa-module__header .aa-grid {
grid-gap: 0 8rem;
gap: 0 8rem;
}
.aa-video-carousel__item {
grid-gap: 4rem;
gap: 4rem;
}
}
.splide__arrow--prev::after {
transform: rotate(180deg);
}
.splide__arrows {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
grid-gap: 0 1.1rem;
gap: 0 1.1rem;
}
.splide__arrows:not(.splide__arrows--custom) .splide__arrow {
width: 5.4rem;
height: 5.4rem;
border-radius: 1rem;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
background: var(--white);
position: relative;
}
section.aa-bg-none .splide__arrow {
border: none;
}
.splide__arrows--custom .splide__arrow:hover,
.splide__arrows--custom .splide__arrow:focus-visible {
opacity: 0.7;
}
.splide__arrows--custom .splide__arrow:focus {
opacity: 1;
}
.splide__arrows:not(.splide__arrows--custom) .splide__arrow svg {
display: none;
}
.splide__arrow::after {
content: none;
}
.splide__arrow[disabled] {
opacity: 0.5 !important;
cursor: default;
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__container {
box-sizing: border-box;
position: relative;
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block;
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
display: none;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
visibility: visible;
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}
.aa-blog-posts__slider .aa-module__header {
max-width: calc(100% - 8rem);
}
.aa-blog-posts__slider .aa-column {
margin-bottom: 0.6rem;
}
@media (min-width: 767px) {
.aa-blog-posts__slider {
overflow: hidden;
}
.splide__arrows {
justify-content: flex-start;
}
.aa-blog-posts__slider .splide {
clip-path: polygon(0 calc(var(--gutter) * -2), 100vw calc(var(--gutter) * -2), 100vw 100%, 0 100%);
}
.aa-blog-posts__slider .splide__track {
overflow: hidden;
}
}
.aa-blog-posts__slider .is-active {
background-color: transparent;
}
@media (min-width: 992px) {
.aa-blog-posts__slider .splide {
grid-column: 5 / span 8;
}
}
.aa-blog-posts__slider .splide__arrows {
display: flex;
gap: 2.5rem;
position: relative;
right: 0;
top: 0;
}
.aa-blog-posts__slider .splide__arrows .splide__arrow--prev {
transform: rotate(0deg);
}
.aa-blog-posts__slider .splide__arrows .splide__arrow {
width: 2.6rem;
height: 2.6rem;
margin: 0;
padding: 0;
}
.aa-blog-posts__slider .splide__arrow + .splide__arrow {
margin: 0;
}
.aa-blog-posts__slider .splide__arrows button {
appearance: none;
background-color: transparent;
border: 0;
}
.custom-slider-container {
position: relative;
left: 0;
width: 100%;
height: 20px; /* Height of the whole slider */
display: flex;
align-items: center;
justify-content: flex-start;
pointer-events: none; /* Prevent accidental clicks */
}
.custom-slider-bar {
position: relative;
width: 90%; /* Adjust to fit the Splide container */
height: 4px;
background: #E6EDF4; /* Light gray background */
border-radius: 2px;
pointer-events: auto;
cursor: pointer;
}
/* Slider knob */
.custom-slider-knob {
position: absolute;
top: 50%;
left: 0;
width: 10rem;
height: 0.8rem;
background: var(--blue-primary); /* Dark blue */
border-radius: 3.3rem;
transform: translate(-50%, -50%);
pointer-events: auto;
cursor: pointer;
transition: all 0.4s ease;
}
.custom-slider-knob.start {
transform: translate(0, -50%);
}
.custom-slider-knob:active {
transform: translate(-50%, -50%) scale(1.2); /* Slightly enlarge on active */
}
.aa-blog-posts__slider .splide__arrows button:hover {
cursor: pointer;
}
.aa-blog-posts__slider .splide__arrows button:hover path, .aa-blog-posts__slider .splide__arrows button:focus path, .aa-blog-posts__slider .splide__arrows button:active path {
fill: var(--primary);
}
.aa-blog-posts__slider .splide__arrows svg {
display: block;
height: 2.6rem;
width: 2.6rem;
}
.aa-blog-posts__slider .splide__arrows path {
fill: var(--blue-primary);
}
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
/*-----------------------------------*\ AA - Media & Text \*-----------------------------------*/
.aa-media-text:not(.aa-media-text--icon) .aa-content {
display: grid;
grid-gap: 2.5rem;
grid-template-columns: inherit;
flex-direction: column;
display: flex;
grid-gap: 2.5rem;
}
.aa-media-text__media-column {
width: 100%;
}
.aa-media-text__media-column--rounded img, .aa-media-text__media-column--rounded video,
.aa-media-text__media-column--rounded iframe {
border-radius: var(--border-radius-large);
overflow: hidden;
}
.aa-media-text__text-column--rounded {
background: var(--white);
padding: 8rem 3rem 6rem;
border-radius: var(--border-radius-large);
overflow: hidden;
}
.aa-media-text__text-column__inner {
width: 100%;
max-width: 56rem;
}
.aa-media-text--number .aa-media-text__text-column__inner {
width: 100%;
max-width: 64rem;
}
.aa-media-text .column-sizes--default .aa-media-text__content {
width: 66rem;
max-width: 100%;
}
.aa-media-text .column-sizes--default .aa-media-text__content.aa-media-text__content--padding {
width: 54rem;
max-width: 100%;
}
.aa-media-text .column-sizes--bigger-image .aa-media-text__media-column {
width: 52rem;
max-width: 100%;
}
.aa-media-text .column-sizes--bigger-image .aa-media-text__content {
width: 46rem;
max-width: 100%;
}
.aa-media-text__content-wrapper--auto {
margin-top: auto;
}
.aa-media-text__text-column {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
}
.aa-media-text__numbers.aa-grid {
display: flex;
justify-content: flex-start;
flex-direction: column;
flex-wrap: wrap;
}
.aa-media-text__media-column {
position: relative;
}
.aa-media-text__media-column img,
.aa-media-text__media-column video {
position: relative;
z-index: 5;
}
.aa-media-text--download .aa-media-text__media-column {
position: relative;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.aa-media-text__form {
position: relative;
}
.aa-media-text__form__arrow {
display: none;
position: absolute;
left: -15rem;
top: calc(50% - 5px);
z-index: 2;
width: 12rem;
max-width: 100%;
}
.aa-media-text__form__arrow svg {
width: 100%;
height: auto;
}
@media (min-width: 1200px) {
.aa-media-text--download .submit-right form .legal-consent-container {
width: 48%;
margin-right: 2%;
margin-top: 0.5rem;
display: inline-block;
}
.aa-media-text__form__arrow {
display:block;
}
.aa-media-text--download .submit-right form .hs_submit {
width: 48%;
margin-left: 2%;
text-align: right;
display: inline-block;
margin-top: 1rem;
float: right;
}
}
.aa-media-text__media-column__circle {
position: absolute;
width:100%;
height: 100%;
z-index: 0;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.aa-media-text__media-column__circle svg {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.aa-media-text__numbers .text {
font-size: 1.5rem;
color: var(--dark);
}
.aa-media-text__numbers .number {
font-size: 3.8rem;
font-weight: var(--weight-700);
color: var(--green);
}
.aa-media-text__numbers__item {
display: flex;
flex-direction: column;
max-width: 100%;
text-align: center;
grid-gap: 1rem;
gap: 1rem;
}
.aa-media-text__numbers__item:nth-child(even) .aa-media-text__numbers__item__inner {
width: auto;
display: inline-flex;
flex-direction: column;
}
.aa-media-text__text-column__inner {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.aa-media-text__text-column__inner .heading {
text-align: center;
}
.aa-media-text__content--top {
align-items: flex-start;
}
.aa-media-text__content--center {
align-items: center;
}
.aa-media-text__content--bottom {
align-items: flex-end;
}
.aa-media-text__media-column img,
.aa-media-text__media-column iframe,
.aa-media-text__media-column video {
width: 100%;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
}
.aa-media-text.aa-media-text--full {
position: relative;
overflow: hidden;
}
@media (min-width: 600px) {
.aa-media-text__text-column__inner,
.aa-media-text__text-column__inner .heading {
text-align: left;
}
.aa-media-text__numbers.aa-grid {
flex-direction: row;
}
}
@media (min-width: 992px) {
.aa-media-text__numbers .text {
font-size: 1.6rem;
}
.aa-media-text__numbers__item {
text-align: left;
}
.aa-media-text:not(.aa-media-text--icon) .aa-content {
flex-direction: row;
}
.aa-media-text__text-column__inner {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 991px) {
.aa-media-text--reversed-mobile .aa-media-text__media-column {
order: 2;
}
.aa-media-text--reversed-mobile .aa-media-text__text-column {
order: 1;
}
.aa-media-text.aa-media-text--full:not(.aa-media-text--reversed-mobile) {
padding-top: 0;
}
.aa-media-text.aa-media-text--full.aa-media-text--reversed-mobile {
padding-bottom: 0;
}
.aa-media-text.aa-media-text--full .aa-media-text__media-column {
left: calc(var(--padding-touch) * -1);
position: relative;
width: 100vw;
}
.aa-media-text__text-column--rounded {
background: transparent;
border-radius: 0;
padding: 0;
padding-bottom: 20px;
}
}
@media (max-width: 601px) {
.aa-media-text.aa-media-text--full .aa-media-text__media-column {
left: calc(var(--padding-mobile) * -1);
}
}
@media (min-width: 992px) {
.aa-media-text--reversed-desktop .aa-media-text__media-column {
order: 2;
}
.aa-media-text.aa-media-text--full > .aa-inner {
grid-template-columns: repeat(13, minmax(0px, 1fr));
}
.aa-media-text.aa-media-text--full > .aa-inner .aa-content-width--full {
grid-column: span 13;
}
.aa-media-text.aa-media-text--full .aa-media-text__media-column {
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 50%;
}
.aa-media-text.aa-media-text--full .aa-media-text__media-column img {
height: 100%;
object-fit: cover;
}
.aa-media-text.aa-media-text--full .aa-media-text__text-column {
grid-column: 0.5714285714;
}
.aa-media-text.aa-media-text--full.aa-media-text--reversed-desktop .aa-media-text__media-column {
left: auto;
right: 0;
}
.aa-media-text.aa-media-text--full.aa-media-text--reversed-desktop .aa-media-text__text-column {
grid-column: 0.1428571429;
}
}
@media (min-width: 768px) {
.aa-media-text--icon.aa-media-text--reversed-desktop .aa-media-text__media-column {
order: 2;
}
.aa-media-text--icon.aa-media-text--reversed-desktop .aa-media-text__text-column {
order: 1;
}
}
.aa-media-text--icon .aa-media-text__media-column img {
margin: 0 auto;
width: calc(min(40%, 20rem));
}
@media (min-width: 768px) {
.aa-media-text--icon .aa-media-text__media-column img {
width: 70%;
}
}
/* modifier */
.aa-media-text .aa-module__header--centered.aa-module__header--centered-off {
text-align: left;
}
.aa-media-text__text-column--centered {
text-align: center;
}
@media (min-width: 768px) {
.aa-media-text .aa-module__header--centered.aa-module__header--centered-off {
text-align: center;
}
.aa-media-text__text-column--centered {
text-align: left;
}
}
@media (min-width: 1200px) {
.aa-content .aa-media-text__text-column.aa-media-text__text-column--padding {
padding-right: 10rem;
}
.aa-media-text:not(.aa-media-text--icon) .aa-content {
flex-direction: row;
grid-gap: 9.3rem;
gap: 9.3rem;
}
.aa-media-text--reversed-desktop .aa-media-text__text-column.aa-media-text__text-column--padding {
order: 1;
padding-left: 10rem;
padding-right: 0;
}
.aa-media-text__media-column img,
.aa-media-text__media-column .hs-video-widget {
width: 100%;
max-width: 60rem;
object-fit: contain;
}
.aa-media-text--number .aa-media-text__media-column img, .aa-media-text--number .aa-media-text__media-column .hs-video-widget {
width: 100%;
max-width: 53rem;
object-fit: contain;
}
.aa-media-text--reversed-desktop .aa-media-text__text-column.aa-media-text__text-column--padding {
padding-left: 10rem;
padding-right: 0;
}
.aa-media-text--reversed-desktop .aa-media-text__media-column {
display: flex;
justify-content: flex-end;
}
}
/*-----------------------------------*\ Blog Listing \*-----------------------------------*/
.blog-index-top-wrapper {
padding-bottom: 250px;
background: linear-gradient(211.33deg, #2471ff 18.92%, #2672ff 18.93%, #0049d2 81.08%);
}
.blog__dnd_area .aa-bg-gray-light.aa-media-text {
background: var(--white);
}
.blog-index-hero {
color: var(--white);
text-align: center;
}
.blog-index-hero .aa-subheading {
color: var(--white);
}
.blog-index-hero h1 {
margin-bottom: 25px;
line-height: 1.2;
}
.blog-index-hero__header {
max-width: 920px;
margin: 0 auto;
margin-bottom: 45px;
}
.blog-index-hero__body {
max-width: 620px;
margin: 0 auto;
margin-bottom: 45px;
}
.blog-index-hero__body .hs-search-field__bar form {
position: relative;
}
.blog-index-hero__body .hs-search-field__bar form svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 17px;
}
.blog-index-hero__body .hs-search-field__bar input {
background: transparent;
padding-left: 45px;
border: 2px solid var(--gray-dark);
color: var(--white);
}
.blog-index-hero__body .hs-search-field__bar input::placeholder {
color: var(--gray-light);
}
.blog-index-hero__footer {
display: flex;
gap: 15px;
width: 100%;
max-width: 100%;
overflow: scroll;
padding-bottom: 10px;
}
.blog-index-hero__footer .tag {
flex-shrink: 0;
padding: 12px 24px;
border-radius: 10px;
border: 1px solid var(--white);
text-decoration: none;
font-size: 18px;
line-height: 1;
color: var(--white);
transition: all ease-in-out 0.3s;
}
.blog-index-hero__footer .tag:hover, .blog-index-hero__footer .tag.tag--current {
background-color: var(--white);
color: var(--blue-primary);
}
@media (min-width: 978px) {
.blog-index-hero__footer {
overflow: hidden;
padding-bottom: 0px;
margin-bottom: 75px;
justify-content: center;
}
}
.aa-blog-index .aa-blog-posts__header {
margin-bottom: 75px;
text-align: center;
}
.aa-blog-index article.aa-column--link {
position: relative;
transition: all 0.2s ease;
background: transparent;
}
.aa-blog-index article.aa-column--link .post-link {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
}
.aa-blog-index article.aa-column--link .aa-hero__image__inner img {
transform: scale(1);
transition: all 0.4s ease-in-out;
}
.aa-blog-index .aa-blog-posts article .aa-hero__image__inner {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.aa-blog-index article.aa-column--link:hover .aa-hero__image__inner img {
transform: scale(1.05);
}
.aa-blog-index article.aa-column--link:hover {
background-color: var(--gray-light);
border-radius: var(--border-radius-large);
}
.aa-blog-index .aa-blog-posts article.aa-column--link .content-border {
display: none;
}
.aa-blog-index .aa-blog-posts article.aa-column--link:hover .content-border {
border: 0.1rem solid var(--gray-dark);
border-left: none;
}
.aa-blog-index article.aa-column--link .heading {
transition: all 0.4s ease;
}
.aa-blog-index article.aa-column--link:hover .heading {
color: var(--blue-primary);
text-decoration: underline;
}
@media (min-width: 1200px) {
.aa-blog-index .aa-blog-posts .aa-grid.aa-grid--one {
grid-gap: 6rem 0;
}
.aa-blog-index .aa-blog-posts article.aa-column--link .content-border {
border: 0.1rem solid transparent;
border-left: none;
width: calc(50% + 4.1rem);
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 1;
display: block;
border-radius: var(--border-radius-large);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
transition: all 0.4s ease;
}
}
/* Index featured section */
.index-featured {
margin-top: -250px;
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
}
.index-featured .wrapper {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 24px;
max-width: 1270px;
margin: 0 auto;
padding: 18px;
background: var(--white);
border-radius: 16px;
}
.index-featured .index-featured-wrapper {
text-decoration: none;
transition: all ease-in-out 0.2s;
}
.index-featured .index-featured-wrapper img {
transition: all ease-in-out 0.2s;
}
.index-featured .index-featured-wrapper:hover {
text-decoration: none;
color: var(--black);
}
.index-featured .index-featured-wrapper:hover img {
transform: scale(1.1);
}
.index-featured .index-featured__header {
display: block;
width: 100%;
}
.index-featured .index-featured__header .index-featured-date {
margin-top: 25px;
color: var(--red);
}
.index-featured .index-featured__body {
padding: 18px;
background: var(--blue-primary);
border-radius: 16px;
width: 100%;
}
.index-featured .index-featured-list-item {
position: relative;
border-bottom: none;
display: block;
text-decoration: none;
transition: all ease-in-out 0.2s;
}
.index-featured .index-featured-list-item .index-featured-list-item-date {
color: var(--blue-primary);
}
.index-featured .index-featured-list-item .index-featured-list-item-title {
position: relative;
padding-right: 35px;
margin-top: 10px;
}
.index-featured .index-featured-list-item:hover {
text-decoration: none;
}
.index-featured .index-featured-list-item-title::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 2.4rem;
height: 2.4rem;
margin-left: 0.8rem;
background-image: url(/hubfs/assets/layout/icon-arrow-forward-primary.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.index-featured .index-featured-list-item:not(:last-of-type) {
border-bottom: 1px solid var(--gray-light);
padding-bottom: 16px;
}
.index-featured .index-featured-list-item:not(:first-of-type) {
padding-top: 16px;
}
.index-featured-image-wrapper {
position: relative;
border-radius: 22px;
overflow: hidden;
}
.index-featured-image-wrapper .aa-tags {
position: absolute;
z-index: 8;
top: 24px;
left: 24px;
}
.aa-accordion__box__filters__select {
margin-bottom: 16px;
}
@media (min-width: 978px) {
.aa-accordion__box__filters__select {
margin-bottom: 0;
}
.index-featured {
padding-left: var(--padding);
padding-right: var(--padding);
}
.index-featured .wrapper {
padding: 42px;
flex-direction: row;
}
.index-featured .index-featured__header {
max-width: 640px;
border-radius: 22px;
}
.index-featured .index-featured__body {
padding: 40px;
border-radius: 22px;
width: auto;
}
.index-featured-list-item:not(:last-of-type) {
padding-bottom: 50px;
}
.index-featured-list-item:not(:first-of-type) {
padding-top: 50px;
}
}
/* Search */
.aa-blog-index .hs-search-field--open .hs-search-field__suggestions {
display: flex;
flex-direction: column;
gap: 10px;
text-align: left;
margin: 0;
margin-top: 10px;
padding: 16px;
background-color: var(--white);
border-radius: 16px;
border: 1px solid var(--white);
color: var(--black);
}
.aa-blog-index .hs-search-field--open .hs-search-field__suggestions li {
padding: 0;
}
.aa-blog-index .hs-search-field--open .hs-search-field__suggestions li a {
position: relative;
}
.aa-blog-index .hs-search-field--open .hs-search-field__suggestions li a::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 2rem;
height: 2rem;
margin-left: 0.8rem;
background-image: url(/hubfs/assets/layout/icon-arrow-forward-primary.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.aa-blog-index .hs-search-field--open .hs-search-field__suggestions li:hover, .aa-blog-index .hs-search-field--open .hs-search-field__suggestions li a:hover {
background: transparent;
}
/*-----------------------------------*\ Blog Post \*-----------------------------------*/
.aa-blog-posts #blog_post_slider__desktop {
display: none;
}
.aa-blog-posts #blog_post_slider__mobile {
display: block !important;
}
@media (min-width: 600px) {
.aa-blog-posts #blog_post_slider__desktop {
display: grid;
}
.aa-blog-posts #blog_post_slider__mobile {
display: none !important;
}
}
.aa-content--blog-wide {
max-width: 115rem;
margin: 0 auto;
}
.aa-content--blog {
max-width: 76rem;
margin: 0 auto;
}
/* Blog hero */
.blog-post-hero__header {
position: relative;
}
.blog-post-hero__header .back-button {
display: inline-block;
}
.blog-post-hero__header .back-button a {
display: flex;
align-items: center;
gap: 1rem;
text-decoration: underline;
}
.blog-post-hero__header .back-button a svg {
transition: all ease-in-out 0.2s;
width: 0.6rem;
height: auto;
}
.blog-post-hero__header .back-button:hover a svg {
transform: translateX(-5px);
}
.blog-post-hero__header .blog-post-title {
padding-top: 6rem;
margin-bottom: 35px;
}
@media (min-width: 767px) {
.blog-post-hero__header .blog-post-title {
text-align: center;
}
.blog-post-hero__header .blog-post-title h1 {
font-size: 5.6rem;
line-height: 1.3em;
letter-spacing: -0.02em;
}
}
@media (min-width: 1400px) {
.blog-post-hero__header .back-button {
position: absolute;
left: -5%;
top: 0;
}
}
a.blog-post__author-name {
text-decoration: underline;
}
.blog-post-meta {
display: flex;
flex-direction: column-reverse;
flex-wrap: wrap;
gap: 35px;
}
.blog-post-meta .tag-wrapper {
display: flex;
gap: 10px;
align-items: center;
}
.blog-post-meta .tag-wrapper .tag {
background: var(--white);
padding: 10px 22px;
border-radius: 22px;
color: var(--blue-primary);
font-weight: 500;
font-size: 12px;
line-height: 1;
}
.blog-post-meta .blog-post-meta-text {
display: flex;
gap: 20px;
align-items: center;
}
.blog-post-meta .read-time {
display: flex;
gap: 10px;
align-items: center;
}
@media (min-width: 767px) {
.blog-post-meta {
align-items: center;
justify-content: center;
flex-direction: row;
}
}
.blog-post-hero__body {
position: relative;
border-radius: var(--border-radius-large);
overflow: hidden;
height: 0;
width: 100%;
padding: 0 0 46.7% 0;
margin-bottom: 6rem;
}
.blog-post-hero__body img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
.blog-post-content {
margin-bottom: 6rem;
}
.blog-post-content .intro #hs_cos_wrapper_blog_heading:not(:empty) {
padding-bottom: 3.6rem;
display: block;
}
.blog-post-content #hs_cos_wrapper_post_body > p > img, .blog-post-content #hs_cos_wrapper_post_body > span > img .blog-post-content #hs_cos_wrapper_post_body > div > img {
border-radius: var(--border-radius-large);
overflow: hidden;
}
.blog-post-content #hs_cos_wrapper_post_body section.aa-bg-none.aa-module, .blog-post-content #hs_cos_wrapper_post_body section.aa-bg-none .aa-module, .blog-post-content #hs_cos_wrapper_post_body section .aa-bg-none.aa-module, .blog-post-content #hs_cos_wrapper_post_body section .aa-bg-none .aa-module, .blog-post-content #hs_cos_wrapper_post_body section.aa-bg-white.aa-module, .blog-post-content #hs_cos_wrapper_post_body section.aa-bg-white .aa-module, .blog-post-content #hs_cos_wrapper_post_body section .aa-bg-white.aa-module, .blog-post-content #hs_cos_wrapper_post_body section .aa-bg-white .aa-module, .blog-post-content #hs_cos_wrapper_post_body section {
padding-left: 0;
padding-right: 0;
}
.blog-post-hero__body.aa-content--blog {
max-width: 100%;
}
/* Blog post apppendix */
.blog-post-appendix {
margin-bottom: 60px;
}
.blog-post-appendix .aa-content {
display: flex;
flex-direction: column;
gap: 35px;
max-width: 720px;
margin: 0 auto;
}
.blog-post-appendix .blog-post-appendix__header {
max-width: 30%;
width: 100%;
}
.blog-post-appendix .blog-post-appendix__body {
display: flex;
flex-direction: column;
gap: 20px;
}
.blog-post-appendix .blog-post-appendix__body a {
display: flex;
gap: 20px;
align-items: flex-start;
text-decoration: none;
}
.blog-post-appendix span {
font-size: 18px;
font-weight: 400;
}
.blog-post-appendix .index-number {
font-size: 22px;
color: var(--blue-primary);
}
@media (min-width: 767px) {
.blog-post-appendix .aa-content {
flex-direction: row;
gap: 100px;
}
}
/* Blog post content */
/* Related */
/*-----------------------------------*\ System Pages \*-----------------------------------*/
.aa-system-page h1 {
margin-bottom: 0.5em;
}
.aa-system-page form {
max-width: 100%;
}
.aa-system-page--subscription .fakelabel span {
font-weight: var(--weight-700);
}
.aa-system-page--subscription .fakelabel,
.aa-system-page--subscription .subscribe-options label {
padding-left: 4rem;
position: relative;
}
.aa-system-page--subscription .fakelabel input,
.aa-system-page--subscription .subscribe-options label input {
width: 2rem;
height: 2rem;
position: absolute;
top: 0.3rem;
left: 0;
}
.aa-system-page .hs-search-results__pagination__link::after {
content: none !important;
}
.aa-system-page--subscription .success {
font-size: 2.2rem;
font-weight: var(--weight-700);
margin-top: 3rem !important;
padding-top: 3rem;
border-top: 0.1rem solid var(--primary);
}
.aa-system-page .hs-search-field__bar button svg {
height: 3rem;
position: absolute;
right: 2rem;
top: 1.2rem;
}
.aa-system-page .hs-search-results__listing .hs-search-results__title {
font-size: 2.2rem;
line-height: 1.3em;
margin-bottom: 2.5rem;
}
.aa-system-page.aa-system-page--subscription .email-prefs .item .checkbox-row + p {
padding-left: 4rem;
}
.aa-system-page.aa-system-page--subscription .email-prefs .item {
padding-bottom: 2.5rem;
margin-bottom: 2.5rem;
border-bottom: 0.1rem solid var(--primary);
}
.aa-system-page.aa-system-page--subscription .email-prefs .item:first-of-type {
padding-top: 2.5rem;
margin-top: 2.5rem;
border-top: 0.1rem solid var(--primary);
}
.aa-system-page form h3 {
margin: 0;
text-align: left;
color: var(--body-color);
font-family: var(--body-font);
font-size: var(--form-font-size);
line-height: var(--form-line-height);
font-weight: 400 !important;
margin-bottom: calc(var(--gutter) * 0.25);
}
.aa-system-page form .hs-input {
font-size: var(--form-font-size) !important;
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: var(--padding) !important;
padding-right: var(--padding) !important;
}
.aa-system-page form .hs-submit {
margin-top: 0rem;
}
.aa-system-page form .hs-button {
margin-top: var(--gutter);
}
.aa-system-page form .hs-form-field:not(:last-of-type) {
margin-bottom: calc(var(--gutter) * 0.75);
}
.aa-system-page form .hs-form-field > label {
display: inline-block;
font-size: var(--form-field-label-font-size);
font-weight: var(--form-field-label-font-weight);
margin-bottom: calc(var(--gutter) * 0.25);
}
.aa-system-page form .hs-form-field > label:empty, .aa-system-page form .hs-form-field > label:empty + span {
display: none;
}
.aa-system-page form .hs-login-widget-show-password, .aa-system-page form .hs-register-widget-show-password, .aa-system-page form .hs-reset-widget-show-password {
font-size: 0.8em;
font-weight: var(--form-field-label-font-weight);
line-height: 1.2;
margin-bottom: calc(var(--gutter) * 0.25);
}
.aa-system-page ul.hs-error-msgs {
margin: 0;
}
.aa-system-page ul.hs-error-msgs label:before {
display: none;
}
.aa-system-page .hs_cos_wrapper_type_member_login .hs-form-field:nth-of-type(3) {
flex-direction: row;
}
.aa-system-page .hs_cos_wrapper_type_member_login .hs-form-field:nth-of-type(3) label {
margin-bottom: 0;
}
.aa-system-page .hs_cos_wrapper_type_password_prompt {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 50rem;
margin-top: 2rem;
width: 100%;
}
.aa-system-page .hs-form {
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
justify-content: center;
}
.aa-system-page .hs_cos_wrapper_type_password_prompt form {
max-width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin: 0 auto;
}
.aa-system-page .hs_cos_wrapper_type_password_prompt input {
margin-left: auto;
margin-right: auto;
}
.aa-system-page .hs_cos_wrapper_type_password_prompt [name=password] {
height: 3rem !important;
}
.aa-system-page .email-prefs {
margin-top: 2rem;
}
.aa-system-page .email-prefs .item {
margin-bottom: 1.4rem;
padding-bottom: 1.4rem;
border-bottom: 0.1rem solid var(--secondary);
}
.aa-system-page .email-prefs .item:first-of-type {
margin-top: 1.4rem;
padding-top: 1.4rem;
border-top: 0.1rem solid var(--secondary);
}
.aa-system-page .email-prefs .item .checkbox-row + p {
margin-top: 0.8rem;
}
.aa-system-page .email-prefs .subscribe-options {
margin-top: 1.8rem;
}
.aa-system-page .email-prefs .subscribe-options .header {
margin-bottom: 1rem;
}
.aa-system-page .email-prefs .hs-button {
margin-top: var(--gutter);
}
.aa-system-page .page-header + .success {
margin-top: 1.4rem;
}