/*-----------------------------------*\
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
\*-----------------------------------*/
/* Responsive grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
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:before, .container-fluid:after {
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:before, .row-fluid:after {
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:before, .row-fluid:after {
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 */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
/*-----------------------------------*\
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:12.5rem
}
.aa-module-margin--largest,.aa-module-margin-top--largest{
margin-top:12.5rem
}
@media (min-width:992px){
.aa-module-spacing--largest,.aa-module-spacing-top--largest{
padding-top:18rem
}
.aa-module-margin--largest,.aa-module-margin-top--largest{
margin-top:18rem
}
}
.aa-module-spacing--largest,.aa-module-spacing-bottom--largest{
padding-bottom:12.5rem
}
.aa-module-margin--largest,.aa-module-margin-bottom--largest{
margin-bottom:12.5rem
}
@media (min-width:992px){
.aa-module-spacing--largest,.aa-module-spacing-bottom--largest{
padding-bottom:18rem
}
.aa-module-margin--largest,.aa-module-margin-bottom--largest{
margin-bottom:18rem
}
}
.aa-module-spacing--large,.aa-module-spacing-top--large{
padding-top:6rem
}
.aa-module-margin--large,.aa-module-margin-top--large{
margin-top:6rem
}
@media (min-width:992px){
.aa-module-spacing--large,.aa-module-spacing-top--large{
padding-top:10rem
}
.aa-module-margin--large,.aa-module-margin-top--large{
margin-top:10rem
}
}
@media (min-width:1440px){
.aa-module-spacing--large,.aa-module-spacing-top--large{
padding-top:10rem
}
.aa-module-margin--large,.aa-module-margin-top--large{
margin-top:10rem
}
}
.aa-module-spacing--large,.aa-module-spacing-bottom--large{
padding-bottom:6rem
}
.aa-module-margin--large,.aa-module-margin-bottom--large{
margin-bottom:6rem
}
@media (min-width:992px){
.aa-module-spacing--large,.aa-module-spacing-bottom--large{
padding-bottom:10rem
}
.aa-module-margin--large,.aa-module-margin-bottom--large{
margin-bottom:10rem
}
}
@media (min-width:1440px){
.aa-module-spacing--large,.aa-module-spacing-bottom--large{
padding-bottom:10rem;
}
.aa-module-margin--large,.aa-module-margin-bottom--large{
margin-bottom:10rem;
}
}
.aa-module-spacing--medium,.aa-module-spacing-top--medium{
padding-top:5rem
}
.aa-module-margin--medium,.aa-module-margin-top--medium{
margin-top:5rem
}
@media (min-width:992px){
.aa-module-spacing--medium,.aa-module-spacing-top--medium{
padding-top:5rem
}
.aa-module-margin--medium,.aa-module-margin-top--medium{
margin-top:5rem
}
}
@media (min-width:1440px){
.aa-module-spacing--medium,.aa-module-spacing-top--medium{
padding-top:6.4rem
}
.aa-module-margin--medium,.aa-module-margin-top--medium{
margin-top:6.4rem
}
}
.aa-module-spacing--medium,.aa-module-spacing-bottom--medium{
padding-bottom:5rem
}
.aa-module-margin--medium,.aa-module-margin-bottom--medium{
margin-bottom:5rem
}
@media (min-width:992px){
.aa-module-spacing--medium,.aa-module-spacing-bottom--medium{
padding-bottom:5rem
}
.aa-module-margin--medium,.aa-module-margin-bottom--medium{
margin-bottom:5rem
}
}
@media (min-width:1440px){
.aa-module-spacing--medium,.aa-module-spacing-bottom--medium{
padding-bottom:6.4rem
}
.aa-module-margin--medium,.aa-module-margin-bottom--medium{
margin-bottom:6.4rem
}
}
.aa-module-spacing--small,.aa-module-spacing-top--small{
padding-top:2.5rem
}
.aa-module-margin--small,.aa-module-margin-top--small{
margin-top:2.5rem
}
@media (min-width:1440px){
.aa-module-spacing--small,.aa-module-spacing-top--small{
padding-top:2.5rem
}
.aa-module-margin--small,.aa-module-margin-top--small{
margin-top:2.5rem
}
}
.aa-module-spacing--small,.aa-module-spacing-bottom--small{
padding-bottom:2.5rem
}
.aa-module-margin--small,.aa-module-margin-bottom--small{
margin-bottom:2.5rem
}
@media (min-width:1440px){
.aa-module-spacing--small,.aa-module-spacing-bottom--small{
padding-bottom:2.5rem
}
.aa-module-margin--small,.aa-module-margin-bottom--small{
margin-bottom:2.5rem
}
}
.aa-module-spacing--smallest,.aa-module-spacing-top--smallest{
padding-top:1.5rem
}
.aa-module-margin--smallest,.aa-module-margin-top--smallest{
margin-top:1.5rem
}
@media (min-width:992px){
.aa-module-spacing--smallest,.aa-module-spacing-top--smallest{
padding-top:1.5rem
}
.aa-module-margin--smallest,.aa-module-margin-top--smallest{
margin-top:1.5rem
}
}
.aa-module-spacing--smallest,.aa-module-spacing-bottom--smallest{
padding-bottom:1.5rem
}
.aa-module-margin--smallest,.aa-module-margin-bottom--smallest{
margin-bottom:1.5rem
}
@media (min-width:992px){
.aa-module-spacing--smallest,.aa-module-spacing-bottom--smallest{
padding-bottom:1.5rem;
}
.aa-module-margin--smallest,.aa-module-margin-bottom--smallest{
margin-bottom:1.5rem;
}
}
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:768px){
.hidden-sm-up{
display:none!important
}
}
@media (max-width:767px){
.hidden-sm-down{
display:none!important
}
}
@media (min-width:768px){
.hidden-md-up{
display:none!important
}
}
@media (max-width:991px){
.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:1183px){
.hidden-xl-up{
display:none!important
}
}
@media (max-width:1182px){
.hidden-xl-down{
display:none!important
}
}
.row{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
margin-right:-8px;
margin-left:-8px
}
@media (min-width:120rem){
.row{
margin-right:-16px;
margin-left:-16px
}
}
.row.row--small{
margin-right:-8px;
margin-left:-8px
}
.row--column{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.row.row-stretch{
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch
}
.row--disable{
display:block
}
.row--20{
margin-right:-1rem;
margin-left:-1rem
}
.row--40{
margin-right:-2rem;
margin-left:-2rem
}
.row--60{
margin-right:-32px;
margin-left:-32px
}
.row--80{
margin-right:-4rem;
margin-left:-4rem
}
.row--20>[class*=col-]{
padding-right:1rem;
padding-left:1rem
}
.row--40>[class*=col-]{
padding-right:2rem;
padding-left:2rem
}
.row--60>[class*=col-]{
padding-right:32px;
padding-left:32px
}
.row--80>[class*=col-]{
padding-right:4rem;
padding-left:4rem
}
.no-gutters{
margin-right:0;
margin-left:0
}
.no-gutters>.col,.no-gutters>[class*=col-]{
padding-right:0;
padding-left:0
}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-en,.col-en-1,.col-en-2,.col-en-3,.col-en-4,.col-en-5,.col-en-6,.col-en-7,.col-en-8,.col-en-9,.col-en-10,.col-en-11,.col-en-12,.col-en-auto,.col-hg,.col-hg-1,.col-hg-2,.col-hg-3,.col-hg-4,.col-hg-5,.col-hg-6,.col-hg-7,.col-hg-8,.col-hg-9,.col-hg-10,.col-hg-11,.col-hg-12,.col-hg-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{
position:relative;
width:100%;
padding-right:8px;
padding-left:8px
}
@media (min-width:120rem){
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-en,.col-en-1,.col-en-2,.col-en-3,.col-en-4,.col-en-5,.col-en-6,.col-en-7,.col-en-8,.col-en-9,.col-en-10,.col-en-11,.col-en-12,.col-en-auto,.col-hg,.col-hg-1,.col-hg-2,.col-hg-3,.col-hg-4,.col-hg-5,.col-hg-6,.col-hg-7,.col-hg-8,.col-hg-9,.col-hg-10,.col-hg-11,.col-hg-12,.col-hg-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{
padding-right:16px;
padding-left:16px
}
}
.row.row--small .col,.row.row--small .col-1,.row.row--small .col-2,.row.row--small .col-3,.row.row--small .col-4,.row.row--small .col-5,.row.row--small .col-6,.row.row--small .col-7,.row.row--small .col-8,.row.row--small .col-9,.row.row--small .col-10,.row.row--small .col-11,.row.row--small .col-12,.row.row--small .col-auto,.row.row--small .col-en,.row.row--small .col-en-1,.row.row--small .col-en-2,.row.row--small .col-en-3,.row.row--small .col-en-4,.row.row--small .col-en-5,.row.row--small .col-en-6,.row.row--small .col-en-7,.row.row--small .col-en-8,.row.row--small .col-en-9,.row.row--small .col-en-10,.row.row--small .col-en-11,.row.row--small .col-en-12,.row.row--small .col-en-auto,.row.row--small .col-hg,.row.row--small .col-hg-1,.row.row--small .col-hg-2,.row.row--small .col-hg-3,.row.row--small .col-hg-4,.row.row--small .col-hg-5,.row.row--small .col-hg-6,.row.row--small .col-hg-7,.row.row--small .col-hg-8,.row.row--small .col-hg-9,.row.row--small .col-hg-10,.row.row--small .col-hg-11,.row.row--small .col-hg-12,.row.row--small .col-hg-auto,.row.row--small .col-lg,.row.row--small .col-lg-1,.row.row--small .col-lg-2,.row.row--small .col-lg-3,.row.row--small .col-lg-4,.row.row--small .col-lg-5,.row.row--small .col-lg-6,.row.row--small .col-lg-7,.row.row--small .col-lg-8,.row.row--small .col-lg-9,.row.row--small .col-lg-10,.row.row--small .col-lg-11,.row.row--small .col-lg-12,.row.row--small .col-lg-auto,.row.row--small .col-md,.row.row--small .col-md-1,.row.row--small .col-md-2,.row.row--small .col-md-3,.row.row--small .col-md-4,.row.row--small .col-md-5,.row.row--small .col-md-6,.row.row--small .col-md-7,.row.row--small .col-md-8,.row.row--small .col-md-9,.row.row--small .col-md-10,.row.row--small .col-md-11,.row.row--small .col-md-12,.row.row--small .col-md-auto,.row.row--small .col-sm,.row.row--small .col-sm-1,.row.row--small .col-sm-2,.row.row--small .col-sm-3,.row.row--small .col-sm-4,.row.row--small .col-sm-5,.row.row--small .col-sm-6,.row.row--small .col-sm-7,.row.row--small .col-sm-8,.row.row--small .col-sm-9,.row.row--small .col-sm-10,.row.row--small .col-sm-11,.row.row--small .col-sm-12,.row.row--small .col-sm-auto,.row.row--small .col-xl,.row.row--small .col-xl-1,.row.row--small .col-xl-2,.row.row--small .col-xl-3,.row.row--small .col-xl-4,.row.row--small .col-xl-5,.row.row--small .col-xl-6,.row.row--small .col-xl-7,.row.row--small .col-xl-8,.row.row--small .col-xl-9,.row.row--small .col-xl-10,.row.row--small .col-xl-11,.row.row--small .col-xl-12,.row.row--small .col-xl-auto{
padding-right:8px;
padding-left:8px
}
.col{
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-1>*{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-2>*{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-3>*{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-4>*{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-5>*{
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-6>*{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
max-width:100%;
width:auto
}
.col-1,.col-auto{
-webkit-box-flex:0
}
.col-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-2,.col-3{
-webkit-box-flex:0
}
.col-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-4,.col-5{
-webkit-box-flex:0
}
.col-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-6,.col-7{
-webkit-box-flex:0
}
.col-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-8,.col-9{
-webkit-box-flex:0
}
.col-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-10,.col-11{
-webkit-box-flex:0
}
.col-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-12{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.offset-1{
margin-left:8.33333%
}
.offset-2{
margin-left:16.66667%
}
.offset-3{
margin-left:25%
}
.offset-4{
margin-left:33.33333%
}
.offset-5{
margin-left:41.66667%
}
.offset-6{
margin-left:50%
}
.offset-7{
margin-left:58.33333%
}
.offset-8{
margin-left:66.66667%
}
.offset-9{
margin-left:75%
}
.offset-10{
margin-left:83.33333%
}
.offset-11{
margin-left:91.66667%
}
@media (min-width:576px){
.col-sm{
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-sm-1>*{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-sm-2>*{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-sm-3>*{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-sm-4>*{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-sm-5>*{
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-sm-6>*{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-sm-auto{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
max-width:100%;
width:auto
}
.col-sm-1{
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-sm-2{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-sm-3{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-sm-4{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-sm-5{
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-sm-6{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-sm-7{
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-sm-8{
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-sm-9{
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-sm-10{
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-sm-11{
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-sm-12{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.offset-sm-0{
margin-left:0
}
.offset-sm-1{
margin-left:8.33333%
}
.offset-sm-2{
margin-left:16.66667%
}
.offset-sm-3{
margin-left:25%
}
.offset-sm-4{
margin-left:33.33333%
}
.offset-sm-5{
margin-left:41.66667%
}
.offset-sm-6{
margin-left:50%
}
.offset-sm-7{
margin-left:58.33333%
}
.offset-sm-8{
margin-left:66.66667%
}
.offset-sm-9{
margin-left:75%
}
.offset-sm-10{
margin-left:83.33333%
}
.offset-sm-11{
margin-left:91.66667%
}
}
@media (min-width:768px){
.col-md{
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-md-1>*{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-md-2>*{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-md-3>*{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-md-4>*{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-md-5>*{
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-md-6>*{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-md-auto{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
max-width:100%;
width:auto
}
.col-md-1{
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-md-2{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-md-3{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-md-4{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-md-5{
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-md-6{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-md-7{
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-md-8{
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-md-9{
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-md-10{
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-md-11{
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-md-12{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.offset-md-0{
margin-left:0
}
.offset-md-1{
margin-left:8.33333%
}
.offset-md-2{
margin-left:16.66667%
}
.offset-md-3{
margin-left:25%
}
.offset-md-4{
margin-left:33.33333%
}
.offset-md-5{
margin-left:41.66667%
}
.offset-md-6{
margin-left:50%
}
.offset-md-7{
margin-left:58.33333%
}
.offset-md-8{
margin-left:66.66667%
}
.offset-md-9{
margin-left:75%
}
.offset-md-10{
margin-left:83.33333%
}
.offset-md-11{
margin-left:91.66667%
}
}
@media (min-width:992px){
.col-lg{
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-lg-1>*{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-lg-2>*{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-lg-3>*{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-lg-4>*{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-lg-5>*{
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-lg-6>*{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-lg-auto{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
max-width:100%;
width:auto
}
.col-lg-1{
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-lg-2{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-lg-3{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-lg-4{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-lg-5{
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-lg-6{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-lg-7{
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-lg-8{
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-lg-9{
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-lg-10{
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-lg-11{
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-lg-12{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.offset-lg-0{
margin-left:0
}
.offset-lg-1{
margin-left:8.33333%
}
.offset-lg-2{
margin-left:16.66667%
}
.offset-lg-3{
margin-left:25%
}
.offset-lg-4{
margin-left:33.33333%
}
.offset-lg-5{
margin-left:41.66667%
}
.offset-lg-6{
margin-left:50%
}
.offset-lg-7{
margin-left:58.33333%
}
.offset-lg-8{
margin-left:66.66667%
}
.offset-lg-9{
margin-left:75%
}
.offset-lg-10{
margin-left:83.33333%
}
.offset-lg-11{
margin-left:91.66667%
}
}
@media (min-width:120rem){
.col-xl{
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-xl-1>*{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-xl-2>*{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-xl-3>*{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-xl-4>*{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-xl-5>*{
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-xl-6>*{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-xl-auto{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
max-width:100%;
width:auto
}
.col-xl-1{
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-xl-2{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-xl-3{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-xl-4{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-xl-5{
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-xl-6{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-xl-7{
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-xl-8{
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-xl-9{
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-xl-10{
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-xl-11{
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-xl-12{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.offset-xl-0{
margin-left:0
}
.offset-xl-1{
margin-left:8.33333%
}
.offset-xl-2{
margin-left:16.66667%
}
.offset-xl-3{
margin-left:25%
}
.offset-xl-4{
margin-left:33.33333%
}
.offset-xl-5{
margin-left:41.66667%
}
.offset-xl-6{
margin-left:50%
}
.offset-xl-7{
margin-left:58.33333%
}
.offset-xl-8{
margin-left:66.66667%
}
.offset-xl-9{
margin-left:75%
}
.offset-xl-10{
margin-left:83.33333%
}
.offset-xl-11{
margin-left:91.66667%
}
}
@media (min-width:1440px){
.col-hg{
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-hg-1>*{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-hg-2>*{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-hg-3>*{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-hg-4>*{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-hg-5>*{
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-hg-6>*{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-hg-auto{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
max-width:100%;
width:auto
}
.col-hg-1{
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-hg-2{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-hg-3{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-hg-4{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-hg-5{
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-hg-6{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-hg-7{
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-hg-8{
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-hg-9{
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-hg-10{
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-hg-11{
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-hg-12{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.offset-hg-0{
margin-left:0
}
.offset-hg-1{
margin-left:8.33333%
}
.offset-hg-2{
margin-left:16.66667%
}
.offset-hg-3{
margin-left:25%
}
.offset-hg-4{
margin-left:33.33333%
}
.offset-hg-5{
margin-left:41.66667%
}
.offset-hg-6{
margin-left:50%
}
.offset-hg-7{
margin-left:58.33333%
}
.offset-hg-8{
margin-left:66.66667%
}
.offset-hg-9{
margin-left:75%
}
.offset-hg-10{
margin-left:83.33333%
}
.offset-hg-11{
margin-left:91.66667%
}
}
@media (min-width:165rem){
.col-en{
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-en-1>*{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-en-2>*{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-en-3>*{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-en-4>*{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-en-5>*{
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-en-6>*{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-en-auto{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
max-width:100%;
width:auto
}
.col-en-1{
-webkit-box-flex:0;
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-en-2{
-webkit-box-flex:0;
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-en-3{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-en-4{
-webkit-box-flex:0;
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-en-5{
-webkit-box-flex:0;
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-en-6{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-en-7{
-webkit-box-flex:0;
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-en-8{
-webkit-box-flex:0;
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-en-9{
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-en-10{
-webkit-box-flex:0;
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-en-11{
-webkit-box-flex:0;
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-en-12{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.offset-en-0{
margin-left:0
}
.offset-en-1{
margin-left:8.33333%
}
.offset-en-2{
margin-left:16.66667%
}
.offset-en-3{
margin-left:25%
}
.offset-en-4{
margin-left:33.33333%
}
.offset-en-5{
margin-left:41.66667%
}
.offset-en-6{
margin-left:50%
}
.offset-en-7{
margin-left:58.33333%
}
.offset-en-8{
margin-left:66.66667%
}
.offset-en-9{
margin-left:75%
}
.offset-en-10{
margin-left:83.33333%
}
.offset-en-11{
margin-left:91.66667%
}
}
/*-------------------------------------------------------------*\
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: 400;
--weight-600: 700;
--weight-700: 700;
--weight-800: 800;
--weight-900: 800;
/* Old values
--black: #0B0F19;
--dark: #0B0F19;
--white: #FFFFFF;
--red: #E83B49;
--green: #4DD98F;
--yellow: #FFC539;
--blue-primary: #002D65;
--blue-sky: #00C7ED;
--gray-light: #F3F6FF;
--gray-dark: #565973;
--violet: #6369F1;
*/
--black: #0B0F19;
--dark: #0B0F19;
--white: #FFFFFF;
--red: #E83B49;
--green: #4DD98F;
--yellow: #FFC539;
--blue-primary: #002D65;
--blue-sky: #00C7ED;
--gray-light: #F3F6FF;
--gray-dark: #565973;
--violet: #6369F1;
/* --full-site-width: 144rem; */
--full-site-width: 1440px;
--gutter: 3.8rem;
--gutter-h: var(--gutter);
--gutter-v: var(--gutter);
--header-height: 12rem;
--header-height-mobile: 7.7rem;
--header-height-neg: -12rem;
--header-height-mobile-neg: -7.7rem;
--logo-width: 17.4rem;
--logo-width-mobile: 14.6rem;
--hamburger-width: 3.6rem;
--link-text-decoration: underline;
--padding: 4rem;
--padding-touch: 4rem;
--padding-mobile: 2rem;
--border-radius: 1.6rem;
--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: #002D65;
--secondary: #E83B49;
--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: #0B0F19;
--text-light: #FFFFFF;
--accent: #002D65;
--link-color: var(--blue-primary);
--link-color-hover: var(--blue-sky);
--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: 'Manrope', Helvetica, Arial, sans-serif;
--heading-font: 'Manrope', Arial, sans-serif;;
--body-font-size: 1.8rem;
--body-font-weight: regular;
--h1-font-family: 7.5rem;
--h1-font-weight: 800;
--h1-font-style: normal;
--h1-text-decoration: none;
--h1-text-size: 7.5rem;
--h2-font-family: var(--heading-font);
--h2-font-weight: 800;
--h2-font-style: normal;
--h2-text-decoration: none;
--h2-text-size: 4.8rem;
--h3-font-family: var(--heading-font);
--h3-font-weight: 800;
--h3-font-style: normal;
--h3-text-decoration: none;
--h3-text-size: 3.8rem;
--h4-font-family: var(--heading-font);
--h4-font-weight: 800;
--h4-font-style: normal;
--h4-text-decoration: none;
--h4-text-size: 2.8rem;
--h5-font-family: var(--heading-font);
--h5-font-weight: 800;
--h5-font-style: normal;
--h5-text-decoration: none;
--h5-text-size: 2.0rem;
--h6-font-family: var(--heading-font);
--h6-font-weight: 800;
--h6-font-style: normal;
--h6-text-decoration: none;
--h6-text-size: 1.8rem;
--button-font-family: 'Manrope', 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: calc(var(--gutter) * 0.75);
--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%;
}
html, body, .body-wrapper, .aa-site-wrapper {
min-height: 100%;
height: 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;
&::after {
}
}
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 {
position: relative;
color: inherit;
text-decoration: none;
transition: all 0.5s ease-in-out;
}
section a:not(.aa-button):not(.aa-tag):not(.default)::after,
footer a:not(.aa-button):not(.aa-tag):not(.default)::after,
section .aa-link::after,
footer .aa-link::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid var(--blue-sky);
}
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 {
color: var(--blue-sky) !important;
}
section a.aa-link-span span,
footer a.aa-link-span span {
border-bottom: 1px solid var(--blue-sky);
}
section a.aa-link-span::after,
footer a.aa-link-span::after {
content: none;
}
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;
}
.custom-list ul,
ul.custom-list {
padding-left: 0;
margin-left: 0;
}
.custom-list li {
list-style: none;
padding-left: 5rem;
margin-left: 0;
position: relative;
}
.custom-list li:not(:last-child) {
margin-bottom: 1.8rem;
}
.custom-list li::before {
content: "";
position: absolute;
left: 0;
top: -0.2rem;
width: 3.2rem;
height: 3.2rem;
background-image: url(/hubfs/assets/layout/list-blue.svg);
background-position:center;
background-size: contain;
background-repeat: no-repeat;
}
.custom-list ul:not(:last-child) ,section ul:not(:last-child) {
margin-bottom: 3rem;
}
.aa-content-color--light .custom-list li::before {
background-image: url(/hubfs/assets/layout/list-blue-primary.svg);
}
.custom-list.custom-list--light li::before {
background-image: url(/hubfs/assets/layout/list-light.svg);
}
.custom-list.custom-list-green li::before {
background-image: url('data:image/svg+xml,');
}
.custom-list.custom-list-white li::before {
background-image: url('data:image/svg+xml,');/* Use translate(X, Y) to position the SVG up, down, left, and right */
}
.custom-list.custom-list-blue li::before {
background-image: url('data:image/svg+xml,');
}
.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-sky {
color: var(--blue-sky);
}
/*-----------------------------------*\
Fonts
\*-----------------------------------*/
@font-face {
font-family: Material Symbols Outlined;
font-style: normal;
font-weight: 400;
src: url("//139563833.fs1.hubspotusercontent-eu1.net/hubfs/139563833/raw_assets/public/bitalo-theme/assets/fonts/MaterialSymbolsOutlined.woff2") format("woff2")
}
/*-----------------------------------*\ Typography \*-----------------------------------*/
html {
font-size: 62.5%;
}
body {
color: var(--body-color);
font-family: var(--body-font);
/* font-size: 1.8rem; */
font-size: var(--body-font-size);
font-weight: var(--body-font-weight);
line-height: 1.44em;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
line-height: 1.25;
margin: 0;
font-family: var(--heading-font);
}
h1, .h1 {
font-size: 3.5rem;
font-weight: var(--h1-font-weight);
line-height: 1.09em;
}
h2, .h2 {
font-size: 3.0rem;
font-weight: var(--h2-font-weight);
line-height: 1em;
}
h3, .h3 {
font-size: 2.4rem;
font-weight: var(--h3-font-weight);
line-height: 1.26em;
}
h4, .h4 {
font-size: 2.4rem;
font-weight: var(--h4-font-weight);
line-height: 1.36em;
}
h5, .h5 {
font-size: 2rem;
font-weight: var(--h5-font-weight);
line-height: 1.36em;
}
h6, .h6 {
font-size: 1.8rem;
font-weight: var(--h6-font-weight);
line-height: 1.36em;
}
.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: 5.5rem;
line-height: 1.09em;
}
h2, .h2, .blog-post-content h1 {
font-size: 3.5rem;
line-height: 1em;
}
h3, .h3, .blog-post-content h2 {
font-size: 2.8rem;
line-height: 1.26em;
}
h4, .h4, .blog-post-content h3 {
font-size: 2.8rem;
line-height: 1.36em;
}
}
@media (min-width: 960px) {
h1, .h1 {
font-size: 6rem;
line-height: 1.09em;
}
h2, .h2, .blog-post-content h1 {
/* font-size: 4.8rem; */
font-size: var(--h2-text-size);
line-height: 1.04em;
}
h3, .h3, .blog-post-content h2 {
/* font-size: 3.8rem; */
font-size: var(--h3-text-size);
line-height: 1.26em;
}
h4, .h4, .blog-post-content h3 {
/* font-size: 2.8rem; */
font-size: var(--h4-text-size);
line-height: 1.36em;
}
h5, .h5, .blog-post-content h4, .aa-text__sections h4 {
/* font-size: 2rem; */
font-size: var(--h5-text-size);
line-height: 1.36em;
}
h6, .h6, .blog-post-content h5 {
/* font-size: 1.8rem; */
font-size: var(--h6-text-size);
line-height: 1.36em;
}
}
@media (min-width: 1200px) {
h1, .h1 {
/* font-size: 7.5rem; */
font-size: var(--h1-text-size);
line-height: 1em;
}
}
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--small, figcaption {
font-size: 1.4rem;
line-height: 1.36em;
}
.aa-text-size--large {
font-size: 2rem;
line-height: 1.4em;
}
@media (min-width: 768px) {
.aa-text-size--large {
font-size: 2.2rem;
line-height: 1.36em;
}
}
.aa-subheading, .aa-label {
font-size: 2rem;
line-height: 1.366em;
font-weight: var(--weight-700);
}
.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: 2.1rem;
line-height: 1.43em;
font-weight: var(--weight-400);
}
@media (min-width: 768px) {
blockquote {
font-size: 2.8rem;
line-height: 1.32em;
}
}
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: var(--gutter);
}
/* 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));
}
}
@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;
}
.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-white a:hover, .aa-bg-light a:hover, .aa-bg-gray a:hover, .aa-bg-gradient-light a:hover, .aa-bg-white a:active, .aa-bg-light a:active, .aa-bg-gray a:active, .aa-bg-gradient-light a:active, .aa-bg-white a:focus, .aa-bg-light a:focus, .aa-bg-gray a:focus, .aa-bg-gradient-light a:focus {
color: var(--light-bg-link-hover);
}
.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-dark {
background: var(--dark);
}
.aa-bg-white,
.aa-bg-light {
background: var(--white);
}
.aa-bg-gradient-blue-sky {
background: var(--blue-sky);
}
.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);
}
/* 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 {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.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) {
padding-left: var(--padding-touch);
padding-right: var(--padding-touch);
}
@media (min-width: 992px) {
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));
}
@media (min-width: 992px) {
.aa-module-height--full {
min-height: calc(min(calc(100vh - var(--header-height)), 110rem));
}
}
.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-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 {
align-items: center;
appearance: none;
background: transparent;
border: 0.1rem solid transparent;
display: inline-flex;
font-size: 1.8rem;
line-height: 1.5;
text-align: center;
text-decoration: none;
justify-content: center;
transition: all 0.35s ease-in-out;
padding: 1.2rem 1.2rem;
border-radius: 1rem;
min-height: 5.6rem;
cursor: pointer;
max-width: 100%;
min-width: 18.3rem;
width: 100%;
}
.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: 550px) {
.aa-button, input.hs-button {
padding: 1.2rem 2.2rem;
width: auto;
}
}
@media (min-width: 768px) {
.aa-button, input.hs-button {
font-size: 1.8rem;
}
}
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.aa-button--1, input.hs-button {
background: var(--violet);
color: var(--white);
border-color: var(--violet);
padding-left: 7rem;
padding-right: 7rem;
}
.aa-button.aa-button--1:hover,
.aa-button.aa-button--1:focus-visible,
input.hs-button:hover, input.hs-button:focus-visible {
background: var(--blue-sky);
color: var(--white);
border-color: var(--blue-sky);
}
.aa-button.aa-button--2 {
background: transparent;
color: var(--blue-primary);
border: 1px solid var(--blue-primary);
border-radius: 6rem;
min-height: 4.4rem;
min-width: 14.7rem;
font-weight: var(--weight-700);
font-size: 1.6rem;
line-height: 1.25em;
padding: 1rem 2.6rem;
}
.aa-button.aa-button--2:hover,
.aa-button.aa-button--2:focus-visible {
background: var(--white);
color: var(--blue-primary);
border-color: var(--blue-primary);
font-weight: var(--weight-700);
background: rgba(0, 45, 101, 0.10);
}
.aa-button.aa-button--3 {
background: transparent;
color: var(--white);
border: 1px solid var(--white);
border-radius: 6rem;
min-height: 4.4rem;
min-width: 14.7rem;
font-weight: var(--weight-700);
font-size: 1.6rem;
line-height: 1.25em;
padding: 1rem 2.6rem;
}
.aa-button.aa-button--3:hover,
.aa-button.aa-button--3:focus-visible {
background: rgba(255, 255, 255, 0.20);
color: var(--white);
border-color: var(--white);
}
.aa-button.aa-button--5 {
background: transparent;
color: var(--white);
border-radius: 6rem;
min-height: 2.6rem;
width: 100%;
font-weight: var(--weight-700);
font-size: 1.8rem;
line-height: 1.25em;
padding: 0;
color: var(--blue-primary);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
gap: 0 2rem;
font-weight: var(--weight-400);
align-items: center;
}
.aa-button.aa-button--5:hover,
.aa-button.aa-button--5:focus-visible {
background: transparent;
color: var(--blue-primary);
border-color: transparent;
}
.aa-button.aa-button--5 svg {
transition: all 0.2s ease;
right: 0;
position: relative;
}
.aa-button.aa-button--5:hover svg,
.aa-button.aa-button--5:focus-visible svg {
right: -0.5rem;
}
.aa-button.aa-button--6 {
color: var(--blue-primary);
border: 1px solid rgba(86, 89, 115, 0.20);
border-radius: 6rem;
min-height: 3.5rem;
min-width: 14.7rem;
font-weight: var(--weight-400);
font-size: 1.3rem;
line-height: 1.25em;
padding: 0.5rem 2.6rem;
background: var(--white);
}
.aa-bg-blue-primary .aa-button.aa-button--6 {
background: var(--white);
}
.aa-blog-index .aa-button.aa-button--6 {
min-width: 8rem;
}
.aa-button.aa-button--6:hover,
.aa-button.aa-button--6:focus-visible,
.aa-button.aa-button--6.active {
background: var(--gray-dark) !important;
color: var(--white);
border-color: var(--gray-dark);
}
.aa-button.aa-button--small, .aa-button.aa-button--4 {
min-height: 4.4rem;
min-width: initial;
border-radius: 3rem;
color: var(--blue-primary);
padding: 1rem 2.5rem;
font-size: 1.3rem;
line-height: 1em;
border: 1px solid rgba(86, 89, 115, 0.2);
background: transparent;
}
.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 {
background: var(--gray-dark);
color: var(--white);
box-shadow: none;
}
.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: block;
width: 100%;
padding-right: 4rem;
}
.aa-link-arrow::after {
content: url('data:image/svg+xml,');
top: 0;
right: 0;
width: 2.6rem;
height: 2.6rem;
position: absolute;
transition: right 0.3s ease;
border: none;
z-index: 5;
}
.aa-link-arrow span {
display: inline-block;
width: auto;
position: relative;
}
.aa-link-arrow span::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid var(--blue-sky);
}
.aa-content-color-light .aa-link-arrow::after {
content: url('data:image/svg+xml,');
}
.aa-link-arrow:hover::after {
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;
}
.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 .hs_recaptcha {
padding-top: 3rem;
}
.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);
}
@media (min-width: 768px) {
.hs-form fieldset.form-columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.hs-form fieldset.form-columns-3 {
grid-template-columns: repeat(3, 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 .hs-input, .hs-form textarea {
margin-right: 0 !important;
font-size: 1.8rem;
color: var(--gray-dark);
}
.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-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: var(--form-input-border-color);
color: var(--black);
min-height: 5.6rem;
line-height: 1;
width: 100% !important;
border-radius: 1rem;
padding: 1.5rem 1.4rem;
box-shadow: var(--form-input-shadow);
}
.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;
label span::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 0rem;
width: 2rem;
height: 2rem;
border: 1px solid rgba(86, 89, 115, 0.1);
background: var(--white);
box-shadow: 0px 4px 5px 0px rgba(0, 45, 101, 0.15);
border-radius: 0;
}
label input:checked + span::after {
content: "";
z-index: 3;
position: absolute;
left: 0.3rem;
top: 0.3rem;
width: 1.4rem;
height: 1.4rem;
border-radius: 0;
background: var(--blue-primary);
box-shadow: 0px 4px 5px 0px rgba(0, 45, 101, 0.15);
border-radius: 0;
}
}
.hs-form-radio {
label span::before {
border-radius: 50%;
}
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);
resize: vertical;
}
.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, ') !important;
}
.hs-fieldtype-select .input:hover::after,
.hs-fieldtype-intl-phone:hover::after {
opaci
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(--form-error-color);
}
ul.hs-error-msgs {
order: 5;
margin-top: 0.6em;
margin-left: 0;
}
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;
}
.legal-consent-container {
font-size: 1.2rem;
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.2rem;
}
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 .hs-form-booleancheckbox label span::before {
top: -0.2rem;
}
.legal-consent-container, .legal-consent-container p {
font-size: 1.2rem;
}
.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.2rem;
}
/*-----------------------------------*\ 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);
}
/*-----------------------------------*\ 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;
}
}
.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
}
#aa-mobile-menu .language-switcher .language-switcher__dropdown {
left: 0;
right: auto;
}
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;
}
/*-----------------------------------*\ Navigation \*-----------------------------------*/
html {
transition: transform var(--speed) ease;
}
body.js-nav-open {}
.aa-navigation-container {
width: 100%;
height: auto;
}
.aa-navigation {
height: auto;
}
.aa-navigation ul,
.aa-navigation li {
list-style: none;
padding: 0;
margin: 0;
}
.aa-navigation a:not(.aa-button),
.aa-navigation button:not(.aa-button) {
width: 100%;
font-size: 2rem;
font-weight: 400;
line-height: 1.5;
text-align: left;
color: var(--white);
word-wrap: normal;
text-decoration: none;
opacity: 1;
transition: all 0.3s ease;
}
.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):hover,
.aa-navigation--mega-menu .aa-navigation-wrapper--0 a:not(.aa-button):focus-visible,
.aa-navigation--mega-menu .aa-navigation-wrapper--0 button:not(.aa-button):focus-visible {
opacity: 0.6;
}
.aa-navigation-wrapper {
display: grid;
align-items: center;
width: 100%;
height: inherit;
}
@media (min-width: 1183px) {
.aa-navigation-wrapper {
grid-template-columns: repeat(auto-fill, minmax(0rem, auto));
}
.aa-navigation .aa-navigation-item--0>bit-login a:not(.aa-button),
.aa-navigation .aa-navigation-item--0>bit-login button:not(.aa-button),
.aa-navigation .aa-navigation-item--0>a:not(.aa-button),
.aa-navigation .aa-navigation-item--0>button:not(.aa-button) {
font-size: 2.8rem;
}
}
.aa-navigation-wrapper.aa-navigation-wrapper--0 {
grid-auto-columns: 1fr;
grid-auto-flow: row;
}
@media (min-width: 1183px) {
.aa-navigation-wrapper.aa-navigation-wrapper--0 {
grid-auto-flow: column;
justify-content: flex-start;
}
}
.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: 1183px) {
.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 (max-width: 991px) {
.aa-navigation-wrapper.aa-navigation-wrapper--2 {
background-color: var(--gray);
}
}
@media (min-width: 1183px) {
.aa-navigation-wrapper.aa-navigation-wrapper--2 {
display: grid;
row-gap: 0.6rem;
padding-top: calc(var(--gutter-h) / 2);
}
}
.aa-navigation-wrapper.aa-navigation-wrapper--2::before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
background-color: var(--gray);
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: 1183px) {
.aa-navigation-wrapper.aa-navigation-wrapper--2::before {
display: none;
}
}
.aa-site-header--webpage .header-links {
display: none !important;
}
@media (min-width: 1183px) {
.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: 100%;
height: auto;
}
.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.8rem;
line-height: 1.5;
color: var(--white);
}
.aa-navigation-item.aa-navigation-item--1>a,
.aa-navigation-item.aa-navigation-item--1>span {
padding: 1.25rem 0;
color: var(--white);
display: block;
text-align: left;
transition: all 0.2s ease;
}
.aa-navigation-item.aa-navigation-item--1>a>span {
display: block;
width: 100%;
}
@media (min-width: 1183px) {
.aa-navigation-item.aa-navigation-item--1>a,
.aa-navigation-item.aa-navigation-item--1>span {
font-size: 1.8rem;
line-height: 1.25;
color: var(--white);
}
}
@media (min-width: 1183px) {
.aa-navigation-item.aa-navigation-item--1>a:hover,
.aa-navigation-item.aa-navigation-item--1>a:focus-visible {
text-decoration: none;
}
}
@media (min-width: 1183px) {
.aa-navigation-item.aa-navigation-item--1 .aa-navigation-toggle {
display: 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.8rem;
line-height: 1.5;
color: var(--white);
}
.aa-navigation-item.aa-navigation-item--content>a,
.aa-navigation-item.aa-navigation-item--content>span {
color: var(--white);
}
body .aa-navigation-toggle {
appearance: none;
cursor: pointer;
position: relative;
border: none;
background: none;
padding: 0.8rem 4rem 0.8rem 0;
}
@media (min-width: 1183px) {
.aa-navigation-toggle {
border-bottom: none;
padding: 0 1.75rem;
padding-left: 0;
}
button.aa-navigation-toggle[aria-expanded="true"]::after,
.aa-navigation-toggle:hover::after {
opacity: 1;
}
}
@media (min-width: 1440px) {
.aa-navigation-toggle {
padding: 0 1.5rem;
}
}
.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: 1183px) {
.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: transparent;
border: none;
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: 1183px) {
.aa-navigation-container--secondary a>img,
.aa-navigation-container--secondary button:not(.language-switcher__button)>img {
position: relative;
top: 0.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: 1183px) {
.aa-navigation-container--secondary a>svg,
.aa-navigation-container--secondary button:not(.language-switcher__button)>svg {
position: relative;
top: -0.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: 600px) {
.aa-navigation-container--secondary a>span.text {
display: inline-block;
white-space: nowrap;
}
}
@media (min-width: 1183px) {
.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--mobile,
.aa-navigation-container--secondary button:not(.language-switcher__button)>span.screen-reader-text--mobile {
display: block;
}
.aa-navigation-container--secondary a>span.screen-reader-text--laptop,
.aa-navigation-container--secondary button:not(.language-switcher__button)>span.screen-reader-text--laptop {
display: block;
}
@media (min-width: 1183px) {
.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;
background-color: var(--gray);
}
@media (min-width: 1183px) {
.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;
background-color: var(--gray);
box-shadow: var(--box-shadow);
z-index: 10;
}
}
@media (min-width: 1183px) {
.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: 1183px) {
.aa-navigation-container--hat .aa-navigation-item.is-active {
background-color: var(--gray);
}
.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, 0.6);
z-index: -1;
}
}
.aa-navigation-container--hat .aa-navigation-item.is-active>.aa-navigation-toggle:after {
display: none;
}
.aa-navigation-container--hat .aa-navigation-item a,
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-toggle,
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-item--1>a {
font-size: 1.8rem;
line-height: 1.5;
font-weight: 400;
color: var(--black);
}
@media (max-width: 991px) {
.aa-navigation-container--hat .aa-navigation-item a,
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-toggle,
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-item--1>a {
border-bottom: 0.1rem solid var(--gray);
}
}
@media (min-width: 1183px) {
.aa-navigation-container--hat .aa-navigation-item a,
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-toggle,
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-item--1>a {
font-size: calc(1.3rem + 0.1vw);
}
}
.aa-navigation-container--hat .aa-navigation-item .aa-navigation-toggle svg {
margin-left: 0.2rem;
margin-bottom: 0.3rem;
}
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>a,
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>.aa-navigation-toggle {
padding: 1.2rem 0;
}
@media (min-width: 1183px) {
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>a,
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>.aa-navigation-toggle {
padding: 0 0.5rem;
}
}
@media (min-width: 1183px) {
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>a,
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0>.aa-navigation-toggle {
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>a,
.aa-navigation-container--hat .aa-navigation-item.aa-navigation-item--0:last-of-type>.aa-navigation-toggle {
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 - 7.7rem);
position: fixed;
bottom: 100%;
right: 0;
padding: 0;
color: var(--white);
overflow: hidden;
-webkit-overflow-scrolling: touch;
z-index: 998;
}
@media (min-width: 840px) {
.nav__background {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 900;
background-color: var(--blue-primary);
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
body.js-nav-open.js-nav-open-active .nav__background {
opacity: 0.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 0.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: var(--padding-mobile);
right: -18rem;
transition: right 0.7s ease-in-out;
z-index: 100;
}
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 0.8s ease-in-out;
pointer-events: none;
padding: 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;
}
.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-container--mobile .aa-navigation-item--mobile-logo {}
@media (min-width:600px) {
.aa-navigation-container--mobile .aa-navigation__top {
padding-right: var(--padding-touch);
}
.aa-navigation-container--mobile .aa-navigation-item--mobile-logo {
display: none !important;
}
}
@media (min-width: 992px) {
.aa-navigation-container--mobile .aa-navigation__top {
height: var(--header-height);
}
.aa-navigation-container--mobile .aa-navigation-container--secondary {
height: var(--header-height);
}
.aa-navigation-container--mobile .aa-navigation__top {
padding-right: var(--padding);
}
}
.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(--blue-primary);
width: 100%;
max-width: 84rem;
position: absolute;
color: var(--white);
top: 0;
right: -100%;
z-index: 950;
transition: all 0.7s ease-in-out;
overflow: hidden;
height: 100vh;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
padding-top: 14rem;
}
@media (min-width: 600px) {
.aa-navigation-container--mobile .aa-navigation.aa-navigation--mega-menu {
align-items: center;
flex-direction: column;
justify-content: center;
padding-top: 0;
}
}
.js-nav-open.js-nav-open-active .aa-navigation-container--mobile .aa-navigation.aa-navigation--mega-menu {
right: 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 - 7.7rem);
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;
}
.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: 1183px) {
.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-container .header-button {
display: none !important;
width: 100%;
text-align: center;
}
@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>.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 a {
color: var(--white);
}
.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: auto;
}
.aa-navigation-container--mobile .aa-navigation--mega-menu ul.aa-navigation-wrapper--0 {
overflow: auto;
}
.aa-navigation-item--mobile-button {
display: block;
}
@media (min-width: 600px) {
.aa-navigation-container--mobile .aa-navigation--mega-menu ul.aa-navigation-wrapper--0 {
padding-top: 13rem !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-container--mobile .aa-navigation--mega-menu .aa-navigation-wrapper li.aa-navigation-item--0:not(.last) {
border-bottom: 0.1rem solid var(--white);
padding-bottom: 2.5rem;
}
@media (min-width: 1200px) {
.aa-navigation-container--mobile .aa-navigation--mega-menu .aa-navigation-wrapper li.aa-navigation-item--0:not(.last) {
border-bottom: none;
padding-bottom: 0;
}
}
.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: 1183px) {
.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, 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: 1183px) {
.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 svg {
width: 2.1rem;
max-width: 100%;
height: auto;
transition: all 0.1s ease-in-out;
transform: rotate(90deg);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.is-active>.aa-navigation-toggle .icon .open {
opacity: 1;
transform: rotate(0deg);
}
.is-active>.aa-navigation-toggle .icon .closed {
opacity: 0;
transform: rotate(90deg);
}
.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: 0.2rem;
width: 100%;
background-color: var(--primary);
}
@media (max-width: 991px) {
.is-active>.aa-navigation-toggle:after {
display: none;
}
}
@media (max-width: 991px) {
.aa-site-header .hidden-lg-down--header {
display: none !important;
}
}
@media (max-width: 991px) {
.aa-navigation-container--mobile .hidden-lg-down--hamburger {
display: none !important;
}
}
.aa-navigation--mega-menu .aa-navigation-wrapper.aa-navigation-wrapper--1 {
padding-left: 1.4rem;
padding-right: 1.4rem;
}
@media (min-width: 1183px) {
.aa-navigation--simple-mega .aa-navigation-item.aa-navigation-item--0 {
position: relative;
}
.aa-navigation--mega-menu .aa-navigation-wrapper.aa-navigation-wrapper--1::before,
.aa-navigation--mega-menu .aa-navigation-wrapper.aa-navigation-wrapper--1::after,
.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 {
.is-active {
&:after {
display: none;
}
> .aa-navigation-toggle {
@media (min-width: 992px) {
background-color: var(--black);
color: var(--white);
svg path {
fill: var(--white);
}
}
}
> .aa-navigation-wrapper {
display: block;
}
}
.aa-navigation-wrapper.aa-navigation-wrapper--1 {
height: auto;
width: auto;
left: initial;
transform: none;
@media (min-width: 992px) {
padding: 1rem;
background-color: var(--black);
}
@media (min-width: 1200px) {
padding: 2rem;
}
&::before {
@media (min-width: 992px) {
display: none;
}
}
}
.aa-navigation-item.aa-navigation-item--1 {
@media (min-width: 992px) {
margin-bottom: calc(1rem + 0.1vw);
padding: 0;
&:last-of-type {
margin-bottom: 0;
}
}
> a,
> span {
font-size: 1.8rem;
font-weight: 400;
line-height: 1.5;
@media (min-width: 992px) {
color: var(--white);
}
}
}
}
/*-----------------------------------*\ 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;
}
.aa-pagination li {
list-style-type: none;
}
.aa-pagination li:not(:last-of-type) {
margin-bottom: 1rem;
margin-right: 1rem;
}
@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.8rem;
text-decoration: none;
border-radius: 50%;
background-color: var(--gray-light);
color: var(--blue-primary);
}
.aa-pagination li .active,
.aa-pagination li a.aa-pagination--active {
background-color: var(--blue-primary);
color: var(--white);
cursor:default;
}
.aa-pagination li a:not(.active):not(.aa-pagination--active):hover,
.aa-pagination li button:hover {
opacity: 0.7;
}
.aa-navigation-item--search {
position: relative;
}
.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:hover,
.aa-social-links__icon:focus {
// background-color: darken(var(--primary), 10%);
}
.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;
margin-bottom: 1.5rem;
align-items: center;
font-size: 1.2rem;
line-height: 1.6rem;
text-decoration: none;
color: var(--body-color);
background-color: var(--complementary);
border-radius: 2.2rem;
}
.aa-tag:not(:last-of-type) {
margin-right: 1.5rem;
}
a.aa-tag:hover {
text-decoration: none;
color: var(--white);
background-color: var(--primary);
}
.aa-tag.aa-tag--red {
background: var(--red);
color: var(--red);
}
.aa-tag.aa-tag--green {
background: var(--green);
color: var(--green);
}
.aa-tag.aa-tag--blue {
background: var(--blue-primary);
color: var(--blue-primary);
}
.aa-tag--current {
background-color: var(--primary);
color: var(--white);
}
.aa-grid .aa-tag {
margin: 0;
}
/*-----------------------------------*\
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);
}
}
.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 {
background-color: transparent;
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: 1183px) {
.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 > .aa-inner {
display: grid;
grid-gap: var(--gutter-v) var(--gutter-h);
grid-template-columns: var(--logo-width-mobile) 1fr auto var(--hamburger-width);
align-items: center;
height: inherit;
max-width: 100%;
}
@media (max-width: 599px) {
.aa-site-header > .aa-inner {
grid-template-columns: var(--logo-width-mobile) auto var(--hamburger-width);
}
.aa-navigation-container--primary {
display: none;
}
}
@media (max-width: 991px) {
/*
.aa-site-header > .aa-inner {
display: flex;
justify-content: space-between;
align-items: center;
height: inherit;
max-width: 100%;
}
.aa-site-header > .aa-inner > * {
flex: 1 0 100%;
}
*/
}
@media (min-width: 992px) {
.aa-site-header > .aa-inner {
grid-template-columns: var(--logo-width) 1fr auto auto;
height: 6rem;
}
}
@media (min-width: 1183px) {
.aa-site-header > .aa-inner {
grid-gap: 0 3.8rem;
}
}
@media (min-width: 1440px) {
.aa-site-header > .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: 1183px) {
.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-inner {
min-height: 7.7rem;
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;
}
body.header--scroll .aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed > .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);
}
.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-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-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-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-inner--header {
padding-left: var(--padding);
padding-right: var(--padding);
}
}
@media (min-width: 1183px) {
body.header--scroll .aa-site-header--scroll.aa-site-header--scroll.aa-site-header--webpage.aa-site-header--fixed > .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-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: 1183px) {
.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-branding a.logo-dark {
display: none;
}
.aa-navigation-item .aa-navigation-toggle {
color: var(--white);
svg path {
stroke: var(--white);
}
}
.aa-hamburger span,
.aa-hamburger span::after,
.aa-hamburger span::before {
background-color: var(--white);
}
}
.aa-site-header--dark {
.aa-branding a.logo-light {
display: none;
}
.aa-branding a.logo-dark {
display: flex;
}
}
/*-----------------------------------*\ Footer \*-----------------------------------*/
.aa-site-footer {
width: 100%;
position: relative;
z-index: 10;
background: var(--blue-primary);
}
.aa-site-footer > .aa-module-inner {
display: flex;
flex-direction: column;
min-height: 44rem;
}
@media (min-width: 992px) {
.aa-site-footer .aa-site-footer__inner {
grid-row-gap: 4rem;
}
}
.aa-site-footer h4 {
margin-bottom: 1.8rem;
}
@media (min-width: 992px) {
.aa-site-footer h4 {
margin-bottom: 3rem;
}
.aa-site-footer__column--right .aa-footer-branding {
margin-left: auto;
}
}
.aa-site-footer__column--right>div:not(:last-child) {
margin-bottom: 7rem;
}
.aa-site-footer__column--left {
padding-bottom: 3rem;
}
.aa-site-footer .aa-footer-branding {
width: 100%;
max-width: 17.4rem;
margin-bottom: 3.8rem;
}
.aa-site-footer .mobile {
display: block;
position: relative;
z-index: 10;
}
.aa-site-footer .desktop {
display: none;
}
@media (min-width: 1200px) {
.aa-site-footer .language-switcher,
.aa-site-footer .aa-branding {
display: block !important;
}
.aa-site-footer .mobile {
display: none;
}
.aa-site-footer .desktop {
display: block;
}
}
.aa-site-footer a:not(.aa-lang):not(.aa-button) {
color: var(--white);
}
.aa-site-footer__column__left .aa-footer-body {
max-width: 35rem;
width: 100%;
}
.aa-site-footer__column.aa-site-footer__column--right .aa-site-footer__column__inner {
width: 100%;
max-width: 47rem;
}
.aa-site-footer__column.aa-site-footer__column--right h6:not(:last-child) {
margin-bottom: 2.5rem;
}
.aa-site-footer__column__contact {
display: flex;
flex-direction: column;
gap: 1rem 0;
margin: 0;
padding: 0;
list-style: none;
}
.aa-site-footer__column__contact__heading {
padding-bottom: 0.8rem;
}
.aa-site-footer__column__contact .contact .icon {
width: 2rem;
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.aa-site-footer__column__contact .contact {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 0 1rem;
flex-wrap: nowrap;
}
.aa-site-footer a {
text-decoration: none;
}
.aa-site-footer a:hover,
.aa-site-footer a:focus-visible {
text-decoration: underline;
}
.aa-site-footer p:not(:last-child) {
margin-bottom: 2rem;
}
.aa-site-footer .aa-footer-body p:not(:last-child) {
margin-bottom: 3rem;
width: 100%;
max-width: 34rem;
}
.aa-site-footer .aa-footer-body h2:not(:last-child) {
margin-bottom: 2rem;
}
.aa-site-footer .aa-footer-nav a:not(:last-child) {
display: inline-block;
margin-bottom: 1rem;
}
.aa-site-footer--landing-page {
background-color: var(--white);
}
.aa-site-footer--landing-page .aa-site-footer__inner,
.aa-site-footer__lang .aa-footer-nav {
display: flex;
align-items: center;
justify-content: center;
}
.aa-site-footer__legal a {
color: var(--gray-light) !important;
}
@media (min-width: 1200px) {
.aa-site-footer .back-to-top {
justify-content: flex-end;
}
}
.aa-site-footer .back-to-top svg {
margin-left: 0.6rem;
}
.aa-site-footer__legal {
margin-top: auto;
}
.aa-site-footer__legal .aa-content {
flex-direction: column;
font-size: 1.4rem;
display: flex;
gap: 0.5rem 0;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
@media (min-width: 600px) {
.aa-site-footer__legal .aa-content {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 0;
}
.aa-site-footer__legal .aa-grid {
margin-left: 0.8rem;
}
}
.aa-site-footer__legal .aa-grid {
grid-gap: 1.6rem 1.6rem;
}
@media (max-width: 600px) {
.aa-site-footer .aa-grid.aa-grid--auto {
grid-gap: 1.6rem var(--gutter-h);
}
.aa-site-footer__inner {
grid-gap: 2rem;
}
.aa-site-footer__legal .aa-grid.aa-grid--auto {
grid-gap: 1rem;
}
.aa-site-footer__legal .aa-grid {
display: block;
}
.aa-site-footer__legal .aa-grid .separator {
display: none;
}
.aa-site-footer__legal .aa-content .separator:first-child {
display: none;
}
.aa-site-footer {
padding-bottom: 6rem;
}
}
@media (max-width: 460px) {
.aa-site-footer__column.aa-site-footer__column--custom-links {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 380px) {
.aa-site-footer__offices__office {
display: block;
margin-bottom: 3rem;
}
.aa-site-footer__offices__office>div {
width: 100%;
}
.aa-site-footer__column--custom-links {
grid-gap: 4rem;
}
}
/*-----------------------------------*\
AA - Hero
\*-----------------------------------*/
.aa-hero {
z-index: 0;
min-height: 100vh;
}
@media (min-width: 767px) {
.aa-hero {
margin-top: 0;
}
}
.aa-hero .aa-module-inner {
position: relative;
z-index: 10;
}
.aa-hero .aa-module-inner {
position: relative;
z-index: 5;
}
.aa-hero .aa-button-container {
margin-top: 2.4rem;
}
.aa-hero__bg {
display: none;
}
.aa-hero__bg,
.aa-hero__bg__left,
.aa-hero__bg__right {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.aa-hero__bg__left {
z-index: 1;
}
.aa-hero__bg.aa-hero__bg--vertical .aa-hero__bg__right {
display: none;
}
.aa-hero__bg.aa-hero__bg--vertical .aa-hero__bg__left {
width: 100%;
top: 25%;
left: 0;
height: 50%;
}
@media (min-width: 767px) {
.aa-hero__bg__left {
left: 0;
width: 59%;
}
.aa-hero__bg__right {
left: auto;
right: 0;
width: 35%;
z-index: 1;
}
}
.aa-hero__imagelinks {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 1.5rem 1.5rem;
}
@media (min-width: 1200px) {
.aa-hero.aa-hero--layout1 .aa-hero__imagelinks {
justify-content: flex-end;
}
}
@media (min-width: 1400px) {
.aa-hero.aa-hero--layout1 .aa-hero__imagelinks {
padding-right: 6rem;
}
}
.aa-hero__images {
position: relative;
width: 100%;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
transition: height 0.3s ease-in-out;
position: relative;
height: auto;
}
.aa-hero__image {
width: 100%;
transition: opacity 0.3s ease-in-out;
top: 0;
left: 0;
}
.aa-hero__images:not(.aa-hero__images--slider):not(.aa-hero__images--simple) .aa-hero__image {
display: none;
opacity: 0;
}
.aa-hero__image.active {
display: block !important;
opacity: 1 !important;
}
.aa-hero__image__inner {
width: 100%;
max-width: 78rem;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
gap: 3rem 0;
margin: 0 auto;
}
.aa-hero__image__inner.aa-hero__image__inner--fixed {
max-width: 100%;
height: 0;
padding: 0 0 66% 0 !important;
overflow: hidden;
position: relative;
border-radius: var(--border-radius-large);
}
.aa-hero__image__inner.aa-hero__image__inner--fixed img, .aa-hero__image__inner.aa-hero__image__inner--fixed a {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
position: absolute;
top: 0;
left: 0;
border-radius: initial;
}
.aa-hero__image img {
border-radius: 2.4rem;
overflow: hidden;
height: auto;
max-width: 100%;
}
.aa-hero__image__image--shadow {
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
.aa-hero__carousel {
width: 100%;
}
.aa-hero__featured {
display: block;
width: 100%;
}
@media (min-width: 992px) {
.aa-hero__featured {
position: absolute;
bottom: 6.6rem;
left: -4rem;
z-index: 20;
width: 37rem;
max-width: 100%;
}
.aa-hero--layout1 .aa-hero__featured.aa-hero__featured--right {
position: absolute;
bottom: 1rem;
right: 0;
left: auto;
z-index: 20;
width: 57rem;
max-width: 100%;
}
.aa-hero--layout1 .aa-hero__featured.aa-hero__featured--right .aa-hero__featured__inner {
background: var(--white);
min-height: 20rem;
}
.aa-hero__carousel .aa-hero__featured {
left: calc(50% - 21.5rem);
bottom: 1rem;
width: 43rem;
}
.aa-hero__carousel .aa-hero__image {
padding: 2rem 2rem;
}
.aa-hero__carousel .aa-hero__image__inner {
padding-bottom: 8rem;
}
}
.aa-hero__featured__inner {
width: 100%;
max-width: 100%;
padding: 4rem 3rem;
max-height: 55rem;
overflow: auto;
border-radius: 2.4rem;
border: none;
background: rgba(255, 255, 255, 0.40);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 0 4rem rgba(0, 0, 0, 0.1)
}
.aa-hero__content__body .aa-module__body {
width: 100%;
max-width: 51rem;
}
.aa-hero__bg__content {
position: absolute;
top: 0;
right: 0;
width: var(--image-width);
height: 100%;
z-index: 0;
}
.aa-hero__bg__overlay-scroll {
position: absolute;
top: 0;
right: 0;
width: var(--image-width);
height: 100%;
z-index: 1;
}
.aa-hero__bg__content img,
.aa-hero__bg__content video {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.aa-hero__bg__overlaycolor {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 10;
background: var(--white);
opacity: 0.6;
}
.aa-hero__bg__overlay__image .desktop {
display: none;
}
.aa-hero__bg__overlay__image .mobile {
display: block;
}
.aa-hero__footer {
display: none;
}
.aa-hero__bg__overlay__image.mobile img {
object-position: center;
}
.aa-hero .mobile {
display: block;
}
.aa-hero .desktop {
display: none;
}
.aa-hero__content__footer__list__logos {
width: 100%;
display: flex;
flex-direction: row;
gap: 3rem 3rem;
justify-content: center;
align-items: center;
}
.aa-hero .aa-module__body:not(:last-child) {
margin-bottom: 3rem;
}
@media (min-width: 600px) {
.aa-hero__footer {
display: none;
}
.aa-hero__bg__overlay__image.mobile img {
object-position: center;
}
.aa-hero .mobile {
display: block;
}
.aa-hero .desktop {
display: none;
}
}
@media (min-width: 992px) {
.aa-hero__featured__inner {
display: block;
}
}
@media (max-width: 1200px) {
.aa-hero__content__body {
display: flex !important;
flex-direction: column !important;
padding-left: var(--padding-touch);
padding-right: var(--padding-touch);
background: var(--gray-light);
gap: 5rem 0;
}
.aa-hero .splide__track {
overflow: visible;
}
.aa-hero.aa-module {
padding-left: 0;
padding-right: 0;
}
.aa-hero .aa-content.aa-content--logos {
padding-bottom: 0;
}
.aa-hero__content__footer__list {
padding-bottom: 3rem;
}
.aa-hero .aa-content {
background: var(--gray-light);
}
.aa-hero__content__footer__list,
.aa-hero__content__footer__logos {
padding-left: var(--padding-touch);
padding-right: var(--padding-touch);
}
}
@media (max-width: 600px) {
.aa-hero__content__body {
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
}
.aa-hero__content__footer__list,
.aa-hero__content__footer__logos {
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
}
}
.aa-hero__content__footer__inner {
display: flex;
flex-direction: column;
gap: 3rem 0;
justify-content: space-between;
align-items: flex-start;
}
.aa-hero__content__footer__list, .aa-hero__content__header__list {
display: flex;
flex-direction: column;
gap: 1.5rem 0;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.aa-hero__content__header__list {
gap: 3rem 0;
}
.aa-hero__content__header__list + .aa-button-container {
margin-top: 4rem;
}
.aa-hero__content__footer__logos {
display: flex;
flex-direction: row;
gap: 1.5rem 3rem;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background: var(--white);
width: 100%;
padding: 6rem var(--padding-mobile);
}
.aa-hero__content__footer__list__item {
display: inline-flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 0 1.3rem;
}
.aa-hero__content__footer__logos__item {
width: 45%;
max-width: 15rem;
}
@media (min-width: 1200px) {
.aa-hero__image__inner {
margin: 0;
}
.aa-hero__content__header__list {
gap: 4rem 0;
}
.aa-hero__content__footer__list__logos {
justify-content: flex-start;
}
.aa-hero__content__footer__inner {
flex-direction: row;
}
.aa-hero__bg {
display: block;
}
.aa-hero__content__footer__list {
width: 70%;
flex-direction: row;
gap: 1.5rem 5rem;
justify-content: flex-start;
align-items: center;
}
.aa-hero__content__footer__list.aa-hero__content__footer__list--full {
width: 100%;
}
.aa-hero__content__footer__logos {
width: 25%;
padding: 0;
}
.aa-hero__images--slider.aa-hero__images--slider--right .aa-tabs-slider .splide__arrows{
justify-content: flex-end;
}
.aa-hero__images--slider.aa-hero__images--slider--right .aa-tabs-slider .pagination {
text-align: right;
padding-right: 2.85rem;
}
.aa-hero__images--slider.aa-hero__images--slider--right .aa-tabs-slider {
padding-right: 5rem;
}
}
@keyframes scrollBounce {
0% {
top: 0;
}
50% {
top: 70px;
/* taking 30px away due to the height of the scroll indicator */
}
100% {
top: 0;
}
}
/* Layout2 */
.aa-hero.aa-hero--layout2 .aa-hero__imagelinks {
justify-content: flex-start;
align-items: flex-start;
}
.aa-hero.aa-hero--layout2 .aa-hero__content__body {
grid-gap: 4.6rem 0;
}
.aa-hero.aa-hero--layout2 .aa-tab__content {
width: 100%;
}
.aa-hero.aa-hero--layout2 .aa-tab__content .aa-hero__image__inner {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
grid-gap: 4rem 0;
max-width: 100%;
border-radius: var(--border-radius-large);
}
.aa-hero.aa-hero--layout2 .aa-tab__content .aa-hero__image__inner:not(.aa-bg-none) {
padding: 3rem var(--padding);
}
.aa-hero.aa-hero--layout2 .aa-tab__content .aa-hero__featured {
position: relative;
bottom: 0;
left: 0;
z-index: 20;
width: 55rem;
max-width: 100%;
background: none;
padding: 0;
}
.aa-hero.aa-hero--layout2 .aa-tab__content .aa-hero__image__inner:not(.aa-bg-none):not(.aa-bg-custom):not(.aa-bg-) .aa-hero__featured .title,
.aa-hero.aa-hero--layout2 .aa-tab__content .aa-hero__image__inner:not(.aa-bg-none):not(.aa-bg-custom):not(.aa-bg-) .aa-hero__featured {
color: var(--white);
}
.aa-hero.aa-hero--layout2 .aa-tab__content .aa-hero__featured__inner {
background: none;
padding: 0;
box-shadow: initial;
border-radius: initial;
}
.aa-hero.aa-hero--layout2 .aa-hero__content__body .aa-module__body {
max-width: 56rem;
}
@media (min-width: 960px) {
.aa-hero.aa-hero--layout2 .aa-tab__content .aa-hero__image__inner {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
grid-gap: 4rem 5rem;
}
.aa-hero.aa-hero--layout2 .aa-tab__content .aa-hero__image__inner:not(.aa-bg-none) {
padding: 6rem 5rem;
}
.aa-hero.aa-hero--layout2 .aa-hero__images {
padding-top: 2rem;
}
.aa-hero.aa-hero--layout2 .aa-hero__image__image {
width: 64rem;
max-width: 45%;
}
}
.aa-hero.aa-hero--timeline .aa-hero__carousel .aa-hero__image {
padding: 0;
}
.aa-hero.aa-hero--timeline .aa-tabs-slider {
width: 100%;
max-width: 100%;
overflow: auto;
}
.aa-hero.aa-hero--timeline .aa-tabs-slider__inner {
width: 100%;
min-width: 100%;
position: relative;
display: flex;
flex-direction: column;
grid-gap: 3rem 0;
}
.timeline-pagination {
display: flex;
justify-content: flex-start;
align-items: center;
grid-gap: 0 4rem;
flex-wrap: nowrap;
margin: 0;
position: relative;
}
.timeline-pagination__line {
position: relative;
width: 100%;
height: 0.1rem;
border-top: 0.1rem solid #AAACB9;
padding-bottom: 2rem;
}
.timeline-pagination button {
margin: 0 !important;
min-width: 7rem;
word-wrap: normal;
}
.timeline-heading {
background: none;
border: none;
color: #AAACB9; /* Default color */
position: relative;
cursor: pointer;
transition: color 0.3s ease-in-out;
}
.timeline-heading-mark {
position: absolute;
bottom: -4rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
}
.timeline-heading-mark span {
width: 2rem;
height: 2rem;
background: #AAACB9;
border-radius: 50%;
overflow: hidden;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 10;
}
.timeline-heading.active .timeline-heading-mark span {
background:var(--blue-primary)
}
.timeline-heading-mark::after {
content: "";
z-index: 1;
position: absolute;
top: 1rem;
left: -100%;
width: calc(200% + 4rem);
height: 0.1rem;
border-top: 0.1rem solid #AAACB9;
}
.timeline-heading.active {
color: var(--blue-primary); /* Highlight color */
font-weight: bold;
}
.timeline-heading.active .timeline-heading-mark {
z-index: 30;
}
.aa-hero.aa-hero--timeline {
overflow: hidden;
}
.aa-hero.aa-hero--timeline .splide__arrows {
display: none;
}
.aa-hero.aa-hero--timeline {
min-height: initial;
}
.aa-hero.aa-hero--timeline .aa-content,
.aa-hero.aa-hero--timeline .aa-hero__content__body {
background: transparent !important;
}
@media (min-width: 1200px) {
.aa-hero.aa-hero--timeline.aa-hero--timeline-overlay .aa-hero__featured {
padding-top: 11rem;
}
.aa-hero.aa-hero--timeline .aa-tabs-slider__inner {
width: 100%;
min-width: initial;
}
.aa-hero.aa-hero--timeline.aa-hero--timeline-overlay .aa-module__header {
position: absolute;
top: 2rem;
left: 0;
z-index: 15;
}
.timeline-pagination {
grid-gap: 0 10rem;
}
.aa-hero.aa-hero--timeline.aa-hero--timeline-overlay .aa-hero__content__body {
grid-gap: 0;
}
}
@media (max-width: 450px) {
.aa-hero.aa-hero--layout1 .aa-hero__content__body .aa-hero__content {
min-height: calc(100vh - 12.5rem);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
}
.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: 3rem;
}
.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 {
width: 55rem;
max-width: 100%;
}
.aa-form {
.hs-submit input.hs-button {
appearance: none;
}
.hs-submit .actions {
display: inline-flex;
align-items: center;
position: relative;
}
}
.aa-form__image {
position: relative;
overflow: hidden;
padding-bottom: 0;
border-radius: var(--border-radius);
}
.aa-form__image img {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.aa-form__image {
padding-bottom: 3rem;
}
.aa-form__image img {
position: relative;
}
.aa-form__image::after {
content: none;
display: none;
}
.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-subheading {
color: var(--white);
}
}
.aa-content-color-light .legal-consent-container, .aa-content-color-light .legal-consent-container a {
color: var(--white);
}
.aa-form--contact__body {
.hs-form fieldset.form-columns-1,
.hs-form fieldset.form-columns-2,
.hs-form fieldset.form-columns-3 {
display: flex;
flex-direction: column;
margin-bottom: 35px;
}
.hs-form fieldset.form-columns-1 .hs-form-field textarea,
.hs-form fieldset.form-columns-1 .hs-form-field .hs-input,
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field {
max-width: 100% !important;
}
.hs-form fieldset.form-columns-1 .input,
.hs-form fieldset.form-columns-1 .input input.hs-input {
max-width: 100%;
width: 100%;
}
.hs-form-field {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
width: auto;
}
.hs-form-required {
display: none !important;
}
.hs-form-field:has(.hs-form-radio),
.hs-form-field:has(.hs-form-checkbox) {
flex-direction: column;
align-items: flex-start;
}
.hs-form-field label {
display: flex;
flex-shrink: 0;
}
.hs-form-field label span {
font-size: 22px;
line-height: 1;
color: var(--white);
}
.hs-fieldtype-textarea .input textarea:focus-visible,
.hs-fieldtype-phonenumber .input input:focus-visible,
.hs-fieldtype-text .input input:focus-visible {
outline: none;
}
.input {
width: 100%;
}
.input .hs-fieldtype-textarea.hs-input,
.input input.hs-input {
background: transparent;
border: none;
border-bottom: 1px solid var(--gray-light);
border-radius: 0;
padding: 0;
padding-bottom: 5px;
min-height: auto;
width: 100%;
font-size: 22px;
line-height: 1;
color: var(--white);
}
.input .hs-fieldtype-textarea.hs-input {
height: 36px;
color: var(--white);
}
.no-list.hs-error-msgs.inputs-list {
position: absolute;
top: 30px;
}
.input .hs-fieldtype-textarea.hs-input::placeholder,
.input input.hs-input::placeholder {
color: var(--gray-light);
}
.multi-container {
display: flex;
column-gap: 18px;
row-gap: 25px;
flex-wrap: wrap;
}
.hs-form-field .multi-container li {
margin: 0 !important;
padding: 0 !important;
}
label.hs-form-radio-display,
label.hs-form-checkbox-display {
cursor: pointer;
position: relative;
padding: 10px 10px;
border: none;
border-radius: 10px;
background: transparent;
color: var(--white);
font-size: 12px;
line-height: 1;
span {
position: relative;
z-index: 4;
}
}
label.hs-form-radio-display:has(input[type="radio"]:checked),
label.hs-form-checkbox-display:has(input[type="checkbox"]:checked) {
background: var(--white);
span {
color: var(--blue-primary);
}
}
label.hs-form-radio-display input[type="radio"],
label.hs-form-checkbox-display input[type="checkbox"] {
position: absolute;
z-index: 3;
border: 1px solid var(--white);
border-radius: 10px;
display: block;
width: 100% !important;
height: 100% !important;
margin: 0;
padding: 0;
top: 0;
left: 0;
appearance: none;
}
}
@media (min-width: 768px) {
.aa-form--contact__body {
.hs-form fieldset.form-columns-1,
.hs-form fieldset.form-columns-2,
.hs-form fieldset.form-columns-3 {
flex-direction: row;
}
.hs-form fieldset.form-columns-1 .hs-form-field textarea,
.hs-form fieldset.form-columns-1 .hs-form-field .hs-input,
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field {
max-width: 500px !important;
}
.hs-form-field {
flex-direction: row;
align-items: center;
}
.multi-container {
column-gap: 25px;
row-gap: 25px;
}
label.hs-form-radio-display,
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: 1200px) {
.aa-form .aa-grid--two.aa-grid--cols-2-1 .aa-module__header,
.aa-form .aa-grid:not(.aa-grid--cols-1-2) .aa-module__header {
padding-right: 10rem;
}
.aa-form .aa-grid--two.aa-grid--cols-1-1 .aa-module__header {
width: 57rem;
max-width: 100%;
padding-right: 0;
}
.aa-form .hs-form fieldset.form-columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1700px) {
.aa-form .aa-grid--two.aa-grid--cols-2-1 .aa-module__header .aa-form__image,
.aa-form .aa-grid:not(.aa-grid--cols-1-2) .aa-module__header .aa-form__image {
position: relative;
left: -12rem;
width: calc(100% + 12rem);
max-width: calc(100% + 12rem);
}
}
/* Custom button for this module */
.aa-form--contact {
color: var(--white);
.hs-submit {
align-items: center;
appearance: none;
background: var(--white);
border: 0.1rem solid var(--white);
display: inline-flex;
font-size: 1.8rem;
line-height: 1.5;
text-align: center;
text-decoration: none;
justify-content: center;
transition: all 0.35s ease-in-out;
padding: 1rem 6rem;
border-radius: 1.6rem;
min-height: 7.2rem;
cursor: pointer;
max-width: 100%;
min-width: 16rem;
}
.hs-submit input.hs-button {
appearance: none;
background: transparent;
border: none;
padding: 0;
min-height: 0;
min-width: 0;
}
.hs-submit input.hs-button:hover {
color: var(--blue-primary);
}
.hs-submit .actions {
display: inline-flex;
align-items: center;
position: relative;
}
}
/*-----------------------------------*\ 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-item {
background-color: var(--white) !important;
.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: relative;
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-item__header {
padding: 2rem 2.5rem;
display: flex;
align-items: center;
justify-content: flex-start;
transition: all var(--speed) var(--animation);
}
.aa-accordion-item__header .aa-accordion-item__trigger .plus,
.aa-accordion-item__header .aa-accordion-item__trigger .arrow {
position: absolute;
top: calc(50% - 2rem);
right: 0;
width: 40px;
height: 40px;
transition: all var(--speed) var(--animation);
transform: rotate(0deg);
border-radius: 50%;
background: var(--violet);
}
.aa-accordion-item__header--open .plus {
top: calc(50% - 1rem) !important;
}
.aa-accordion-item:has(+.aa-accordion-item-open) {
border-bottom: none !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-item__body[hidden] {
height: 0 !important;
overflow: hidden;
opacity: 0;
}
*/
.aa-accordion .title {
margin-top: -0.5rem;
}
.aa-accordion .aa-module__header--centered .aa-module__header__left {
margin-bottom: 3rem;
}
.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(--blue-primary);
background: var(--white);
width: 4.1rem;
height: 4.1rem;
border: 0;
font-size: 1.5em;
border-radius: 0.8rem;
overflow: hidden;
position: relative;
}
.plus span {
position: absolute;
transition: 300ms;
background: var(--white);
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;
}
@media (min-width: 768px) {
.aa-accordion__right {
display: flex;
}
.aa-accordion-item__header {
padding: 2rem 4.5rem;
}
.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;
}
}
.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.aa-accordion--faq .aa-accordion-item__header .aa-accordion-item__title {
font-weight: 700;
font-size: 2rem;
padding-right: 6rem;
display: block;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item {
border-bottom: 0.1rem solid var(--gray-dark);
overflow: hidden;
transition: border-radius var(--speed) var(--animation), background var(--speed) var(--animation);
border-radius: 3rem 3rem 0 0;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item:last-child {
border-bottom: none !important;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__trigger {
padding: 1rem 0;
transition: padding var(--speed) var(--animation);
}
.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 50px;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__body>div {
padding-bottom: 3rem;
}
.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: none;
border-radius: 30px;
overflow: hidden;
background: var(--blue-primary);
padding-bottom: 20px;
color: var(--white);
}
.aa-accordion.aa-accordion--faq .aa-accordion-item.aa-accordion-item-open .aa-accordion-item__title {
color: var(--blue-sky);
}
.aa-accordion.aa-accordion--faq .aa-accordion-item.aa-accordion-item-open .aa-accordion-item__trigger {
padding-top: 4rem;
}
.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: 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;
}
@media(max-width:767px) {
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__trigger {
padding-left: 5px;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__body {
padding-left: 25px;
padding-right: 25px;
}
}
/*-----------------------------------*\ 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: 60rem;
}
.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;
}
@media (max-width: 960px) {
.aa-blog-posts__item__body.aa-blog-posts__item__body--vertical-center .heading {
min-height: 0 !important;
}
}
.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--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;
}
@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: block;
}
}
@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;
border-radius: var(--border-radius);
position: relative;
z-index: 5;
margin-bottom: 2rem;
}
.aa-blog-posts__items.aa-grid {
grid-gap: 5.5rem 0;
}
@media (min-width: 768px) {
.aa-blog-posts__items.aa-grid {
grid-gap: 5.5rem 5rem;
}
}
@media (min-width: 1200px) {
.aa-blog-posts__items.aa-grid {
grid-gap: 5.5rem 10rem;
}
}
.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: 3.5rem 2.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: 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:not(.aa-columns__content--side-image) .aa-column__item__body--padding {
padding: 6rem 5rem;
}
.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 65% 0;
overflow: hidden;
position: relative;
width: 100%;
border-radius: 3rem;
}
.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;
}
}
.aa-columns--icon .aa-module__body .aa-grid {
grid-gap: 4.8rem 0;
}
.aa-columns--icon .aa-module__header {
margin-bottom: 0;
}
@media (min-width: 767px) {
.aa-columns--icon .aa-module__body .aa-grid {
grid-gap: 6rem 5rem;
}
.aa-columns--icon .aa-module__body .aa-grid--two {
grid-gap: 6rem 5rem;
}
.aa-columns--icon .aa-module__body .aa-grid--three {
grid-gap: 6rem 3.5rem;
}
.aa-columns--icon .aa-module__body .aa-grid--four {
grid-gap: 6rem 3.5rem;
}
.aa-columns--icon .aa-module__header .aa-module__body {
width: 70rem;
max-width: 100%;
}
.aa-columns--icon .aa-module__header.aa-grid .aa-module__body {
width: 36rem;
max-width: 100%;
margin-left: auto;
}
}
@media (min-width: 1200px) {
.aa-columns--icon .aa-column--layout-column {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: row;
grid-gap: 3rem 3rem;
}
.aa-columns--icon .aa-module__body .aa-grid--four {
grid-gap: 6rem;
}
.aa-module__body .aa-grid--two {
grid-gap: 6rem 8rem;
}
}
.aa-columns.aa-columns--logowall .aa-grid {
grid-gap: calc(2.2rem + 2.5vh) calc(2.2rem + 0.5vw);
}
@media (max-width: 991px) {
.aa-columns.aa-columns--logowall .aa-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.aa-columns.aa-columns--logowall .aa-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.aa-columns.aa-columns--logowall .aa-grid {
grid-gap: calc(5.2rem + 2.5vh) calc(5.2rem + 0.5vw);
}
}
.aa-columns.aa-columns--logowall .aa-grid.aa-grid--gap-large {
grid-gap: calc(2.2rem + 2.5vh) calc(5.2rem + 0.5vw);
}
@media (min-width: 992px) {
.aa-columns.aa-columns--logowall .aa-grid.aa-grid--gap-large {
grid-gap: calc(5.2rem + 2.5vh) calc(9.2rem + 0.5vw);
}
}
.aa-columns.aa-columns--logowall .aa-column {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
}
.aa-columns.aa-columns--logowall .aa-column__image {
margin: 0;
aspect-ratio: initial;
width: 100%;
}
.aa-columns.aa-columns--logowall .aa-column__image img {
max-height: 4rem;
object-fit: contain;
}
@media (min-width: 768px) {
.aa-columns.aa-columns--logowall .aa-column__image img {
max-height: 4rem;
}
}
.aa-columns--boxes .aa-column__inner {
height: 100%;
}
.aa-columns.aa-columns--logowall .aa-column__image img {
max-height: 4rem;
object-fit: contain;
}
.aa-columns.aa-columns--logowall .aa-module__body.mobile .aa-column {
max-width: 100%;
}
@media (min-width: 768px) {
.aa-columns.aa-columns--logowall .aa-module__body.desktop.mobile-active {
display: none !important;
}
.aa-columns.aa-columns--logowall .aa-module__body.mobile.mobile-active {
display: block !important;
}
}
@media (min-width: 992px) {
.aa-columns.aa-columns--logowall .aa-module__body.mobile .aa-column {
max-width: 23%;
}
.aa-columns.aa-columns--logowall .aa-module__body.desktop.mobile-active {
display: block !important;
}
.aa-columns.aa-columns--logowall .aa-module__body.mobile.mobile-active {
display: none !important;
}
}
.aa-columns.aa-columns--logowall .aa-module__body.mobile {
position: relative;
}
.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.aa-columns--logowall.aa-module {
padding-right: 0;
}
.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;
.splide__pagination {
margin: 0;
padding: 0;
gap: 5px;
}
li .splide__pagination__page {
width: 15px;
height: 15px;
border: 1px solid var(--gray-dark);
border-radius: 50%;
background: var(--gray-dark);
}
li .splide__pagination__page.is-active {
border: 1px solid var(--blue-primary);
background: var(--blue-primary);
}
.total-index-number {
color: var(--gray-dark);
}
.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);
}
.total-index-number {
color: var(--gray-light);
}
.index-number {
color: var(--blue-primary);
}
}
/* modifier */
.aa-columns .aa-content.aa-content-mobile-center {
.aa-subheading,
.aa-module__header {
text-align: center;
}
}
@media (min-width: 767px) {
.aa-columns .aa-content.aa-content-mobile-center {
.aa-subheading,
.aa-module__header {
text-align: left;
}
}
}
/*-----------------------------------*\
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 - Panels \*-----------------------------------*/
.aa-panels {
position: relative;
/*.aa-grid {
@media (max-width: 991px) {
grid-template-columns: minmax(0, 1fr);
}
}
*/
}
@media (min-width: 992px) {
.aa-panels > .aa-inner {
grid-template-columns: repeat(13, minmax(0px, 1fr));
}
.aa-panels > .aa-inner .aa-content-width--full {
grid-column: span 13;
}
}
.aa-panels .aa-branding {
position: absolute;
top: 0;
}
.aa-panels .aa-content {
display: grid;
grid-gap: 0;
grid-template-columns: inherit;
align-items: center;
}
@media (min-width: 992px) {
.aa-panels .aa-content {
grid-gap: inherit;
}
}
@media (min-width: 992px) {
.aa-panels .aa-panel {
grid-column: span 6;
}
}
@media (min-width: 992px) {
.aa-panels .aa-panel.aa-panel--content {
grid-column: 0.1428571429;
}
}
.aa-panels .aa-panel.aa-panel--content h1 {
margin-top: 0;
}
.aa-panels .aa-panel.aa-panel--content .aa-panel--wrapper {
margin-top: calc(var(--gutter) * 0.75 + 1vh + 2.8rem);
}
@media (min-width: 992px) {
.aa-panels .aa-panel.aa-panel--content .aa-panel--wrapper {
margin-top: calc(var(--gutter) * 1.25 + 1vh + 3.2rem);
}
}
@media (max-width: 991px) {
.aa-panels .aa-panel.aa-panel--image {
position: relative;
left: calc(var(--padding-touch) * -1);
width: 100vw;
}
}
@media (max-width 601px) {
.aa-panels .aa-panel.aa-panel--image {
left: calc(var(--padding-mobile) * -1);
}
}
@media (min-width: 992px) {
.aa-panels .aa-panel.aa-panel--image {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
}
}
.aa-panels .aa-panel.aa-panel--image img {
width: 100%;
}
@media (min-width: 992px) {
.aa-panels .aa-panel.aa-panel--image img {
height: 100%;
object-fit: cover;
}
}
/*-----------------------------------*\
Quote
\*-----------------------------------*/
.aa-quote__image {
max-width: 100%;
width: 100%;
border-radius: 2rem;
overflow: hidden;
}
.aa-quote__image__inner {
width: 100%;
height: 0;
padding: 0 0 100% 0;
position: relative;
overflow: hidden;
}
.aa-quote__image__inner img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.aa-quote .aa-module__header .text {
width: 100%;
max-width: 70rem;
}
.aa-quote blockquote {
padding: 0;
}
.aa-quote:not(.aa-quote--simple) .aa-quote__items {
padding: 3rem;
}
@media (min-width: 1200px) {
.aa-quote:not(.aa-quote--simple) .aa-quote__items {
padding: 6rem;
}
}
/*-----------------------------------*\ 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;
margin-top: calc(var(--gutter) * 0.75);
padding: 0;
}
.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(--primary);
}
main:not(.aa-landing-page) .aa-social-sharing a:not(.aa-button):not(.hs-button):after {
display: none;
}
.aa-team__carousel {
display: flex;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
overflow: visible;
gap: 0 4rem;
position: relative;
z-index: 5;
}
.aa-team__bg-left {
content: "";
width: calc(50% - 15rem);
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}
.aa-team__bg-right {
content: "";
width: calc(50% - 15rem);
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 10;
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}
.aa-bg-gray-light .aa-team__bg-left {
background: linear-gradient(90deg, rgba(243,246,255,1) 0%, rgba(243,246,255,1) 20%, rgba(243,246,255,0) 100%);
}
.aa-team__bg-right {
background: linear-gradient(270deg, rgba(243,246,255,1) 0%, rgba(243,246,255,1) 20%, rgba(243,246,255,0) 100%);
}
@media (min-width: 960px) {
.aa-team__carousel {
gap: 0 3rem;
}
.aa-team__bg-left {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.aa-team__bg-right {
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.aa-bg-gray-light .aa-team__bg-left {
background: linear-gradient(90deg, rgba(243,246,255,1) 0%, rgba(243,246,255,0) 100%);
}
.aa-bg-gray-light .aa-team__bg-right {
background: linear-gradient(270deg, rgba(243,246,255,1) 0%, rgba(243,246,255,0) 100%);
}
}
.aa-team .aa-team-member__image {
width: 20rem;
height: 20rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
transition: all 0.4s ease-in-out;
margin-bottom: 3rem;
}
.aa-team .aa-team-member__image__inner {
width: 100%;
height: 0;
padding: 0 0 100% 0;
overflow: hidden;
position: relative;
border-radius: 50%;
aspect-ratio: initial;
margin-bottom: 3rem;
}
.aa-team .aa-module__header {
position: relative;
z-index: 10;
}
.aa-team .aa-module__header .text {
width: 60rem;
max-width: 100%;
}
.aa-team .aa-content-alignment--center .aa-module__header .text {
margin-left: auto;
margin-right: auto;
}
.aa-team .aa-team-member__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.aa-team-member__body {
display: flex;
width: 100%;
max-width: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 3rem 0;
text-align: center;
opacity: 1;
transition: all 0.4s ease-in-out;
}
.aa-team-member__body svg {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.aa-team-member__linkedin:hover {
opacity: 0.8;
}
.aa-team__carousel .splide__track {
overflow: visible;
}
.aa-team-member__body span, .aa-team-member__body div, .aa-team-member__body a {
display: block;
width: 100%;
}
.aa-team:not(.aa-team--layout3) .aa-team__carousel .splide__slide:not(.is-active) .aa-team-member__body {
opacity: 0;
}
.aa-team:not(.aa-team--layout3) .splide__slide:not(.is-active) .aa-team-member__image {
width: 15rem;
max-width: 100%;
margin-top: 3rem;
}
.aa-team__inner {
overflow: hidden;
}
.aa-team.aa-team--layout2 .aa-team__carousel, .aa-team.aa-team--layout3 .aa-team__carousel {
overflow: hidden;
}
.aa-team.aa-team--layout2 .aa-grid.aa-grid--two {
align-items: center;
}
@media (min-width: 768px) {
.aa-team:not(.aa-team--layout3) .splide__slide:not(.is-active) .aa-team-member__image {
width: 20rem;
}
.aa-team .aa-team-member__image {
width: 26rem;
height: 26rem;
}
}
.aa-team.aa-team--layout3 .aa-team-member__body {
text-align: left;
}
.aa-team.aa-team--layout3 .aa-team-member__image {
margin-left: 0;
}
.aa-team.aa-team--layout3 .aa-team__carousel {
grid-gap: 0;
margin-left: 0;
align-items: flex-start;
justify-content: flex-start;
overflow: visible;
}
@media (max-width: 1200px) {
.aa-team.aa-team--layout3 .splide--slide {
max-width: 100% !important;
}
.aa-team.aa-team--layout3 .aa-team__bg-right {
display: none;
}
}
.aa-banner__body {
padding-left: 3rem;
padding-right: 3rem;
width: 100%;
position: relative;
}
.aa-banner__body__inner {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
grid-gap: 3.5rem 0;
flex-wrap: wrap;
}
.aa-banner__icon {
width: 20rem;
min-width: 20rem;
max-width: 100%;
}
.aa-banner__header {
width: 100%;
max-width:100%;
}
.aa-banner__icon__inner {
width: 100%;
height: 0;
padding: 0 0 100% 0;
overflow: hidden;
border-radius: 50%;
background-color: var(--blue-sky);
position: relative;
}
.aa-banner__icon svg, .aa-banner__icon img {
position: absolute;
top: 15%;
left: 15%;
z-index: 1;
width: 70%;
height: 70%;
object-fit: contain;
object-position: center;
}
@media (min-width: 768px) {
.aa-banner__body__inner {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
grid-gap: 3.5rem 9rem;
}
.aa-banner--icon .aa-banner__header {
flex-direction: row;
}
.aa-banner__body {
padding-left: 6.5rem;
padding-right: 6.5rem;
}
}
@media (min-width:1200px) {
.aa-banner--icon .aa-banner__header {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 3rem 9rem;
max-width:calc(100% - 30rem);
}
.aa-banner__footer {
flex-direction: column;
grid-gap: 3rem 0;
min-width: 25rem;
max-width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.aa-banner--image {
position: relative;
}
.aa-banner--image .aa-banner__header {
width: 75rem;
max-width: 58%;
}
.aa-banner--image .aa-banner__image {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 51rem;
max-width: 38%;
height: 100%;
}
.aa-banner--image .aa-banner__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
/*-----------------------------------*\
AA - Rich Text
\*-----------------------------------*/
.aa-module__header.aa-module__header--centered {
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 {
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
}
.aa-module__header.aa-module__header--centered .aa-button-container {
justify-content: center;
}
.aa-module__header.aa-module__header--centered.aa-module__header--full {
width: 100%;
}
.aa-module__header.aa-module__header--centered.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-overview .aa-inner {
position: relative;
z-index: 5;
}
.aa-overview .aa-module-inner {
position: relative;
}
.aa-overview__bg {
position: absolute;
top: 0;
z-index: 0;
width: 50%;
height: 100%;
right: 0;
}
.aa-overview__bg.aa-overview__bg--mobile {
width: 100%;
}
.aa-overview__bg img,
.aa-overview__bg video {
width: 100%;
height: 100%;
object-fit: cover;
}
.aa-overview__bg.aa-overview__bg--mobile {
display: block;
}
.aa-overview__bg.aa-overview__bg--desktop {
display: none;
}
@media (min-width: 1200px) {
.aa-overview__bg.aa-overview__bg--mobile {
display: none;
}
.aa-overview__bg.aa-overview__bg--desktop {
display: block;
}
}
.aa-overview__body {
display: flex;
flex-direction: column;
gap: 5rem 0;
align-items: flex-start;
justify-content: flex-start;
}
@media (min-width: 1200px) {
.aa-overview__body {
display: flex;
flex-direction: row;
gap: 5rem 8rem;
align-items: center;
justify-content: space-between;
}
.aa-overview__body > div {
width: calc(50% - 3rem);
}
}
@media (min-width: 1200px) {
.aa-overview__body > div {
width: calc(50% - 10rem);
}
}
.aa-overview__right {
width: 100%;
padding: 5rem 3rem;
min-height: 60rem;
display: flex;
position: relative;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 1200px) {
.aa-overview__right {
padding: 5rem 3rem;
min-height: 75rem;
}
}
.aa-overview__right__links {
display: flex;
flex-direction: column;
gap: 2rem 0;
position: relative;
z-index: 2;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
}
@media (max-width: 1199px) {
.aa-overview__left {
padding-left: var(--padding);
padding-right: var(--padding);
}
.aa-overview:not(.aa-overview--accordion-layout2) .aa-module {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 959px) {
.aa-overview__left {
padding-left: var(--padding-touch);
padding-right: var(--padding-touch);
}
}
@media (max-width: 599px) {
.aa-overview__left {
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
}
}
.aa-overview.aa-overview--accordion .aa-overview__right__links {
grid-gap: 3.6rem 0;
}
.aa-overview.aa-overview--accordion .aa-overview__body {
align-items: flex-start;
}
.aa-overview.aa-overview--accordion .aa-accordion-item__body__image img {
width: 40rem;
max-width: 100%;
}
.aa-overview.aa-overview--accordion .aa-accordion-item {
width: 100%;
}
.aa-overview.aa-overview--accordion .aa-accordion-item .aa-accordion-item__header {
padding: 0;
transition: all 0.5s ease;
}
.aa-overview.aa-overview--accordion .aa-accordion-item__header .heading {
color: var(--black);
width: 100%;
}
.aa-overview.aa-overview--accordion .aa-button--banner {
position: relative;
padding-right: 6rem;
min-height: 10rem;
align-items: center;
justify-content: center;
}
.aa-overview.aa-overview--accordion .aa-button--banner svg {
position: absolute;
right: 1rem;
top: 2.5rem;
opacity: 0;
transition: all 0.5s ease;
transform: rotate(0deg);
width: 4.6rem;
height: 4.6rem;
min-width: 4.6rem;
}
@media (min-width: 500px) {
.aa-overview.aa-overview--accordion .aa-button--banner svg {
right: 3rem;
top: 2rem;
width: 5.7rem;
height: 5.7rem;
min-width: 5.7rem;
}
}
.aa-overview.aa-overview--accordion .aa-accordion-item__body {
background: #fff;
border-bottom-left-radius:2rem;
border-bottom-right-radius: 2rem;
}
.aa-overview.aa-overview--accordion .aa-accordion-item__header.aa-accordion-item__header--open button {
background-color: #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.aa-overview.aa-overview--accordion .aa-accordion-item__header.aa-accordion-item__header--open .aa-button--banner svg.open {
transform: rotate(0deg);
opacity: 1;
}
.aa-overview.aa-overview--accordion .aa-accordion-item__header:not(.aa-accordion-item__header--open) .aa-button--banner svg.open {
transform: rotate(90deg);
opacity: 0;
}
.aa-overview.aa-overview--accordion .aa-accordion-item__header.aa-accordion-item__header--open .aa-button--banner svg.closed {
transform: rotate(-90deg);
opacity: 0;
}
.aa-overview.aa-overview--accordion .aa-accordion-item__header:not(.aa-accordion-item__header--open) .aa-button--banner svg.closed {
transform: rotate(0deg);
opacity: 1;
}
@media (min-width: 1200px) {
.aa-overview.aa-overview--accordion .aa-overview__left,
.aa-overview.aa-overview--accordion .aa-overview__right {
padding-top: 18rem;
padding-bottom: 18rem;
}
.aa-overview.aa-overview--accordion .aa-overview__right__links {
grid-gap: 2rem 0;
}
}
@media (min-width: 1200px) and (max-width: 2000px) {
.aa-overview.aa-overview--accordion .aa-overview__left {
width: calc(30% - 10rem);
}
.aa-overview.aa-overview--accordion .aa-overview__right {
width: calc(70% - 10rem);
}
.aa-overview.aa-overview--accordion .aa-overview__bg {
width: 66%;
}
}
@media (min-width: 1999px) and (max-width: 3500px) {
.aa-overview.aa-overview--accordion .aa-overview__left {
width: calc(40% - 10rem);
}
.aa-overview.aa-overview--accordion .aa-overview__right {
width: calc(60% - 10rem);
}
.aa-overview.aa-overview--accordion .aa-overview__bg {
width: 56%;
}
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__main {
width: 80rem;
max-widtH: 100%;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__bg.aa-overview__bg--desktop {
display: block !important;
width: 100%;
height: 100%;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__bg.aa-overview__bg--mobile {
display: none;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__right {
justify-content: flex-start;
align-items: flex-start;
min-height: 0.1rem;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__main {
padding-bottom: 4rem;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__left, .aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__right {
padding: 0;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item__header.aa-accordion-item__header button,
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item__body__content,
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item__body {
background: transparent !important;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item__header.aa-accordion-item__header button,
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item__body__content {
padding-left: 0;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item__body__content {
padding-bottom: 3rem;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item:not(:last-child) {
border-bottom: 0.1rem solid rgba(86, 89, 115, 1) !important;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-button--banner svg {
right: 0;
top: 3rem;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item__header.aa-accordion-item__header--open .aa-button--banner svg.open circle {
fill: var(--white);
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-accordion-item__header.aa-accordion-item__header--open .aa-button--banner svg.open path {
fill: var(--blue-primary);
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-button.aa-button--banner {
padding-top: 3rem;
padding-bottom: 3rem;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__right__links {
grid-gap: 0;
}
@media (min-width: 500px) {
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-button--banner svg {
min-width: 4rem;
width: 4rem;
min-height: 4rem;
height: 4rem;
}
}
@media (min-width: 1200px) {
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__body {
grid-gap: 0 0;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__left, .aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__right {
padding-top: 0;
padding-bottom: 0;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__main {
padding-bottom: 8rem;
padding-left: 0;
padding-right: 0;
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__left {
width: calc(50% - 4rem);
}
.aa-overview.aa-overview--accordion.aa-overview--accordion-layout2 .aa-overview__right {
width: calc(50% - 4rem);
}
}
.splide__arrow--prev::after {
transform: rotate(180deg);
}
.splide__arrows {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
}
.splide__arrow + .splide__arrow {
margin-left: 3.5rem;
}
.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__arrow svg {
display: none;
}
.splide__arrow::after {
content: none;
}
.splide__arrow[disabled] {
opacity: 0.5 !important;
}
.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: 768px) {
.aa-blog-posts__slider {
overflow: hidden;
}
.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-team__carousel {
display: flex;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
overflow: visible;
gap: 0 4rem;
position: relative;
z-index: 5;
}
.aa-team__bg-left {
content: "";
width: calc(50% - 15rem);
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}
.aa-team__bg-right {
content: "";
width: calc(50% - 15rem);
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 10;
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}
.aa-bg-gray-light .aa-team__bg-left {
background: linear-gradient(90deg, rgba(243,246,255,1) 0%, rgba(243,246,255,1) 20%, rgba(243,246,255,0) 100%);
}
.aa-team__bg-right {
background: linear-gradient(270deg, rgba(243,246,255,1) 0%, rgba(243,246,255,1) 20%, rgba(243,246,255,0) 100%);
}
@media (min-width: 960px) {
.aa-team__carousel {
gap: 0 3rem;
}
.aa-team__bg-left {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.aa-team__bg-right {
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.aa-bg-gray-light .aa-team__bg-left {
background: linear-gradient(90deg, rgba(243,246,255,1) 0%, rgba(243,246,255,0) 100%);
}
.aa-bg-gray-light .aa-team__bg-right {
background: linear-gradient(270deg, rgba(243,246,255,1) 0%, rgba(243,246,255,0) 100%);
}
}
.aa-team .aa-team-member__image {
width: 20rem;
height: 20rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
transition: all 0.4s ease-in-out;
margin-bottom: 3rem;
}
.aa-team .aa-team-member__image__inner {
width: 100%;
height: 0;
padding: 0 0 100% 0;
overflow: hidden;
position: relative;
border-radius: 50%;
aspect-ratio: initial;
margin-bottom: 3rem;
}
.aa-team .aa-module__header {
position: relative;
z-index: 10;
}
.aa-team .aa-module__header .text {
width: 60rem;
max-width: 100%;
}
.aa-team .aa-content-alignment--center .aa-module__header .text {
margin-left: auto;
margin-right: auto;
}
.aa-team .aa-team-member__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.aa-team-member__body {
display: flex;
width: 100%;
max-width: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 3rem 0;
text-align: center;
opacity: 1;
transition: all 0.4s ease-in-out;
}
.aa-team-member__body svg {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.aa-team-member__linkedin:hover {
opacity: 0.8;
}
.aa-team__carousel .splide__track {
overflow: visible;
}
.aa-team-member__body span, .aa-team-member__body div, .aa-team-member__body a {
display: block;
width: 100%;
}
.aa-team:not(.aa-team--layout3) .aa-team__carousel .splide__slide:not(.is-active) .aa-team-member__body {
opacity: 0;
}
.aa-team:not(.aa-team--layout3) .splide__slide:not(.is-active) .aa-team-member__image {
width: 15rem;
max-width: 100%;
margin-top: 3rem;
}
.aa-team__inner {
overflow: hidden;
}
.aa-team.aa-team--layout2 .aa-team__carousel, .aa-team.aa-team--layout3 .aa-team__carousel {
overflow: hidden;
}
.aa-team.aa-team--layout2 .aa-grid.aa-grid--two {
align-items: center;
}
@media (min-width: 768px) {
.aa-team:not(.aa-team--layout3) .splide__slide:not(.is-active) .aa-team-member__image {
width: 20rem;
}
.aa-team .aa-team-member__image {
width: 26rem;
height: 26rem;
}
}
.aa-team.aa-team--layout3 .aa-team-member__body {
text-align: left;
}
.aa-team.aa-team--layout3 .aa-team-member__image {
margin-left: 0;
}
.aa-team.aa-team--layout3 .aa-team__carousel {
grid-gap: 0;
margin-left: 0;
align-items: flex-start;
justify-content: flex-start;
overflow: visible;
}
@media (max-width: 1200px) {
.aa-team.aa-team--layout3 .splide--slide {
max-width: 100% !important;
}
.aa-team.aa-team--layout3 .aa-team__bg-right {
display: none;
}
}
/*-----------------------------------*\ 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--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 .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__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__item {
width: auto;
max-width: 100%;
}
.aa-media-text__numbers.aa-grid {
display: flex;
gap: 25px;
justify-content: space-between;
flex-wrap: wrap;
}
.aa-media-text__numbers .text {
display: none;
}
.aa-media-text__numbers .number {
font-size: 4.3rem;
}
.aa-media-text__numbers__item {
display: flex;
}
.aa-media-text__numbers__item:nth-child(even) .aa-media-text__numbers__item__inner {
width: auto;
display: inline-flex;
flex-direction: column;
}
@media (min-width: 600px) {
.aa-media-text__numbers__item {
width: 45rem;
}
.aa-media-text__numbers.aa-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-media-text__numbers__item:nth-child(even) .aa-media-text__numbers__item__inner {
margin-left: auto;
}
}
@media (min-width: 992px) {
.aa-media-text__numbers.aa-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.aa-media-text__numbers__item:nth-child(even) .aa-media-text__numbers__item__inner {
width: 100%;
margin-left: 0;
display: block;
}
.aa-media-text:not(.aa-media-text--icon) .aa-content {
display: grid;
}
.aa-media-text__numbers .text {
display: block;
}
.aa-media-text__numbers .number {
font-size: 6.8rem;
}
.aa-media-text:not(.aa-media-text--icon) .aa-media-text__media-column, .aa-media-text:not(.aa-media-text--icon) .aa-media-text__text-column {
grid-column: span 6;
}
.aa-media-text:not(.aa-media-text--icon) .column-sizes--smaller-image .aa-media-text__media-column {
grid-column: span 5;
}
.aa-media-text:not(.aa-media-text--icon) .column-sizes--smaller-image .aa-media-text__text-column {
grid-column: span 7;
}
.aa-media-text:not(.aa-media-text--icon) .column-sizes--bigger-image .aa-media-text__media-column {
grid-column: span 7;
}
.aa-media-text:not(.aa-media-text--icon) .column-sizes--bigger-image .aa-media-text__text-column {
grid-column: span 5;
padding-left: 3rem;
}
.aa-media-text:not(.aa-media-text--icon).aa-media-text--reversed-desktop .column-sizes--bigger-image .aa-media-text__text-column {
padding-right: 3rem;
padding-left: 0;
}
}
.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%;
}
.aa-media-text.aa-media-text--full {
position: relative;
overflow: hidden;
}
@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--reversed-desktop .aa-media-text__text-column.aa-media-text__text-column--padding {
order: 1;
padding-left: 10rem;
padding-right: 0;
}
.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-media-text__text-column.aa-media-text__text-column--padding {
padding-right: 10rem;
}
.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--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;
}
}
/*-----------------------------------*\
AA - Tab Slider
\*-----------------------------------*/
.aa-tabs-slider {
min-height: 0;
}
.aa-tabs-slider.aa-hero .aa-content,
.aa-tabs-slider .aa-hero__content__body {
background: none;
}
.aa-tabs-slider .aa-hero__bg {
display: block;
}
.aa-tabs-slider .aa-hero__featured__inner {
background: rgba(255, 255, 255, 0.90);
}
.aa-outher-top .aa-hero__bg {
height: calc(100% - 100px);
margin-top: 100px;
}
.aa-outher-bottom .aa-hero__bg {
height: calc(100% - 100px);
margin-bottom: 100px;
}
.aa-outher-top.aa-outher-bottom .aa-hero__bg {
height: calc(100% - 200px);
margin-top: 100px;
margin-bottom: 100px;
}
.aa-outher-top .aa-module__content {
padding-top: 150px;
}
.aa-outher-bottom .aa-module__content {
padding-bottom: 150px;
}
.aa-tabs-slider .aa-hero__image__body {
align-items: center;
display: flex;
}
.aa-tabs-slider .aa-tabs__buttons-wrapper li {
margin-bottom: 1em;
}
.aa-tabs-slider .aa-tabs__buttons-wrapper li:first-child {
margin-top: 40px;
}
.aa-tabs-slider .aa-tabs__buttons-wrapper li:last-child {
margin-bottom: 0;
}
.aa-tabs-slider .aa-hero__images img {
margin: 0 auto;
max-height: 55rem;
width: auto;
}
.aa-tabs-slider .heading .tag {
text-transform: capitalize;
}
.aa-tabs-slider .aa-hero__featured__1 {
bottom: auto;
top: 6rem;
left: auto;
right: -1rem;
}
.aa-tabs-slider .splide__arrow + .splide__arrow {
margin-left: 70px;
}
.aa-tabs-slider .splide__arrows {
justify-content: center;
margin-top: 25px;
}
.aa-tabs-slider .splide__arrow {
background: none;
width: auto;
height: auto;
}
.aa-tabs-slider .splide__arrow svg {
display: block;
}
.aa-tabs-slider .pagination {
text-align: center;
margin-top: -20px;
font-size: 14px;
letter-spacing: 2px;
}
.aa-tabs-slider.aa-tabs-slider--left .pagination {
text-align: left;
padding-left: 3.2rem;
}
.aa-tabs-slider.aa-tabs-slider--left .splide__arrows {
justify-content: flex-start;
}
.aa-tabs-slider .aa-module__content {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.aa-tabs-slider .aa-module__body {
margin: 0;
}
.aa-tabs-slider .aa-hero__image__inner {
max-width: 100%;
}
@media(min-width:992px){
.aa-tabs-slider .aa-hero__image__inner {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media(min-width:1200px){
.aa-tabs-slider .splide{
margin-left: -7rem;
}
.aa-tabs-slider .splide__track {
padding: 0 4rem !important;
}
.aa-tabs-slider .aa-hero__featured {
left: 5rem;
}
.aa-tabs-slider .aa-hero__featured__1 {
left: auto;
right: 5rem;
}
.aa-tabs-slider .splide__arrows {
margin-top: 10px;
}
.aa-tabs-slider--layout1 .splide__slide {
min-width: 77rem;
}
}
@media(max-width:1199px){
.aa-tabs-slider .aa-hero__bg>div {
display: none;
}
.aa-tabs-slider .aa-hero__bg>div:not(.aa-bg-white) {
width: 100%;
display: block;
}
.aa-outher-bottom .aa-hero__bg, .aa-outher-top.aa-outher-bottom .aa-hero__bg {
margin-top: 0;
}
.aa-outher-top .aa-module__content {
padding-top: 80px;
}
.aa-outher-bottom .aa-module__content {
padding-bottom: 0;
}
.aa-tabs-slider .aa-hero__image__inner {
align-items: start;
justify-content: start;
}
}
@media(max-width:991px){
.aa-tabs-slider .aa-hero__featured {
padding: 25px;
}
.aa-tabs-slider .aa-hero__featured {
width: 100%;
}
.aa-tabs-slider .splide__track {
padding-top: 15px;
padding-bottom: 15px;
}
.aa-tabs-slider .splide {
margin-left: -20px;
margin-right: -20px;
}
.aa-tabs-slider .aa-hero__image__inner>img {
max-width: calc(100% - 50px);
}
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-tabs {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
grid-gap: 3rem 0;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-tabs__buttons-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
grid-gap: 1.5rem 2.5rem;
align-items: center;
justify-content: flex-start;
margin-top: 3rem;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-tabs__buttons-wrapper li {
margin: 0;
padding: 0;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-hero__images img {
width: 100%;
height: auto;
object-fit: initial;
max-height: initial;
margin-left: 0;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-hero__image__inner>img {
max-width: 100%;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-hero__image__inner {
padding-top: 2rem;
padding-bottom: 2rem;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-hero__image__inner img {
box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
}
.aa-tabs-slider.aa-tabs-slider--layout2 .splide {
margin-left: 0;
margin-right: 0;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-tab__content__item__inner.aa-grid.aa-grid--two {
align-items: center;
}
@media (min-width: 1200px) {
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-grid.aa-grid--two {
grid-gap: 3rem 6rem;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .splide__track {
padding: 0 0 !important;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-tabs__buttons-wrapper {
margin-bottom: 3rem;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-tabs {
grid-gap: 7rem 0;
}
.aa-tabs-slider.aa-tabs-slider--layout2 .aa-tab__content__item {
padding-left: var(--padding);
padding-right: var(--padding);
padding: 0;
}
}
.aa-tabs-slider.aa-tabs-slider--blog .aa-hero__image__body {
width: 100%;
}
.aa-tabs-slider.aa-tabs-slider--layout2.aa-tabs-slider--blog .aa-tabs__buttons-wrapper {
margin: 3rem 0 0 0;
}
@media (min-width: 1200px) {
.aa-tabs-slider.aa-tabs-slider--layout2.aa-tabs-slider--blog .aa-tabs {
grid-gap: 6rem 0;
}
.aa-tabs-slider.aa-tabs-slider--layout2.aa-tabs-slider--blog .aa-grid.aa-grid--two {
grid-gap: 3rem 8rem;
}
}
/*-----------------------------------*\ AA - Bento columns \*-----------------------------------*/
.aa-bento-column__image {
aspect-ratio: 1.93;
margin-bottom: 4rem;
overflow: hidden;
}
.aa-bento-column__column {
display: flex;
flex-direction: column;
grid-gap: 2.6rem 0;
}
.aa-bento-column__image--separate {
border-radius: var(--border-radius);
}
.aa-bento-column__image.aa-bento-column__image--icon {
aspect-ratio: initial;
width: 6rem;
height: 6rem;
}
.aa-bento-column__image.aa-bento-column__image--icon img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.aa-bento-column__image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
transition: all var(--speed) ease;
}
.aa-bento-column__body--padding {
padding: 3.5rem 2.5rem;
}
.aa-bento-column__body.aa-bento-column__body--top {
padding-bottom: 2.4rem !important;
}
.aa-bento-column__body.aa-bento-column__body--top + .aa-bento-column__inner .aa-bento-column__body,
.aa-bento-column__body.aa-bento-column__body--top + .aa-bento-column__inner .aa-bento-column__image {
padding-top: 0 !important;
}
.aa-bento-column--link:hover .aa-bento-column__image img {
transform: scale(1.08);
}
.aa-bento-column__date {
display: block;
margin-bottom: 4rem;
}
.aa-bento-column--grid {
grid-row-gap: 0;
}
@media (min-width: 768px) {
.aa-bento-columns .aa-grid {
grid-template-rows: repeat(2, auto);
}
}
.aa-bento-column__form form {
position:relative;
}
@media (min-width: 1200px) {
.aa-bento-column__form.aa-bento-column__form--fixed-button form > .hs-form-field:first-child .hs-input {
padding-right: 20rem;
}
.aa-bento-column__form.aa-bento-column__form--fixed-button form > .hs-form-field:first-child label {
min-height: 2.6rem;
}
.aa-bento-column__form.aa-bento-column__form--fixed-button form .hs_submit {
position: absolute;
top: 2.6rem;
right: 0;
margin: 0;
}
.aa-bento-column__form.aa-bento-column__form--fixed-button form .hs_submit input {
padding-left: 1.5rem;
padding-right:1.5rem;
min-width: 12.3rem;
}
}
.aa-bento-column {
display: flex;
}
@media (min-width: 768px) {
.aa-bento-columns--boxes-right .aa-bento-column--1 {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.aa-bento-columns--boxes-right .aa-bento-column--2 {
grid-column: 2;
grid-row: 1;
}
.aa-bento-columns--boxes-right .aa-bento-column--3 {
grid-column: 2;
grid-row: 2;
}
}
@media (min-width: 768px) {
.aa-bento-columns--boxes-left .aa-bento-column--1 {
grid-column: 2 / 2;
grid-row: 1 / 3;
}
.aa-bento-columns--boxes-left .aa-bento-column--2 {
grid-column: 1;
grid-row: 1;
}
.aa-bento-columns--boxes-left .aa-bento-column--3 {
grid-column: 1;
grid-row: 2;
}
}
@media (max-width: 768px) {
.aa-bento-column--1 {
grid-column: 1;
grid-row: auto;
}
.aa-bento-column--2 {
grid-column: 1;
grid-row: auto;
}
.aa-bento-column--3 {
grid-column: 1;
grid-row: auto;
}
}
.aa-bento-column--image-full .aa-bento-column__image {
margin: 0;
width: 100%;
height: 100%;
}
.aa-bento-column--image-full .aa-bento-column__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_right {
flex-direction: column-reverse;
display: flex;
aspect-ratio: initial;
align-items: flex-start;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_right .aa-bento-column__image {
aspect-ratio: initial;
width: 100%;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_right .aa-bento-column__image img {
width: 100%;
height: auto;
}
.aa-bento-columns .aa-column__body--padding {
padding: 5rem 3rem;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_on_top img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
@media (min-width: 992px) {
.aa-bento-column :not(.aa-bento-column--image_on_top) img {
object-fit: contain;
height: auto;
}
.aa-bento-column .aa-bento-column__inner:not(.aa-bento-column--image_on_top) {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_right {
flex-direction: row-reverse;
}
.aa-bento-column .aa-bento-column--image_right {
flex-direction: row-reverse;
}
.aa-bento-column .aa-bento-column--image_left {
flex-direction: row;
}
.aa-bento-column .aa-bento-column__body {
flex: 1 1 50%;
padding: 7rem 6rem;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_right .aa-bento-column__body {
padding-right: 0;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_left .aa-bento-column__body {
padding-left: 0;
}
.aa-bento-column .aa-bento-column__inner:not(.aa-bento-column--image_on_top) .aa-bento-column__image {
display: block;
flex: 1 1 50%;
padding: 3.5rem 6rem;
margin-bottom: 0;
overflow: visible;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_right .aa-bento-column__image {
padding-left: 3rem;
}
.aa-bento-column .aa-bento-column__inner.aa-bento-column--image_left .aa-bento-column__image {
padding-right: 3rem;
}
}
.aa-bento-column--image_on_top .aa-bento-column__image + .aa-bento-column__body {
padding-top: 0;
}
.aa-bento-column__body--flex {
display: flex;
flex-direction: column;
}
.aa-bento-column__wrapper {
width: 100%;
}
.aa-bento-column__wrapper--bottom {
margin-top: auto;
}
.aa-bento-column--grid .aa-bento-column__image {
aspect-ratio: 1.7777777778;
margin-bottom: 4rem;
overflow: hidden;
}
.aa-bento-column--image-full .aa-bento-column--height {
height: 100%;
}
.aa-bento-columns.aa-bento-columns--custom .aa-module__body.mobile .splide__track {
padding: 0 30% 0 0 !important;
}
.aa-bento-columns.aa-bento-columns--custom .aa-module__body.mobile .splide__slide {
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (min-width: 768px) {
.aa-bento-column--grid .aa-bento-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-bento-column--height-wrapper {
display: flex;
flex-direction: column;
}
.aa-bento-column--image-full .aa-bento-column--height {
height: auto;
}
.aa-bento-column--height-highest {
min-height: 54rem;
}
.aa-bento-column--height-full {
min-height: 100%;
}
.aa-bento-column--height {
/* margin-top: auto;
Seems to break things in desktop with height: 100% below */
}
.aa-bento-column--height .aa-bento-column__body {
/* display: flex; */
flex-direction: column;
/* height: 100%; */
}
.aa-bento-column--height-high {
min-height: 44rem;
}
.aa-bento-column--height-medium {
min-height: 32rem;
}
.aa-bento-column--height-small {
min-height: 14em;
}
}
section .aa-bg-none.aa-bento-column--shadow, section .aa-bg-none.aa-bento-column--round {
background: transparent;
}
.aa-bento-column--shadow {
box-shadow: 1px 0px 6px 2px rgba(0, 62, 177, 0.18);
}
.aa-bento-column--round {
border-radius: var(--border-radius);
overflow: hidden;
}
.aa-bento-column__image--opacity-30 {
opacity: 0.3;
}
@media (min-width: 1200px) {
.aa-bento-columns__content--flex-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.aa-bento-columns__content--flex-header .aa-module__header {
width: 20%;
text-align: left;
padding-bottom: 0;
}
.aa-bento-columns__content--flex-header .aa-module__body {
width: 75%;
}
}
@media (min-width: 992px) {
.aa-bento-columns--text .aa-grid--two {
grid-gap: 4rem;
}
.aa-bento-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: 992px) {
.aa-bento-columns--icon .aa-module__body .aa-grid--three {
grid-gap: 8rem;
}
.aa-bento-columns--icon .aa-module__body .aa-grid--four {
grid-gap: 5rem;
}
.aa-bento-columns--icon .aa-module__header .aa-module__body {
width: 36rem;
max-width: 100%;
margin-left: auto;
}
}
@media (max-width: 767px) {
.aa-bento-columns--icon .aa-module__body > .aa-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-bento-columns--icon .aa-bento-column__body__header {
font-size: 1.8rem;
}
.aa-bento-columns--icon .aa-bento-column__content {
font-size: 1.4rem;
}
}
@media (max-width: 350px) {
.aa-bento-columns--icon .aa-module__body > .aa-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.aa-bento-columns.aa-bento-columns--logowall .aa-grid {
grid-gap: calc(2.2rem + 2.5vh) calc(2.2rem + 0.5vw);
}
@media (max-width: 991px) {
.aa-bento-columns.aa-bento-columns--logowall .aa-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.aa-bento-columns.aa-bento-columns--logowall .aa-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.aa-bento-columns.aa-bento-columns--logowall .aa-grid {
grid-gap: calc(5.2rem + 2.5vh) calc(5.2rem + 0.5vw);
}
}
.aa-bento-columns.aa-bento-columns--logowall .aa-grid.aa-grid--gap-large {
grid-gap: calc(2.2rem + 2.5vh) calc(5.2rem + 0.5vw);
}
@media (min-width: 992px) {
.aa-bento-columns.aa-bento-columns--logowall .aa-grid.aa-grid--gap-large {
grid-gap: calc(5.2rem + 2.5vh) calc(9.2rem + 0.5vw);
}
}
.aa-bento-columns.aa-bento-columns--logowall .aa-bento-column {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
}
.aa-bento-columns.aa-bento-columns--logowall .aa-bento-column__image {
margin: 0;
aspect-ratio: initial;
width: 100%;
}
.aa-bento-columns.aa-bento-columns--logowall .aa-bento-column__image img {
max-height: 4rem;
object-fit: contain;
}
@media (min-width: 768px) {
.aa-bento-columns.aa-bento-columns--logowall .aa-bento-column__image img {
max-height: 4rem;
}
}
.aa-bento-columns--boxes .aa-bento-column__inner {
height: 100%;
}
.aa-bento-columns.aa-bento-columns--logowall .aa-bento-column__image img {
max-height: 4rem;
object-fit: contain;
}
.aa-bento-column__body__header h3:not(.h4) {
margin-bottom: 1rem;
}
.aa-bento-columns.aa-bento-columns--logowall .aa-module__body.mobile .aa-bento-column {
max-width: 100%;
}
@media (min-width: 768px) {
.aa-bento-columns.aa-bento-columns--logowall .aa-module__body.desktop.mobile-active {
display: none !important;
}
.aa-bento-columns.aa-bento-columns--logowall .aa-module__body.mobile.mobile-active {
display: block !important;
}
}
@media (min-width: 992px) {
.aa-bento-columns.aa-bento-columns--logowall .aa-module__body.mobile .aa-bento-column {
max-width: 23%;
}
.aa-bento-columns.aa-bento-columns--logowall .aa-module__body.desktop.mobile-active {
display: block !important;
}
.aa-bento-columns.aa-bento-columns--logowall .aa-module__body.mobile.mobile-active {
display: none !important;
}
}
.aa-bento-columns.aa-bento-columns--logowall .aa-module__body.mobile {
position: relative;
}
.aa-bento-columns .aa-module__body.mobile {
display: none !important;
}
.aa-bento-columns .aa-module__body.desktop.mobile-active {
display: none !important;
}
.aa-bento-columns .aa-module__body.mobile.mobile-active {
display: block !important;
}
.aa-bento-columns .aa-content-alignment--center .aa-bento-column__image {
margin-left: auto;
margin-right: auto;
}
.aa-bento-columns .aa-bento-column__image--icon-box {
border-radius: 10px;
padding: 10px;
}
.aa-bento-columns .aa-bento-column__image--icon-box--blue-primary {
background-color: var(--blue-primary);
}
.aa-bento-columns .aa-bento-column__image--icon-box--gray-light {
background-color: var(--gray-light);
}
.aa-bento-columns .aa-bento-column__image--icon-box--white {
background-color: white;
}
.aa-bento-columns .aa-content-color--light .legal-consent-container {
color: var(--body-color);
}
.aa-bento-columns.aa-content-color--light .legal-consent-container {
color: white;
}
.aa-bento-columns .aa-bento-column__inner.aa-bg-blue-primary .legal-consent-container, .aa-bento-columns .aa-bento-column__inner.aa-bg-gray-dark .legal-consent-container {
color: white;
}
.aa-bento-columns .aa-bento-column__inner.aa-bg-white .legal-consent-container, .aa-bento-columns .aa-bento-column__inner.aa-bg-gray-light .legal-consent-container {
color: var(--body-color);
}
.aa-bento-columns .aa-module__header .text {
width:76rem;
max-width: 100%;
}
@media (min-width: 768px) {
.aa-bento-columns .aa-module__body.desktop.mobile-active {
display: block !important;
}
.aa-bento-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-bento-columns .aa-module__body .aa-grid--two {
grid-gap: 3rem 3rem;
}
}
@media (max-width: 767px) {
.aa-bento-columns.aa-bento-columns--custom .aa-inner {
padding-right: 0;
}
.aa-bento-columns.aa-bento-columns--custom .aa-inner .aa-module__header,
.aa-bento-columns.aa-bento-columns--custom .aa-inner .aa-module__body.desktop {
padding-right: var(--padding-mobile);
}
.aa-bento-columns.aa-bento-columns--logowall:not(.aa-bento-columns--certificates) .aa-inner .aa-module__header,
.aa-bento-columns.aa-bento-columns--logowall:not(.aa-bento-columns--certificates) .aa-inner .aa-module__body.desktop {
padding-right: var(--padding-mobile);
padding-left: var(--padding-mobile);
}
}
@media (max-width: 991px) {
.aa-bento-columns.aa-bento-columns--logowall.aa-module {
padding-right: 0;
}
}
@import '../components/tags';
@import '../components/pagination';
/*-----------------------------------*\ Blog Listing \*-----------------------------------*/
.blog-index-top-wrapper {
padding-bottom: 250px;
background: linear-gradient(211.33deg, #2471FF 18.92%, #2672FF 18.93%, #0049D2 81.08%);
}
.blog-index-hero {
color: var(--white);
text-align: center;
.aa-subheading {
color: var(--white);
}
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;
.hs-search-field__bar form {
position: relative;
svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 17px;
}
}
.hs-search-field__bar input {
background: transparent;
padding-left: 45px;
border: 2px solid var(--gray-dark);
color: var(--white);
}
.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;
.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;
}
.tag:hover,
.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);
.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-wrapper {
text-decoration: none;
transition: all ease-in-out 0.2s;
img {
transition: all ease-in-out 0.2s;
}
}
.index-featured-wrapper:hover {
text-decoration: none;
color: var(--black);
img {
transform: scale(1.1);
}
}
.index-featured__header {
display: block;
width: 100%;
.index-featured-date {
margin-top: 25px;
color: var(--red);
}
}
.index-featured__body {
padding: 18px;
background: var(--blue-primary);
border-radius: 16px;
width: 100%;
}
.index-featured-list-item {
position: relative;
border-bottom: none;
display: block;
text-decoration: none;
transition: all ease-in-out 0.2s;
.index-featured-list-item-date {
color: var(--blue-primary);
}
.index-featured-list-item-title {
position: relative;
padding-right: 35px;
margin-top: 10px;
}
}
.index-featured-list-item:hover {
text-decoration: none;
}
.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-list-item:not(:last-of-type) {
border-bottom: 1px solid var(--gray-light);
padding-bottom: 16px;
}
.index-featured-list-item:not(:first-of-type) {
padding-top: 16px;
}
}
.index-featured-image-wrapper {
position: relative;
border-radius: 22px;
overflow: hidden;
.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);
.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);
li {
padding: 0;
}
li a {
position: relative;
}
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;
}
li:hover,
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: 96rem;
margin: 0 auto;
}
/* Blog hero */
.blog-post-hero__header {
position: relative;
.back-button {
display: inline-block;
}
.back-button a {
display: flex;
align-items: center;
gap: 1rem;
text-decoration: underline;
svg {
transition: all ease-in-out 0.2s;
width: 0.6rem;
height: auto;
}
}
.back-button:hover a {
svg {
transform: translateX(-5px);
}
}
.blog-post-title {
margin-top: 35px;
margin-bottom: 35px;
h1 {
font-size: 3rem;
font-weight: 600;
line-height: 1.3em;
letter-spacing: -0.02em;
}
}
}
@media (min-width: 767px) {
.blog-post-hero__header {
.blog-post-title {
text-align: center;
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;
.tag-wrapper {
display: flex;
gap: 10px;
align-items: center;
.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-text {
display: flex;
gap: 20px;
align-items: center;
}
.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;
img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
}
.blog-post-content {
margin-bottom: 6rem;
}
@media (min-width: 1200px) {
.blog-post-hero__body, .blog-post-content {
margin-bottom: 11rem;
}
}
.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;
.aa-content {
display: flex;
flex-direction: column;
gap: 35px;
max-width: 720px;
margin: 0 auto;
}
.blog-post-appendix__header {
max-width: 30%;
width: 100%;
}
.blog-post-appendix__body {
display: flex;
flex-direction: column;
gap: 20px;
}
.blog-post-appendix__body a {
display: flex;
gap: 20px;
align-items: flex-start;
text-decoration: none;
}
span {
font-size: 18px;
font-weight: 400;
}
.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 */
.blog-index-knowlegde {
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
padding-top: 32px;
padding-bottom: 75px;
.wrapper {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 1270px;
margin: 0 auto;
}
}
.blog-index-knowlegde__header {
position: relative;
width: 100%;
border-radius: 16px;
overflow: hidden;
padding: 45px 25px;
.image-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.content-wrapper {
position: relative;
z-index: 4;
.h1 {
color: var(--white);
margin: 0;
font-size: 3.6rem;
line-height: 1.2;
}
.mobile-content {
display: block;
.h4 {
margin-bottom: 15px;
font-size: 1.4rem;
line-height: 1;
color: var(--white);
text-transform: uppercase;
}
.aa-button {
margin-top: 25px;
}
}
}
}
.blog-index-knowlegde__body {
border-radius: 16px;
box-shadow: var(--box-shadow);
padding: 32px;
display: none;
.h4 {
color: var(--blue-primary);
}
}
@media (min-width: 978px) {
.blog-index-knowlegde {
padding-left: var(--padding);
padding-right: var(--padding);
.wrapper {
flex-direction: row;
}
}
.blog-index-knowlegde__header {
max-width: 70%;
padding: 90px 75px;
.content-wrapper {
.h1 {
font-size: 6.8rem;
}
.mobile-content {
display: none;
}
}
}
.blog-index-knowlegde__body {
max-width: 30%;
display: block;
}
}
/*-----------------------------------*\ System Pages \*-----------------------------------*/
.aa-system-page h1 {
margin-bottom: 0.5em;
}
.aa-system-page h2 {
font-family: var(--body-font);
font-size: var(--form-font-size);
line-height: var(--form-line-height);
font-weight: 700;
}
.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: flex-start;
max-width: 24rem;
}
.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;
}