/*-----------------------------------*\
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
\*-----------------------------------*/
/*-----------------------------------*\
Variables
\*-----------------------------------*/
/*
* Font weights
* Defined by number since weight name can vary depending on font-family.
*/
.aa-module-spacing--largest,.aa-module-spacing-top--largest{
padding-top:12rem
}
.aa-module-margin--largest,.aa-module-margin-top--largest{
margin-top:12rem
}
@media (min-width:992px){
.aa-module-spacing--largest,.aa-module-spacing-top--largest{
padding-top:18rem
}
.aa-module-margin--largest,.aa-module-margin-top--largest{
margin-top:18rem
}
}
.aa-module-spacing--largest,.aa-module-spacing-bottom--largest{
padding-bottom:12rem
}
.aa-module-margin--largest,.aa-module-margin-bottom--largest{
margin-bottom:12rem
}
@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{
padding-bottom:18rem
}
}
.aa-module-spacing--large,.aa-module-spacing-top--large{
padding-top:5rem
}
.aa-module-margin--large,.aa-module-margin-top--large{
margin-top:5rem
}
@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:144rem){
.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:5rem
}
.aa-module-margin--large,.aa-module-margin-bottom--large{
padding-bottom:5rem
}
@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{
padding-bottom:10rem
}
}
@media (min-width:144rem){
.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:144rem){
.aa-module-spacing--medium,.aa-module-spacing-top--medium{
padding-top:6rem
}
.aa-module-margin--medium,.aa-module-margin-top--medium{
margin-top:6rem
}
}
.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:144rem){
.aa-module-spacing--medium,.aa-module-spacing-bottom--medium{
padding-bottom:6rem
}
.aa-module-margin--medium,.aa-module-margin-bottom--medium{
margin-bottom:6rem
}
}
.aa-module-spacing--small,.aa-module-spacing-top--small{
padding-top:3rem
}
.aa-module-margin--small,.aa-module-margin-top--small{
margin-top:3rem
}
@media (min-width:144rem){
.aa-module-spacing--small,.aa-module-spacing-top--small{
padding-top:3rem
}
.aa-module-margin--small,.aa-module-margin-top--small{
margin-top:3rem
}
}
.aa-module-spacing--small,.aa-module-spacing-bottom--small{
padding-bottom:3rem
}
.aa-module-margin--small,.aa-module-margin-bottom--small{
margin-bottom:3rem
}
@media (min-width:144rem){
.aa-module-spacing--small,.aa-module-spacing-bottom--small{
padding-bottom:3rem
}
.aa-module-margin--small,.aa-module-margin-bottom--small{
margin-bottom:3rem
}
}
.aa-module-spacing--smallest,.aa-module-spacing-top--smallest{
padding-top:2rem
}
.aa-module-margin--smallest,.aa-module-margin-top--smallest{
margin-top:2rem
}
@media (min-width:992px){
.aa-module-spacing--smallest,.aa-module-spacing-top--smallest{
padding-top:2rem
}
.aa-module-margin--smallest,.aa-module-margin-top--smallest{
margin-top:2rem
}
}
.aa-module-spacing--smallest,.aa-module-spacing-bottom--smallest{
padding-bottom:2rem
}
.aa-module-margin--smallest,.aa-module-margin-bottom--smallest{
margin-bottom:2rem
}
@media (min-width:992px){
.aa-module-spacing--smallest,.aa-module-spacing-bottom--smallest{
padding-bottom:2rem
}
.aa-module-margin--smallest,.aa-module-margin-bottom--smallest{
margin-bottom:2rem
}
}
section.aa-module-spacing-top--none {
padding-top: 0;
}
section.aa-module-margin-top--none {
margin-top: 0;
}
section.aa-module-spacing-bottom--none {
padding-bottom: 0;
}
section.aa-module-margin-bottom--none {
margin-bottom: 0;
}
.pt-0{
padding-top:0!important
}
.pb-0{
padding-bottom:0!important
}
.mt-0{
margin-top:0!important
}
.mb-0{
margin-bottom:0!important
}
.hidden-xs-up{
display:none!important
}
@media (max-width:543px){
.hidden-xs-down{
display:none!important
}
}
@media (min-width: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
}
}
@media (max-width:1609px){
.hidden-hg-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:144rem){
.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 {
--weight-100: 100;
--weight-200: 200;
--weight-300: 300;
--weight-400: 400;
--weight-500: 500;
--weight-600: 600;
--weight-700: 700;
--weight-800: 800;
--weight-900: 900;
--black: #000000;
--white: #FFFFFF;
--red-100: #FF705D;
--red-200: #FFEFE9;
--red-500: #FFDAD4;
--green-100: #00D1FF;
--green-200: #DBF8FF;
--blue-100: #0058FC;
--blue-200: #76A8CB;
--blue-300: #B1E0FF;
--blue-400: #F0F4FB;
--blue-500: #F0F4FB;
--gray-300: #B6B6B6;
--gray-200: #7C7C7C;
--gray-100: #494949;
--gray-400: #EAEAEA;
--full-site-width: 135rem;
--gutter: 3.2rem;
--gutter-h: calc(var(--gutter) + 0.5vw);
--gutter-v: calc(var(--gutter) + 2.5vh);
--header-height: 9.6rem;
--header-height-mobile: 7.3rem;
--logo-width: 11rem;
--logo-width-mobile: 8.3rem;
--hamburger-width: 1.8rem;
--link-text-decoration: underline;
--padding: 4rem;
--padding-touch: 4rem;
--padding-mobile: 2rem;
--border-radius: 1.6rem;
--speed: 200ms;
--animation: ease;
--box-shadow: 1px 0px 6px 2px rgba(0, 62, 177, 0.18);
--primary: var(--blue-100);
--secondary: var(--red-100);
--tertiary: var(--blue-300);
--complementary: var(--blue-400);
--dark: var(--black);
--light: var(--white);
--gray: var(--gray-300);
--gradient-blue: linear-gradient(0deg, #3078FF 0%, #0049D0 100%);
--gradient-footer: linear-gradient(211.33deg, #2471FF 18.92%, #2672FF 18.93%, #0049D2 81.08%);
--gradient-blue-small: linear-gradient(154.09deg, #4485FF 0%, #0059FF 100%);
--gradient-blue-light: linear-gradient(359.8deg, rgba(0, 195, 238, 0.7) 0.18%, #EAFBFF 99.82%);
--gradient-blue-medium: linear-gradient(359.8deg, rgba(0, 133, 255, 0.7) 0.18%, #E7F3FF 99.82%);
--gradient-blue-dark: linear-gradient(359.79deg, rgba(0, 55, 252, 0.7) 0.18%, #E8EDFF 99.82%);
--darkblue3: #00A4EB;
--darkblue2: #5B7FFF;
--darkblue1: #2471FF;
--lightblue1: #A8C6FF;
--lightblue2: #C2D0FF;
--lightblue3: #B5E9FF;
--body-color: var(--black);
--heading-color: var(--black);
--text-dark: var(--black);
--text-light: var(--white);
--accent: var(--primary);
--link-color: var(--black);
--link-color-hover: var(--primary);
--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);
--body-font: 'Noto Sans', Helvetica, Arial, sans-serif;
--heading-font: var(--body-font);
--h1-font-family: var(--heading-font);
--h1-font-weight: 700;
--h1-font-style: normal;
--h1-text-decoration: none;
--h2-font-family: var(--heading-font);
--h2-font-weight: 700;
--h2-font-style: normal;
--h2-text-decoration: none;
--h3-font-family: var(--heading-font);
--h3-font-weight: 700;
--h3-font-style: normal;
--h3-text-decoration: none;
--h4-font-family: var(--heading-font);
--h4-font-weight: 500;
--h4-font-style: normal;
--h4-text-decoration: none;
--h5-font-family: var(--heading-font);
--h5-font-weight: 500;
--h5-font-style: normal;
--h5-text-decoration: none;
--h6-font-family: var(--heading-font);
--h6-font-weight: 500;
--h6-font-style: normal;
--h6-text-decoration: none;
--button-font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
--button-font-style: normal;
--button-font-weight: 400;
--form-font-size: calc(1.3rem + 0.1vw);
--form-line-height: 1.5;
--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-100);
--form-input-background-color: var(--white);
--form-input-border-color: var(--gray);
--form-input-border-radius: 0.2rem;
--form-input-border-width: 0.1rem;
--form-input-color: var(--dark);
--form-input-height: 4.6rem;
--form-input-padding: calc(1em * 0.8);
--form-field-label-font-size: calc(1.3rem + 0.1vw);
--form-field-label-line-height: 1.5;
--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: var(--link-text-decoration);
}
a:focus, button:focus, input[type="submit"]:focus {
outline-offset: 0.4rem;
}
a:hover, a:focus, a:active {
color: var(--link-color-hover);
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 0.3rem solid var(--light);
margin: 4rem 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(https://www.isc-cx.com/hubfs/assets/layout/list-blue.svg);
background-position:center;
background-size: contain;
background-repeat: no-repeat;
}
.aa-content-color--light .custom-list li::before {
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/list-blue-400.svg);
}
.custom-list.custom-list--light li::before {
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/list-light.svg);
}
/*-----------------------------------*\
Fonts
\*-----------------------------------*/
/*-----------------------------------*\ Typography \*-----------------------------------*/
html {
font-size: 62.5%;
}
body {
color: var(--body-color);
font-family: var(--body-font);
font-size: 1.6rem;
font-weight: 400;
line-height: 1.48em;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
body {
font-size: 1.8rem;
}
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
line-height: 1.25;
margin: 0;
}
h1, .h1 {
font-size: 3.6rem;
font-weight: 600;
line-height: 1.3em;
letter-spacing: -0.02em;
}
.h1--smaller {
font-size: 3.2rem;
font-weight: 600;
line-height: 1.3em;
letter-spacing: -0.02em;
}
h2, .h2 {
font-size: 3rem;
font-weight: 600;
line-height: 1.3em;
letter-spacing: -0.02em;
}
h3, .h3 {
font-size: 2.4rem;
font-weight: 400;
line-height: 1.36em;
}
h4, .h4 {
font-size: 2.2rem;
font-weight: 400;
line-height: 1.36em;
}
h5, .h5 {
font-size: 2.2rem;
font-weight: 400;
line-height: 1.36em;
}
.sector-heading {
font-weight: 600;
color: var(--gray-400);
}
.aa-text-color--blue-100 > .sector-heading {
color: var(--blue-100);
}
@media (min-width: 768px) {
h1, .h1 {
font-size: 6rem;
line-height: 1.2em;
letter-spacing: -0.02em;
}
.h1-smaller {
font-size: 5.8rem;
line-height: 1.2em;
letter-spacing: -0.02em;
}
h2, .h2 {
font-size: 5.6rem;
line-height: 1.3em;
letter-spacing: -0.02em;
}
h3, .h3 {
font-size: 4.2rem;
line-height: 1.36em;
}
h4, .h4 {
font-size: 3.6rem;
line-height: 1.36em;
}
h5, .h5 {
font-size: 2.6rem;
font-weight: 400;
line-height: 1.36em;
}
@media (min-width: 992px) {
h1, .h1 {
font-size: 9rem;
}
.h1--smaller {
font-size: 6.8rem;
}
}
}
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, .aa-subheading, .aa-label {
font-size: 1.4rem;
line-height: 1.5;
}
.aa-text-size--large {
font-size: 1.8rem;
line-height: 1.48em;
}
@media (min-width: 768px) {
.aa-text-size--large {
font-size: 2.2rem;
line-height: 1.48em;
}
}
.aa-text-size--huge, blockquote {
font-size: 3rem;
line-height: 1.5;
}
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;
}
blockquote {
margin: calc(var(--gutter) * 1.25 + 1vh) 0;
position: relative;
padding: 0 0 0 6.5rem;
font-size: 2.4rem;
line-height: 1.36em;
}
blockquote::before {
content: "";
position: absolute;
width: 4.1rem;
height: 4.1rem;
top: 0;
left: 0;
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/quote.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
blockquote {
font-size: 3.6rem;
line-height: 1.36em;
}
}
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-subheading, .aa-label {
display: block;
font-weight: 700;
margin-bottom: 1.4rem;
text-transform: uppercase;
color: var(--primary);
}
.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: 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: 1rem;
}
.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--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));
}
}
@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-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-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-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-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-gradient-dark {
color: var(--dark-bg-text);
}
.aa-bg-dark .aa-label, .aa-bg-black .aa-label, .aa-bg-gradient-dark .aa-label, .aa-bg-dark .aa-subheading, .aa-bg-black .aa-subheading, .aa-bg-gradient-dark .aa-subheading {
color: var(--dark-bg-accent);
}
.aa-bg-dark h1, .aa-bg-black h1, .aa-bg-gradient-dark h1, .aa-bg-dark h2, .aa-bg-black h2, .aa-bg-gradient-dark h2, .aa-bg-dark h3, .aa-bg-black h3, .aa-bg-gradient-dark h3, .aa-bg-dark h4, .aa-bg-black h4, .aa-bg-gradient-dark h4, .aa-bg-dark h5, .aa-bg-black h5, .aa-bg-gradient-dark h5, .aa-bg-dark h6, .aa-bg-black h6, .aa-bg-gradient-dark h6 {
color: var(--text-light);
}
.aa-bg-dark a, .aa-bg-black a, .aa-bg-gradient-dark a {
color: var(--dark-bg-link);
}
.aa-bg-dark a:hover, .aa-bg-black a:hover, .aa-bg-gradient-dark a:hover, .aa-bg-dark a:active, .aa-bg-black a:active, .aa-bg-gradient-dark a:active, .aa-bg-dark a:focus, .aa-bg-black a:focus, .aa-bg-gradient-dark a:focus {
color: var(--dark-bg-link-hover);
}
.aa-bg-dark .hs-input[type=file], .aa-bg-black .hs-input[type=file], .aa-bg-gradient-dark .hs-input[type=file], .aa-bg-dark ul.hs-error-msgs label, .aa-bg-black ul.hs-error-msgs label, .aa-bg-gradient-dark 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-gradient-dark 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-gradient-dark .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-gradient-dark .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-gradient-dark .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-gradient-dark .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-gradient-dark .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-gradient-dark .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-gradient-dark .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-gradient-dark .aa-form-button--3 input[type="submit"]:active {
background-color: var(--white);
border-color: var(--white);
color: var(--primary);
}
.aa-bg-white,
.aa-bg-light {
background: var(--white);
}
.aa-bg-gradient-blue {
background: var(--gradient-blue);
color: var(--white);
}
.aa-bg-gradient-blue-dark {
background: var(--gradient-blue-dark);
}
.aa-bg-darkblue1 {
background: var(--darkblue1);
}
.aa-bg-darkblue2 {
background: var(--darkblue2);
}
.aa-bg-darkblue3 {
background: var(--darkblue3);
}
.aa-bg-lightblue1 {
background: var(--lightblue1);
}
.aa-bg-lightblue2 {
background: var(--lightblue2);
}
.aa-bg-lightblue3 {
background: var(--lightblue3);
}
.aa-bg-gradient-footer {
background: var(--gradient-footer);
}
.aa-bg-gradient-blue-light {
background: var(--gradient-blue-light);
}
.aa-bg-gradient-blue-medium {
background: var(--gradient-blue-medium);
}
.aa-bg-gradient-blue-dark {
background: var(--gradient-blue-dark);
}
.aa-bg-none {
background: transparent;
}
.aa-content-color--light {
color: var(--white);
}
.aa-content-color--light h1, .aa-content-color--light h2, .aa-content-color--light h3, .aa-content-color--light h4, .aa-content-color--light h5, .aa-content-color--light h6 {
color: var(--text-light);
}
.aa-content-color--dark {
color: var(--black);
}
.aa-content-color--gray-100 {
color: var(--gray-100);
}
.aa-content-color--gray-200 {
color: var(--gray-200);
}
.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-100);
}
.aa-bg-blue-300 {
background: var(--blue-300);
}
.aa-bg-blue-400 {
background: var(--blue-400);
}
.aa-bg-gray-100 {
background: var(--gray-100);
}
.aa-bg-gray-300 {
background: var(--gray-300);
}
.aa-bg-gray-400 {
background: var(--gray-400);
}
.aa-bg-red-100 {
background: var(--red-100);
}
.aa-bg-red-500 {
background: var(--red-500);
}
/* 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-100 {
color: var(--gray-100);
}
.aa-text-color--blue-100 {
color: var(--blue-100);
}
.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 {
display: flex;
}
.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%;
}
/* 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: calc(max(51vw, calc(var(--full-site-width) / 12 * 10)));
margin: 0 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: var(--gutter-v) var(--gutter-h);
grid-template-columns: minmax(0, 1fr);
width: 100%;
padding-left: var(--padding-mobile);
padding-right: var(--padding-mobile);
}
.aa-inner.aa-inner--block {
display: block;
}
@media (min-width: 600px) {
.aa-inner {
padding-left: var(--padding-touch);
padding-right: var(--padding-touch);
}
}
@media (min-width: 992px) {
.aa-inner:not(.aa-inner--simple) {
grid-template-columns: repeat(12, minmax(0px, 1fr));
margin-left: auto;
margin-right: auto;
max-width: var(--full-site-width);
padding-left: var(--padding);
padding-right: var(--padding);
}
}
.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: 992px) {
.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.6rem;
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: 1.6rem;
min-height: 5.4rem;
cursor: pointer;
max-width: 100%;
min-width: 13rem;
}
@media (min-width: 468px) {
.aa-button, input.hs-button {
padding: 1.2rem 2.2rem;
}
}
@media (min-width: 768px) {
.aa-button, input.hs-button {
font-size: 1.8rem;
}
}
.aa-button.aa-button--small {
min-height: 4.9rem;
min-width: initial;
border-radius: 1rem;
padding: 1rem 2rem;
}
.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-100) !important;
}
@media (min-width: 550px) {
.aa-button.aa-text-size--small {
font-size: 1.6rem;
}
.aa-button {
font-size: 1.8rem;
min-width: 20rem;
max-width: 100%;
padding: 1rem 2.2rem;
min-height: 7.2rem;
}
}
header .aa-button {
min-height: 4.2rem;
min-width: 10rem;
border-radius: 0.8rem;
padding: 1rem 2.6rem;
}
.aa-button:hover {
cursor: pointer;
}
.aa-button:hover,
.aa-button:focus {
text-decoration: none;
}
.aa-button.aa-button--1 {
background: var(--primary);
color: var(--white);
border-color: var(--primary);
}
.aa-button.aa-button--1:hover,
.aa-button.aa-button--1:focus-visible {
background: var(--black);
color: var(--white);
border-color: var(--black);
}
.aa-button.aa-button--2 {
background: var(--secondary);
color: var(--white);
border: 1px solid var(--secondary);
}
.aa-button.aa-button--2:hover,
.aa-button.aa-button--2:focus-visible {
background: #FF8C7C;
border: 1px solid #FF8C7C;
}
.aa-button.aa-button--3, input.hs-button {
background: transparent;
color: var(--black);
border-color: var(--primary);
}
.aa-button.aa-button--3:hover, input.hs-button:hover,
.aa-button.aa-button--3:focus-visible, input.hs-button:focus-visible {
background: var(--primary);
color: var(--white);
border-color: var(--primary);
}
.aa-button.aa-button--4 {
background: transparent;
color: var(--white);
border-color: var(--white);
}
.aa-button.aa-button--4:hover,
.aa-button.aa-button--4:focus-visible {
background: var(--white);
color: var(--black);
border-color: var(--white);
}
.aa-button.aa-button--5 {
background: transparent;
color: var(--black);
border-color: var(--gray);
}
.aa-content-color--light .aa-button.aa-button--5 {
color: var(--white);
}
.aa-button.aa-button--5:hover,
.aa-button.aa-button--5:focus-visible {
color: var(--black);
border-color: var(--gray-100);
text-decoration: none;
}
.aa-content-color--light .aa-button.aa-button--5:hover,
.aa-content-color--light .aa-button.aa-button--5:focus-visible {
color: var(--white);
}
.aa-button.aa-button--6 {
background: var(--white);
color: var(--black);
border-color: var(--white);
}
.aa-button.aa-button--6:hover,
.aa-button.aa-button--6:focus-visible {
background: var(--white);
color: var(--blue-100);
border-color: var(--white);
text-decoration: none;
}
.aa-button.aa-button--3:hover,
.aa-button.aa-button--3.aa-button--arrow:hover {
color: var(--blue-100);
background: transparent;
}
.aa-button.aa-button--arrow::after,
.aa-button.aa-button--3.aa-button--arrow:hover::after,
.aa-button.aa-button--3.aa-button--arrow:focus-visible::after {
content: "";
width: 2.4rem;
height: 2.4rem;
margin-left: 0.8rem;
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-forward-primary.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.aa-button.aa-button--3.aa-button--arrow::after,
.aa-button.aa-button--5.aa-button--arrow::after,
.aa-button.aa-button--6.aa-button--arrow::after,
.aa-button.aa-button--simple::after,
.aa-button.aa-button--simple:hover::after,
.aa-button.aa-button--simple:focus-visible::after {
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-forward-primary.svg);
}
.aa-button.aa-button--simple:hover::after,
.aa-button.aa-button--simple:focus-visible::after {
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-forward-primary.svg) !important;
}
.aa-button.aa-button--2.aa-button--arrow::after {
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-forward.svg);
}
.aa-button.aa-button--2.aa-button--arrow:hover::after {
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-forward.svg) !important;
}
.aa-button-container {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 2.4rem;
}
.aa-button-container.aa-button-container--center {
justify-content: center;
}
[class*="__content"] + .aa-button-container {
/* margin-top: var(--gutter); */
}
/*-----------------------------------*\
Content lift
\*-----------------------------------*/
.aa-contet-lift,
.aa-navigation .aa-contet-lift {
position: relative;
padding: calc(var(--gutter) * 0.75);
background-color: var(--primary);
}
.aa-contet-lift > a > span,
.aa-navigation .aa-contet-lift > a > span
{
display: block;
text-align: left;
color: var(--white);
}
/* -------------------------------- *\ Forms \* -------------------------------- */
/* !important rules override HubSpot default form styles */
/* Form */
.hs-form {
font-size: var(--form-font-size);
line-height: var(--form-line-height);
text-align: left;
}
.hs-form .hs-form-field {
margin-bottom: var(--form-fieldset-gutter-v);
}
.hs-form fieldset {
max-width: none !important;
}
.hs-form fieldset:not(:last-of-type) {
margin-bottom: var(--form-fieldset-gutter-v);
}
.hs-form fieldset .hs-form-field {
margin-bottom: 0;
}
.hs-form ul, .hs-form ol {
margin: 0;
padding: 0;
list-style: none;
}
.hs-form legend {
display: block;
font-size: 0.8em;
line-height: 1.2;
margin-top: 0.6em;
opacity: 0.8;
order: 1;
}
.hs-form fieldset.form-columns-2, .hs-form fieldset.form-columns-3 {
display: grid;
grid-gap: var(--form-fieldset-gutter-v) var(--form-fieldset-gutter-h);
grid-template-columns: minmax(0, 1fr);
}
@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 .input {
margin-right: 0 !important;
}
.hs-form-field > label span {
display: inline-block;
font-size: var(--form-field-label-font-size);
line-height: var(--form-field-label-line-height);
font-weight: var(--form-field-label-font-weight);
margin-bottom: 0.6rem;
}
.hs-form-field > label span:empty, .hs-form-field > label span:empty + span {
display: none;
}
.hs-input:not([type="radio"]):not([type="checkbox"]), .hs_cos_wrapper_type_password_prompt [name=password], .hs-search-field__input {
background-color: var(--form-input-background-color);
border: 0.2rem solid var(--gray-400);
color: var(--black);
min-height: 5.8rem;
line-height: 1;
width: 100% !important;
border-radius: 1.6rem;
padding: 1.5rem 1.4rem;
}
.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;
height: auto;
margin-right: 1rem;
width: 2.2rem !important;
height: 2.2rem !important;
top: 0.2rem;
position: absolute;
left: 0;
}
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: 10rem;
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: calc(var(--padding) * 0.7);
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: calc(var(--padding) * 2.5);
}
.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-100);
}
.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 {
content: url('data:image/svg+xml, ');
}
.hs-fieldtype-date .hs-dateinput::after {
content: url('data:image/svg+xml, ');
}
.hs-fieldtype-date .hs-dateinput:hover::after {
content: url('data:image/svg+xml, ');
}
.hs-fieldtype-date .hs-dateinput .hs-datepicker .fn-date-picker .pika-button {
border-radius: 0 !important;
box-shadow: none !important;
}
.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(--complementary);
color: var(--dark);
}
.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: 0.8em;
font-style: italic;
font-weight: 700;
line-height: 1.2;
}
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: var(--form-font-size);
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-300);
font-size: 1.4rem;
}
.legal-consent-container, .legal-consent-container p {
font-size: 1.4rem;
}
.legal-consent-container input {
border-color: var(--gray-300) !important;
}
form .legal-consent-container .hs-form-booleancheckbox-display>span {
margin-left: 0;
font-size: 1rem;
}
/*-----------------------------------*\ Hamburger \*-----------------------------------*/
.aa-site-header__hamburger {
appearance: none;
cursor: pointer;
width: var(--hamburger-width);
height: 1.2rem;
border: none;
background: none;
padding: 0;
z-index: 200;
}
.aa-hamburger {
width: var(--hamburger-width);
height: 1.2rem;
display: flex;
align-items: 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);
}
.aa-module__backgrounds {
display: none;
}
@media (min-width: 768px) {
.aa-module__backgrounds {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.aa-module__backgrounds.aa-module__backgrounds--overflow .aa-module__backgrounds__inner {
position: relative;
width: 100%;
height: 100%;
}
.aa-module__backgrounds .aa-module__background {
position: absolute;
left: 0%;
top: 50%;
z-index: 1;
width: 54rem;
height: 54rem;
}
.aa-module__backgrounds .aa-module__background img {
width: 100%;
height: 100%;
object-fit: contain;
}
.aa-module__backgrounds .aa-module__background.aa-module__background--left img {
position: relative;
left: -27rem;
right: auto;
top: -27rem;
}
.aa-module__backgrounds .aa-module__background.aa-module__background--right img {
position: relative;
right: -27rem;
left:auto;
top: -27rem;
}
.aa-module__backgrounds .aa-module__background.aa-module__background--top img,
.aa-module__backgrounds .aa-module__background img {
position: relative;
top: -27rem;
bottom: auto;
left: -27rem;
}
.aa-module__backgrounds .aa-module__background.aa-module__background--bottom img {
position: relative;
bottom: -27rem;
top: auto;
left: -27rem;
}
}
/*-----------------------------------*\ 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;
}
.language-switcher__button {
display: flex;
align-items: center;
padding: 0;
text-transform: uppercase;
}
footer .language-switcher__dropdown {
top: 60%;
left: -3.8rem;
}
.language-switcher__dropdown {
display: none;
position: absolute;
top: 100%;
left: -4.8rem;
width: 16rem;
background-color: #fff;
border: 1px solid;
border-image-source: linear-gradient(90.61deg, rgba(0, 89, 255, 0.056) -3.05%, rgba(159, 159, 159, 0.006) 120.51%);
border-radius: 1.6rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
z-index: 10;
padding: 0;
padding-left: 20px !important;
padding-right: 20px !important;
list-style: none;
margin-left: 0;
margin-right: 0;
}
.language-switcher__dropdown.active {
display: block;
}
.language-switcher .language-switcher__dropdown a {
font-size: 1.4rem;
cursor: pointer;
text-transform: none;
white-space: nowrap;
display: block;
text-align: left;
}
.language-switcher .language-switcher__dropdown a:hover {
color: var(--blue-100);
text-decoration: underline;
}
.language-switcher .language-switcher__dropdown li {
margin-bottom: 0 !important;
}
@media (min-width: 1200px) {
.language-switcher .language-switcher__dropdown a {
font-size: 1.8rem;
}
.language-switcher__dropdown {
width: 16rem;
left: -6.8rem;
top: 130%;
}
}
.language-switcher__dropdown li:first-child a {
padding-top: 2rem;
}
.language-switcher__dropdown li:last-child a {
padding-bottom: 2rem;
}
.language-switcher__dropdown-item:hover {
background-color: #f0f0f0;
}
.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 {
overflow-y: hidden;
}
.aa-navigation-container {
width: 100%;
height: inherit;
}
.aa-navigation {
height: inherit;
}
.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: 1.8rem;
font-weight: 400;
line-height: 1.5;
text-align: left;
color: var(--black);
word-wrap: normal;
text-decoration: none;
padding: 0;
margin-right: 20px;
}
.aa-navigation .language-switcher button:not(.aa-button),
.aa-navigation button.toggle-search:not(.aa-button) {
margin-right: 0;
}
/* @media (min-width: 1183px) {
.aa-navigation a:not(.aa-button), .aa-navigation button:not(.aa-button) {
text-align: center;
}
} */
.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-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: 1183px) {
.aa-navigation-wrapper.aa-navigation-wrapper--1 {
position: absolute;
top: var(--header-height);
left: 50%;
transform: translateX(-50%);
height: auto;
width: 100%;
max-width: calc(max(51vw, calc(var(--full-site-width) / 12 * 12)));
padding-top: var(--gutter-v);
padding-bottom: var(--gutter-v);
padding-left: var(--padding);
padding-right: var(--padding);
grid-auto-flow: column;
column-gap: var(--gutter-h);
background-color: var(--white);
}
}
@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%;
}
@media (min-width: 1183px) {
.aa-navigation-item.aa-navigation-item--1 {
width: 30.5%;
}
}
.aa-navigation-item.aa-navigation-item--0 {
width: 100%;
height: inherit;
}
.aa-navigation-item.aa-navigation-item--1 {
position: relative;
}
@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(--black);
}
.aa-navigation-item.aa-navigation-item--1 > a, .aa-navigation-item.aa-navigation-item--1 > span{
padding: 2rem;
color: var(--black);
display: block;
text-align: left;
border-radius: 1.6rem;
box-shadow: 0.1rem 0px 0.8rem 0px rgba(0,0,0,0);
transition: all 0.2s ease;
}
.aa-navigation-item.aa-navigation-item--1 > a > span {
display: block;
width: 100%;
}
.aa-navigation-item.aa-navigation-item--1 > a > span.title {
color: var(--black);
}
.aa-navigation-item.aa-navigation-item--1 > a > span.desc {
color: var(--gray-100);
margin-top: 1rem;
font-size: 1.6rem;
}
@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(--black);
}
}
@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;
box-shadow: 1px 0px 6px 2px #003EB12E;
}
}
.aa-navigation-item.aa-navigation-item--1 .aa-navigation-toggle {
display: block;
position: absolute;
top: 0;
right: 0;
width: 5rem;
height: 5.008rem;
border-bottom: 0.1rem solid var(--gray);
}
@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(--black);
}
@media (max-width: 991px) {
.aa-navigation-item.aa-navigation-item--2 > a, .aa-navigation-item.aa-navigation-item--2 > span {
border-bottom: 0.1rem solid var(--gray);
padding: 1.2rem 0;
}
}
@media (min-width: 1183px) {
.aa-navigation-item.aa-navigation-item--2 > a, .aa-navigation-item.aa-navigation-item--2 > span {
color: var(--black);
}
}
@media (min-width: 1183px) {
.aa-navigation-item.aa-navigation-item--2 > a:hover {
text-decoration: underline;
}
}
.aa-navigation-item.aa-navigation-item--content > a, .aa-navigation-item.aa-navigation-item--content > span {
color: var(--white);
}
.aa-navigation-toggle {
appearance: none;
cursor: pointer;
position: relative;
border: none;
border-bottom: 0.1rem solid var(--gray);
background: none;
padding: 1.2rem 0;
height: 100%;
}
@media (max-width: 1182px) {
.aa-navigation-toggle {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 0 !important;
padding-bottom: 8px !important;
padding-top: 8px !important;
}
}
@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::after {
content: "";
position: absolute;
bottom: 8px;
left: 0;
opacity: 0;
width: calc(100% - 20px);
height: 3px;
background-color: var(--blue-100);
transition: all ease-in-out 0.2s;
}
.aa-site-header--light button.aa-navigation-toggle[aria-expanded="true"]::after,
.aa-site-header--light .aa-navigation-toggle::after {
background-color: var(--white);
}
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-toggle svg {
position: absolute;
top: 2.1rem;
right: 0.4rem;
transition: all var(--speed) var(--animation);
transform: rotate(0deg);
width: 1rem;
height: 0.6rem;
}
@media (max-width: 991px) {
.aa-navigation-toggle svg {
width: 1.2rem;
height: 0.8rem;
margin-top: 3px;
position: relative;
top: 0;
right: 0.4rem;
}
}
@media (min-width: 1183px) {
.aa-navigation-toggle svg {
position: relative;
top: 0;
right: 0;
margin-left: 0.6rem;
margin-bottom: 0.3rem;
}
}
.aa-navigation-container--secondary .aa-navigation-wrapper {
grid-auto-flow: column;
grid-template-columns: auto;
column-gap: 1.4rem;
justify-content: end;
grid-auto-columns: auto;
}
@media (min-width: 1183px) {
.aa-navigation-container--secondary .aa-navigation-wrapper {
column-gap: 2rem;
}
}
.aa-navigation-container--secondary .aa-navigation-item {
display: grid;
align-items: center;
}
.aa-navigation-container--secondary a, .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;
}
@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: 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 - 6.4rem);
position: fixed;
bottom: 100%;
right: 0;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
background-color: var(--white);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 998;
}
.aa-navigation-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: flex-start;
justify-content: center;
margin-bottom: 30px;
flex-wrap: wrap;
}
.aa-navigation-container--mobile .aa-navigation-container--secondary li {
display: inline-block;
width: auto;
min-width: 4rem;
margin-bottom: 2rem;
}
.aa-navigation-container--mobile ul.language-switcher__dropdown > li {
display: block !important;
width: 100%;
}
.aa-navigation-wrapper .header {
border-bottom: 0.1rem solid var(--gray-400);
margin-bottom: 2rem;
padding-bottom: 2rem;
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 .header-button {
display: flex;
gap: 10px;
align-items: center;
}
@media (max-width: 600px) {
.aa-navigation .header-button .aa-btn-focus {
display: none;
}
.aa-navigation-container--mobile .aa-navigation .header-button .aa-btn-focus {
display: flex;
width: 100%;
}
}
@media (min-width: 601px) {
.aa-navigation-container--mobile .aa-navigation .header-button .aa-btn-focus {
display: none;
}
}
.aa-navigation-container--mobile .aa-navigation-container--secondary .header-button {
display: block;
width: 100%;
text-align: center;
}
@media (max-width: 600px) {
.aa-navigation-container--secondary .header-button .aa-button {
padding: 1rem 1.6rem;
min-height: 4rem;
color: var(--black);
border: 0.1rem solid var(--black);
background: transparent;
border-radius: 1.2rem;
justify-content: center;
}
.aa-site-header--light .aa-navigation-container--secondary .header-button .aa-button {
color: var(--white);
border: 0.1rem solid var(--white);
justify-content: center;
}
.aa-navigation-container--secondary .header-button .aa-button::after {
content: none !important;
display: none;
}
}
@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;
}
.js-nav-open .aa-navigation-container--mobile {
display: block;
top: var(--header-height-mobile);
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-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;
}
}
.is-active > .aa-navigation-toggle {
color: var(--black);
}
.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;
}
}
@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 {
background: var(--white);
max-width: 100%;
width: 100%;
justify-content: flex-start;
flex-direction: column;
box-shadow: 1px 0px 6px 2px #003EB12E;
border-radius: 3.2rem;
top: 140%;
padding-top: 3rem;
padding-bottom:3rem;
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: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
overflow-y: scroll;
max-height: 78vh;
scrollbar-width: none; /* Optional: Firefox scrollbar styling */
-ms-overflow-style: none; /* Optional: Hide scrollbar in IE/Edge */
}
}
/*-----------------------------------*\
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(--blue-400);
color: var(--gray-100);
}
.aa-pagination li .active,
.aa-pagination li a.aa-pagination--active {
background-color: var(--blue-100);
color: var(--white);
cursor:default;
}
.aa-pagination li a:hover,
.aa-pagination li button:hover {
}
.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-200);
color: var(--red-100);
}
.aa-tag.aa-tag--green {
background: #DFFFFA;
color: #2ECCB2;
}
.aa-tag.aa-tag--blue {
background: #DAE7FF;
color: var(--blue-100);
}
.aa-tag.aa-tag--light-blue {
background: #DBF8FF;
color: #00C4F0;
}
.aa-tag.aa-tag--gray {
background: #F0F4FB;
color: #363636;
}
.aa-tag.aa-tag--yellow {
background: #FBFCE1;
color: #C4C725;
}
.aa-tag--current {
background-color: var(--primary);
color: var(--white);
}
.aa-grid .aa-tag {
margin: 0;
}
/*-----------------------------------*\
Videos
\*-----------------------------------*/
.aa-video-wrapper {
height: 0;
padding: 56.25% 0 0 0;
position: relative;
width: 100%;
}
.aa-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hs-video-wrapper {
width: 100%;
}
/*-----------------------------------*\ AA - Site Header \*-----------------------------------*/
.aa-header-scroll-point {
position: absolute;
top: calc(var(--header-height-mobile) + 2rem);
}
@media (min-width: 992px) {
.aa-header-scroll-point {
top: calc(var(--header-height) + 4rem);
}
}
.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);
}
@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: 20px;
grid-template-columns: var(--logo-width-mobile) 1fr var(--hamburger-width);
align-items: center;
height: inherit;
max-width: calc(var(--full-site-width) - (var(--padding) * 2));
}
@media (min-width: 992px) {
.aa-site-header > .aa-inner {
grid-template-columns: var(--logo-width) 1fr auto;
height: 6rem;
}
}
@media (min-width: 1183px) {
.aa-site-header > .aa-inner {
grid-gap: 24px 24px;
}
}
@media (min-width: 1440px) {
.aa-site-header > .aa-inner {
grid-gap: var(--gutter-v) var(--gutter-h);
}
}
@media (max-width: 1183px) {
.aa-site-header .aa-navigation-item--languages {
display: none;
}
}
.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;
}
.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 {
border: 1px solid;
border-image-source: linear-gradient(90.61deg, rgba(0, 89, 255, 0.056) -3.05%, rgba(159, 159, 159, 0.006) 120.51%);
box-shadow: 0px 0.1rem 2.2rem 0px rgba(0, 105, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 0;
min-height: 7.4rem;
background: rgba(131, 174, 255, 0.6);
position: relative;
z-index: 6;
}
@media (max-width: 1182px) {
.aa-site-header.aa-site-header--webpage > .aa-inner {
border: 1px solid rgba(255, 255, 255, 0.6);
border-image-source: none;
background: rgba(255, 255, 255, 0.6);
}
.aa-site-header.aa-site-header--light.aa-site-header--webpage > .aa-inner {
border: 1px solid transparent;
border-image-source: linear-gradient(90.61deg, rgba(0, 89, 255, 0.056) -3.05%, rgba(159, 159, 159, 0.006) 120.51%);
}
}
.aa-site-header.aa-site-header--webpage.aa-site-header--fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
@media (min-width: 1183px) {
.aa-site-header.aa-site-header--webpage > .aa-inner {
border-radius: 1.6rem;
padding-left: 24px;
padding-right: 24px;
}
.aa-site-header.aa-site-header--webpage.aa-site-header--fixed {
top: 2.3rem;
}
}
@media (min-width: 1440px) {
.aa-site-header.aa-site-header--webpage.aa-site-header--fixed {
top: 2.3rem;
}
}
.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-site-header--light .aa-branding a.logo-dark {
display: none;
}
.aa-site-header--light .aa-navigation-item .aa-navigation-toggle {
color: var(--white);
}
.aa-site-header--light .aa-navigation-item .aa-navigation-toggle svg path {
stroke: var(--white);
}
.aa-site-header--light .aa-hamburger span,
.aa-site-header--light .aa-hamburger span::after,
.aa-site-header--light .aa-hamburger span::before {
background-color: var(--white);
}
.aa-site-header--light.aa-site-header.aa-site-header--webpage > .aa-inner {
background: linear-gradient(99.98deg, rgba(58, 127, 255, 0.45) 3.51%, rgba(55, 125, 255, 0.45) 100%);
mix-blend-mode: normal;
backdrop-filter: blur(5.5px);
-webkit-backdrop-filter: blur(5.5px);
}
.js-nav-open .aa-site-header--light .aa-hamburger span {
background-color: transparent;
}
.aa-site-header--white .aa-branding a.logo-light,
.aa-site-header--dark .aa-branding a.logo-light {
display: none;
}
.aa-site-header--white .aa-branding a.logo-dark,
.aa-site-header--dark .aa-branding a.logo-dark {
display: flex;
}
.aa-site-header--white.aa-site-header.aa-site-header--webpage > .aa-inner {
border: 1px solid rgba(255, 255, 255, 0.6);
border-image-source: none;
background: rgba(255, 255, 255, 0.6);
}
/*-----------------------------------*\ Footer \*-----------------------------------*/
.aa-site-footer {
width: 100%;
position: relative;
z-index: 10;
}
.aa-footer__links {
position: relative;
min-height: 33rem;
}
.aa-footer__links__inner {
position: relative;
z-index: 5;
}
.aa-footer__links__bg {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
left: 0;
}
@media (min-width: 768px) {
.aa-site-footer .aa-grid.aa-grid--cols-2-1 {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
}
.aa-footer__links__bg svg {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@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 .language-switcher,
.aa-site-footer .aa-branding {
display: none !important;
}
.aa-site-footer .aa-footer-branding {
width: 100%;
max-width: 11rem;
margin-bottom: 3.2rem;
}
.aa-site-footer .aa-grid.aa-grid--cols-2-1.aa-footer__links__inner {
grid-gap: 4rem;
grid-template-columns: minmax(0, 1fr);
}
.aa-site-footer .mobile {
display: block;
position: relative;
z-index: 10;
}
.aa-site-footer .desktop {
display: none;
}
.aa-site-footer__column.aa-site-footer__column--custom-links.aa-grid--three {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1200px) {
.aa-site-footer .aa-grid.aa-grid--cols-2-1.aa-footer__links__inner {
grid-gap: 8rem;
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
}
@media (min-width: 992px) {
.aa-site-footer__column.aa-site-footer__column--custom-links.aa-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.aa-site-footer .aa-grid.aa-grid--cols-2-1.aa-footer__links__inner {
grid-gap: 8rem;
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.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-footer__links ul,
.aa-footer__links li {
list-style: none;
padding: 0;
margin: 0;
}
.aa-footer__links h5 {
font-size: 1.8rem;
line-height: 1.3em;
font-weight: 400;
}
.aa-footer__links li:not(:last-child) {
margin-bottom: 1rem;
}
.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__header {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.aa-site-footer-divider {
background-color: #B6B6B6;
opacity: 0.3;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.aa-site-footer-divider {
margin-top: 30px;
margin-bottom: 30px;
}
}
.aa-site-footer .aa-footer-body .aa-button.aa-button--5 {
border-color: var(--gray-400);
color: var(--gray-300)
}
.aa-site-footer .aa-footer-body .aa-button.aa-button--5:hover,
.aa-site-footer .aa-footer-body .aa-button.aa-button--5:focus-visible {
border-color: var(--white);
color: var(--white)
}
.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-back-to-top {
opacity: 0;
visibility: hidden;
width: 3.2rem;
height: 3.2rem;
position: fixed;
bottom: 3.2rem;
right: 3.2rem;
background-color: var(--white);
border: 0.2rem solid var(--dark);
-webkit-appearance: none;
appearance: none;
cursor: pointer;
z-index: 20;
transition: all var(--speed) var(--animation);
}
.aa-back-to-top svg {
transform: rotate(-90deg);
}
.aa-back-to-top svg path {
stroke: var(--dark);
}
.aa-back-to-top:hover,
.aa-back-to-top:focus {
background-color: var(--secondary);
}
.aa-back-to-top.aa-back-to-top--active {
opacity: 1;
visibility: visible;
}
.aa-site-footer__offices__office .address {
color: var(--gray-300);
}
.aa-site-footer__offices__office__top .address a {
color: var(--gray-300) !important;
pointer-events: none !important;
text-decoration: none !important;
}
.aa-site-footer__offices__office__top .address a:hover {
color: var(--gray-300) !important;
text-decoration: none !important;
}
.aa-site-footer__offices__office .column {
display: flex;
align-items: center;
justify-content: flex-start;
}
.aa-site-footer__offices__office .column svg {
min-width: 24px;
height: 24px;
margin-right: 0.6rem;
}
.aa-site-footer__legal {
border-top: 1px solid rgba(255, 255, 255, 0.3);
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-content: space-between;
color: var(--gray-300);
font-size: 1.4rem;
}
.aa-site-footer__legal a {
color: var(--gray-300) !important;
}
.aa-site-footer__lang {
width: 100%;
max-width: 26rem;
}
@media (min-width: 1200px) {
.aa-footer-legal .aa-grid,
.aa-site-footer__lang {
justify-content: flex-end;
width: 100%;
align-items: center;
}
.aa-site-footer__lang {
margin-left: auto;
}
}
.aa-site-footer .back-to-top {
display: flex;
align-items: center;
justify-content: flex-start;
}
@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;
width: 16px;
height: 16px;
}
@media (max-width: 769px) {
.aa-site-footer .aa-grid.aa-grid--auto {
grid-gap: 1.6rem var(--gutter-h);
}
.aa-site-footer .aa-grid.aa-grid--cols-2-1.aa-footer__links__inner {
display: flex;
flex-direction: column-reverse;
}
.aa-footer__links__bg svg {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
position: absolute;
bottom: -5rem;
left: 0;
}
.aa-site-footer__inner {
grid-gap: 2rem;
}
.aa-site-footer__legal {
font-size: 1.2rem;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
width: 100%;
}
.aa-site-footer__legal .aa-grid.aa-grid--auto {
grid-gap: 1rem;
}
.aa-site-footer .aa-grid.aa-grid--cols-2-1.aa-footer__links__inner>div:last-child {
padding-bottom: 4rem;
border-bottom: 0.1rem solid rgba(234, 234, 234, 0.3);
}
.aa-site-footer__offices__office {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.aa-site-footer__offices__office>div {
width: 47%;
.address {
display: none;
}
.title {
margin-bottom: 0;
}
}
}
@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-site-footer.aa-site-footer--light,
.aa-site-footer.aa-site-footer--light a:not(.aa-lang):not(.aa-button) {
color: var(--gray-100);
}
.aa-site-footer.aa-site-footer--light a:not(.aa-lang):not(.aa-button):hover, .aa-site-footer.aa-site-footer--light a:not(.aa-lang):not(.aa-button):focus-visible {
color: var(--gray-100);
text-decoration: underline;
}
.aa-site-footer.aa-site-footer--light .aa-site-footer__offices__office .address,
.aa-site-footer.aa-site-footer--light ul li a:not(.aa-lang):not(.aa-button) {
color: var(--gray-200);
}
.aa-site-footer.aa-site-footer--light ul li a:not(.aa-lang):not(.aa-button):hover,
.aa-site-footer.aa-site-footer--light ul li a:not(.aa-lang):not(.aa-button):focus-visible {
color: var(--gray-200);
}
.aa-site-footer.aa-site-footer--light .aa-site-footer__legal {
border-color: rgba(182, 182, 182, 0.3);
}
.aa-site-footer.aa-site-footer--light .aa-site-footer__legal a:not(.aa-lang):not(.aa-button) {
color: var(--gray-300);
}
.aa-site-footer.aa-site-footer--light .aa-site-footer__legal a:not(.aa-lang):not(.aa-button):hover,
.aa-site-footer.aa-site-footer--light .aa-site-footer__legal a:not(.aa-lang):not(.aa-button):focus-visible {
color: var(--gray-300);
}
.aa-site-footer.aa-site-footer--light .back-to-top svg path {
fill: var(--gray-200);
}
.aa-site-footer.aa-site-footer--light .aa-social-follow svg rect {
fill: var(--blue-400);
}
.aa-site-footer.aa-site-footer--light .language-switcher .arrow path {
stroke: var(--gray-200);
}
@media (min-width: 767px) {
.aa-site-footer.aa-site-footer--light .aa-site-footer__column.aa-site-footer__column--right {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
grid-gap: 3.3rem 0;
gap: 3.3rem 0;
}
}
.aa-site-footer.aa-site-footer--light .aa-site-footer__column.aa-site-footer__column--right > div {
margin: 0;
}
.aa-site-footer.aa-site-footer--light .aa-footer-body h1,
.aa-site-footer.aa-site-footer--light .aa-footer-body h2,
.aa-site-footer.aa-site-footer--light .aa-footer-body h3 {
color: var(--blue-100);
}
/*-----------------------------------*\
AA - Hero
\*-----------------------------------*/
.body-wrapper--fixed-header .aa-module-height--full.aa-hero,
.aa-hero {
z-index: 0;
position: fixed;
height: 100vh;
}
.aa-hero {
margin-top: 70px;
}
.body-wrapper--fixed-header .aa-module-height--full.aa-hero {
margin-top: 0;
}
.scroll-spacer {
height: 200vh; /* Spacer height used for scroll animation*/
}
.aa-module-height--full.aa-hero .aa-module__content h1,
.aa-module-height--full.aa-hero .aa-module__content .h1 {
font-size: 3.6rem;
font-weight: 600;
line-height: 1.3em;
letter-spacing: -0.02em;
}
@media (min-width: 768px) {
.aa-module-height--full.aa-hero .aa-module__content h1,
.aa-module-height--full.aa-hero .aa-module__content .h1 {
font-size: 6rem;
line-height: 1.2em;
letter-spacing: -0.02em;
}
}
@media (min-width: 1025px) {
.aa-module-height--full.aa-hero .aa-module__content h1,
.aa-module-height--full.aa-hero .aa-module__content .h1 {
font-size: 7rem;
}
}
@media (min-width: 1200px) {
.aa-module-height--full.aa-hero .aa-module__content h1,
.aa-module-height--full.aa-hero .aa-module__content .h1 {
font-size: 6.9rem;
}
}
@media (min-width: 1260px) {
.aa-module-height--full.aa-hero .aa-module__content h1,
.aa-module-height--full.aa-hero .aa-module__content .h1 {
font-size: 7rem;
}
}
@media (min-width: 1420px) {
.aa-module-height--full.aa-hero .aa-module__content h1,
.aa-module-height--full.aa-hero .aa-module__content .h1 {
font-size: 8rem;
}
}
@media (min-width: 1610px) {
.aa-module-height--full.aa-hero .aa-module__content h1,
.aa-module-height--full.aa-hero .aa-module__content .h1 {
font-size: 9rem;
}
}
@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 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
max-height: 70rem;
--image-width: 100%;
}
@media (min-width: 768px) {
.aa-hero__bg {
max-height: 61rem;
--image-width: 75rem;
}
}
@media (min-width: 1920px) {
.aa-hero__bg {
--image-width: 100rem;
}
}
.aa-hero__footer.aa-hero__footer--absolute {
position: absolute;
bottom: 7rem;
left: 0;
width: 100%;
z-index: 20;
}
.aa-hero__footer.aa-hero__footer--absolute .aa-content {
position: relative;
}
.aa-hero__featured {
position: absolute;
bottom: 40px;
right: 0;
z-index: 20;
width: 31rem;
max-width: 100%;
}
@media (min-width: 1440px) {
.aa-hero__featured {
bottom: 10vh;
}
}
.aa-hero__featured__inner {
box-shadow: 1px 0px 8.2px 0px rgba(0,0,0,0.4);
background: var(--white);
border-radius: 1.6rem;
width: 100%;
max-width: 100%;
padding: 2.2rem;
display: none;
}
.aa-hero__featured .title {
font-weight: 500;
}
.aa-hero__bg__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.aa-hero__bg__overlay__base {
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--image-width));
max-width: 100%;
height: 100%;
z-index: 0;
}
.aa-hero__bg__overlay__image {
position: absolute;
top: 0;
right: 0;
width: var(--image-width);
max-width: 100%;
height: 100%;
z-index: 0;
}
.aa-hero__bg__overlay__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center bottom;
}
.aa-hero .aa-module__content {
width: 100%;
max-width: 100%;
padding: 32px 22px 32px 22px;
border-radius: 14px;
border: 2px solid;
border-image-source: linear-gradient(169.18deg, rgba(129, 173, 255, 0.1) 0%, rgba(36, 113, 255, 0.08) 100%);
background: linear-gradient(120.8deg, rgba(233, 233, 233, 0.7) 0%, rgba(245, 245, 245, 0.7) 99.12%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.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 h1 {
background: linear-gradient(151.53deg, #0058FC 49.38%, #0043C0 70.33%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.aa-hero .aa-module__body {
width: 57rem;
max-width: 100%;
}
.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;
}
@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: 1200px) {
.aa-hero__featured__inner {
display: block;
}
}
@media (min-width: 600px) {
.aa-hero__bg__content img, .aa-hero__bg__content video {
object-position: center;
}
.aa-hero .mobile {
display: none;
}
.aa-hero .desktop {
display: block;
}
.aa-hero__footer {
display: block;
}
.aa-hero__bg__overlay__image .desktop {
display: block;
}
.aa-hero__bg__overlay__image .mobile {
display: none;
}
.aa-hero__bg {
max-height: 100%;
}
.aa-hero__bg__overlay__image img {
object-position: left center;
}
.aa-hero .aa-module__content {
padding: 4rem 5rem;
}
}
@media (min-width: 1200px) {
.aa-hero .aa-module__content {
max-width: 61vw;
background: none;
border: none;
padding: 0;
backdrop-filter: none;
}
.aa-hero__bg__overlaycolor {
display: none;
}
}
@media (min-width: 1440px) {
.aa-hero .aa-module__content {
max-width: 61vw;
}
}
@media (max-width: 601px) {
.aa-hero.aa-module-height--full {
min-height: 65vw;
}
.aa-hero .aa-module-inner {
padding: 33rem 0 3rem !important;
}
}
/* hero scroll */
.aa-hero__scroll {
display: none;
align-items: center;
margin-top: 100px;
}
.aa-hero__scroll .scroll-bar {
position: relative;
height: 100px;
width: 10px;
background: var(--gray-400);
border-radius: 15px;
}
.aa-hero__scroll .scroll-bar {
.scroll-indicator {
position: absolute;
z-index: 3;
top: 0;
left: 0;
height: 30px;
width: 10px;
border-radius: 15px;
background: var(--gradient-blue-small);
animation: scrollBounce 5s linear infinite;
}
}
.aa-hero__scroll .scroll-text {
transform: rotate(-90deg);
height: auto;
flex-shrink: 0;
}
@media (min-width: 689px) {
.aa-hero__scroll {
display: flex;
}
.aa-hero__scroll .scroll-text {
display: block;
}
}
@keyframes scrollBounce {
0% {
top: 0;
}
50% {
top: 70px; /* taking 30px away due to the height of the scroll indicator */
}
100% {
top: 0;
}
}
/* Hero B version */
.aa-hero--b {
}
.aa-hero.aa-hero--b.aa-hero--b-no-scroll {
position: relative;
}
.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-300);
}
.aa-form .hs-richtext {
margin-bottom: 20px;
}
.aa-form {
.hs-submit {
align-items: center;
appearance: none;
background: transparent;
border: 0.1rem solid var(--blue-100);
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 2.4rem;
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-100);
}
.hs-submit .actions {
display: inline-flex;
align-items: center;
position: relative;
}
.hs-submit .actions::after {
content: "";
width: 2.4rem;
height: 2.4rem;
margin-left: 0.8rem;
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-forward-primary.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
}
.aa-form__image {
position: relative;
overflow: hidden;
padding-bottom: 0;
border-radius: 16px;
}
.aa-form__image img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.aa-form__image::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: #000;
opacity: 0.2;
height: 100%;
width: 100%;
}
.aa-form__desktop-text {
display: none;
}
.aa-form__mobile-text {
position: relative;
z-index: 2;
top: 0;
left: 0;
padding: 24px;
display: block;
color: var(--white);
.aa-subheading,
h2 {
color: var(--white);
}
}
@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-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-300);
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-300);
}
.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-100);
}
}
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;
}
}
}
@media (min-width: 768px) {
.aa-form--contact__body .hs-form fieldset.form-columns-2 .hs-form-field.hs-email {
max-width: 600px !important;
}
}
.aa-form--contact__body .hs-form fieldset.form-columns-2:has(.hs-form-field.hs-email) {
flex-direction: column;
}
@media (min-width: 1080px) {
.aa-form--contact__body .hs-form fieldset.form-columns-2:has(.hs-form-field.hs-email) {
flex-direction: row;
}
}
.aa-form--contact__body .hs-form fieldset .input:has(select) {
width: auto !important;
}
.aa-form--contact__body .hs-form fieldset .input:has(select) .hs-input {
background: transparent;
background-color: transparent;
border: none;
border-radius: 0;
border-bottom: 1px solid var(--gray-300);
color: var(--white);
}
.aa-form--contact__body .hs-form fieldset .input:has(select) .hs-input:focus,
.aa-form--contact__body .hs-form fieldset .input:has(select) .hs-input:focus-visible {
outline: none;
}
.aa-form--contact__body .hs-form fieldset .input select {
padding: 0;
padding-bottom: 10px;
font-size: 22px;
line-height: 1;
color: var(--white);
min-height: auto;
}
.aa-form--contact__body .hs-form fieldset .input:has(select)::after,
.aa-form--contact__body .hs-form fieldset .input .hs-fieldtype-intl-phone::after {
right: 8px;
content: url('data:image/svg+xml, ') !important;
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .input:has(select)::after {
content: none !important;
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone {
display: flex;
align-items: center;
flex-direction: column;
gap: 20px;
min-height: auto;
}
@media (min-width: 680px) {
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone {
flex-direction: row;
gap: 0;
}
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone::after {
right: 0;
left: auto;
top: 12px;
transform: none;
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone .hs-input {
padding-top: 0;
margin-top: 0;
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone input.hs-input {
margin-left: 0px;
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone select.hs-input {
padding-top: 0;
padding-right: 0;
max-width: 100%;
}
@media (min-width: 680px) {
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone {
flex-direction: row;
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone select.hs-input {
padding-top: 3px;
padding-right: 40px;
max-width: 160px;
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone::after {
right: auto;
left: 140px;
top: 50%;
transform: translateY(-50%);
}
.aa-form--contact__body .hs-form .hs-fieldtype-phonenumber .hs-fieldtype-intl-phone input.hs-input {
margin-left: 20px;
}
}
/* 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-100);
}
.hs-submit .actions {
display: inline-flex;
align-items: center;
position: relative;
}
.hs-submit .actions::after {
content: "";
width: 2.4rem;
height: 2.4rem;
margin-left: 0.8rem;
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-forward-primary.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
}
.aa-form--contact .hs_error_rollup {
color: white;
position: relative;
}
.aa-form--contact .hs_error_rollup .no-list.hs-error-msgs.inputs-list {
top: 8px;
}
.aa-form--contact .hs_error_rollup ul.hs-error-msgs label {
color: white;
}
/*-----------------------------------*\ 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: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-400);
}
}
}
.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;
}
.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 {
min-height: 7.3rem;
display: flex;
align-items: center;
justify-content: flex-start;
}
.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: 4rem;
height: 4rem;
transition: all var(--speed) var(--animation);
transform: rotate(0deg);
}
.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-100) !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(--dark);
font-size: 1.8rem;
line-height: 1.2em;
}
.aa-accordion-item__body {
padding-bottom: 1.6rem;
color: var(--dark);
}
.aa-accordion-item__body[hidden] {
display: none;
}
.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-100);
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(--blue-100);
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);
}
.aa-accordion__box {
position: relative;
z-index: 5;
}
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__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: 500;
font-size: 2.6rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item {
border-bottom: 0.1rem solid var(--blue-500);
padding-bottom: 3rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item:not(:last-child) {
margin-bottom: 3rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item .aa-accordion-item__trigger {
padding: 0;
}
.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 {
padding-bottom: 0;
padding-top: 0.5rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item__header .aa-accordion-item__title > span:not(.arrow) {
display: block;
padding-right: 5rem;
}
.aa-accordion.aa-accordion--faq .aa-accordion-item__header .aa-accordion-item__title > span.intro {
display: none;
}
.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 {
display: none !important;
}
.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;
}
@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 {
display: block;
}
.aa-accordion__box__filters__inner > div {
width: 45%;
}
.aa-accordion__box__filters__search {
margin-left: auto;
}
}
.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;
}
/* modifier */
.aa-accordion-item__body.aa-accordion-item__body--w-image[hidden] {
display: none;
}
.aa-accordion-item__body.aa-accordion-item__body--w-image {
display: grid;
grid-template-columns: 1fr;
gap: 35px;
}
@media only screen and (min-width: 768px) {
.aa-accordion-item__body.aa-accordion-item__body--w-image {
grid-template-columns: repeat(2, 1fr);
}
}
.aa-accordion-item__body.aa-accordion-item__body--w-image .accordion-item-image.cropped img {
object-fit: cover;
height: 100%;
width: 100%;
}
.aa-accordion-item__body.aa-accordion-item__body--w-image .accordion-item-image.contain img {
object-fit: contain;
height: auto;
width: auto;
}
.accordion-item-image {
display: flex;
}
.aa-accordion-item__body.aa-accordion-item__body--w-image .accordion-item-image.contain.image-pos--left {
justify-content: flex-start;
}
.aa-accordion-item__body.aa-accordion-item__body--w-image .accordion-item-image.contain.image-pos--center {
justify-content: center;
}
.aa-accordion-item__body.aa-accordion-item__body--w-image .accordion-item-image.contain.image-pos--right {
justify-content: flex-end;
}
/*-----------------------------------*\ 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 .aa-column__date {
display: block;
margin-bottom: calc(var(--gutter) * 0.375);
}
.aa-blog-posts .h4 {
margin-top: 0;
color: var(--black);
}
.aa-blog-posts .aa-column__body {
height: 100%;
display: flex;
row-gap: 20px;
flex-direction: column;
}
.aa-blog-posts .aa-column__wrapper {
margin-top: auto;
display: flex;
flex-direction: column;
}
.aa-blog-posts .aa-tags {
overflow: hidden;
}
.aa-blog-posts .aa-column__image {
margin: 0;
}
.aa-blog-posts .aa-column__content {
padding: 2rem 2.4rem;
}
.aa-blog-posts .aa-column {
background: var(--white);
}
.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-100);
}
@media (max-width: 767px) {
.aa-blog-posts--featured .aa-blog-posts__items__left {
.aa-column__body::after {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: var(--black);
opacity: 0.6;
border-radius: 16px;
overflow: hidden;
}
.aa-column__content:not(.aa-button-container) {
position: absolute;
border-radius: 16px;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.aa-column__image {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 16px;
overflow: hidden;
}
.aa-column__wrapper {
position: relative;
padding: 24px;
padding-top: 100px;
z-index: 2;
.h4, .aa-column__date, .aa-button {
color: var(--white) !important;
}
}
.aa-relative.aa-border-radius {
position: static;
}
}
}
@media (min-width: 1200px) {
.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--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-300);
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__image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
aspect-ratio: initial;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.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 {
margin-bottom: 0;
.pagination-container {
margin-top: 10px;
}
}
.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 .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: 600px) {
.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__image {
aspect-ratio: 1.93;
margin-bottom: calc(var(--gutter) * 0.75);
overflow: hidden;
}
.aa-column__image.aa-column__image--icon {
aspect-ratio: initial;
width: 6rem;
height: 6rem;
}
.aa-column__image.aa-column__image--icon img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.aa-column__image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
transition: all var(--speed) ease;
}
.aa-column__body--padding {
padding: 3.5rem 2.5rem;
}
.aa-column__image + .aa-column__body--padding {
padding-top: 0;
}
.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--image-full .aa-column--height {
height: auto;
}
.aa-column--height-highest {
min-height: 54rem;
}
.aa-column--height {
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: var(--white);
}
.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;
}
@media (min-width: 1200px) {
.aa-columns__content--flex-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.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-300);
padding-right: 5rem;
}
}
@media (min-width: 992px) {
.aa-columns--icon .aa-module__body .aa-grid--three {
grid-gap: 8rem;
}
.aa-columns--icon .aa-module__body .aa-grid--four {
grid-gap: 5rem;
}
.aa-columns--icon .aa-module__header .aa-module__body {
width: 36rem;
max-width: 100%;
margin-left: auto;
}
}
@media (max-width: 767px) {
.aa-columns--icon .aa-module__body > .aa-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-columns--icon .aa-column__body__header {
font-size: 1.8rem;
}
.aa-columns--icon .aa-column__content {
font-size: 1.4rem;
}
}
@media (max-width: 350px) {
.aa-columns--icon .aa-module__body > .aa-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.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-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;
}
@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;
}
}
@media (max-width: 767px) {
.aa-columns.aa-columns--custom .aa-inner {
padding-right: 0;
}
.aa-columns.aa-columns--custom .aa-inner .aa-module__header,
.aa-columns.aa-columns--custom .aa-inner .aa-module__body.desktop {
padding-right: var(--padding-mobile);
}
.aa-columns.aa-columns--logowall:not(.aa-columns--certificates) .aa-inner .aa-module__header,
.aa-columns.aa-columns--logowall:not(.aa-columns--certificates) .aa-inner .aa-module__body.desktop {
padding-right: var(--padding-mobile);
padding-left: var(--padding-mobile);
}
}
.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-400);
border-radius: 50%;
background: var(--gray-400);
}
li .splide__pagination__page.is-active {
border: 1px solid var(--blue-100);
background: var(--blue-100);
}
.total-index-number {
color: var(--gray-400);
}
.index-number {
color: var(--blue-100);
}
}
.aa-bg-blue-400 .pagination-container {
li .splide__pagination__page.is-active {
border: 1px solid var(--blue-100);
background: var(--blue-100);
}
.total-index-number {
color: var(--gray-100);
}
.index-number {
color: var(--blue-100);
}
}
/* 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 - 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: 4.8rem;
width: 100%;
height: 4.8rem;
margin-right: 2rem;
border-radius: 50%;
overflow: hidden;
}
.aa-quote__item__author {
margin-bottom: 3rem;
}
.aa-quote__image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.aa-quote__items__list {
padding: 0;
list-style: none;
margin: 0;
}
.aa-quote__items__list > li {
padding: 0;
list-style: none;
margin: 0;
}
.aa-quote .splide__arrows {
position: absolute;
bottom: -1rem;
left: 0;
z-index: 10;
}
.aa-quote__items--multi {
padding-bottom: 10rem;
}
.aa-content-alignment--center .aa-quote__image {
align-self: center;
margin-left: auto;
margin-right: auto;
}
.aa-quote__items--multi .aa-quote__item__author {
display: flex;
align-items: center;
justify-content: flex-start;
}
.aa-quote__items .pagination-container {
position: absolute;
right: 0;
bottom: 0;
}
@media (min-width: 1200px) {
.aa-quote__items--multi .aa-quote__item {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.aa-quote__items--multi {
padding-bottom: 0;
}
.aa-quote__item__author {
margin-bottom: 0rem;
}
.aa-quote .splide__arrows {
bottom: 0;
}
.aa-quote__items .pagination-container {
display: none;
}
.aa-quote__image {
max-width: 9rem;
height: 9rem;
}
.aa-quote__items--multi .aa-quote__item .aa-quote__item__author {
width: 40rem;
max-width: 100%;
}
.aa-quote__items--multi .aa-quote__item .aa-quote__item__quote {
width: calc(100% - 45rem);
max-width: 100%;
}
}
/*-----------------------------------*\ Social Follow \*-----------------------------------*/
.aa-social-follow {
display: flex;
justify-content: flex-end;
gap: 1.5rem;
}
.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;
}
/*-----------------------------------*\ Team \*-----------------------------------*/
.aa-team .aa-team-init-isotope {
display: block;
}
@media (min-width: 768px) {
.aa-team .aa-team-init-isotope {
margin: 0 calc(var(--gutter-h) / -2);
width: calc(100% + var(--gutter-h));
}
}
.aa-team .aa-team-init-isotope .aa-column {
animation: isotopeFadeIn 0.8s var(--animation) 0.1s 1 forwards;
margin-bottom: var(--gutter-v);
opacity: 0;
transform: translateY(-1rem);
width: 100%;
}
@keyframes isotopeFadeIn {
0% {
opacity: 0;
transform: translateY(-1rem);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@media (min-width: 768px) {
.aa-team .aa-team-init-isotope .aa-column {
margin-left: calc(var(--gutter-h) / 2);
margin-right: calc(var(--gutter-h) / 2);
width: calc(33.333% - var(--gutter-h));
}
}
@media (min-width: 992px) {
.aa-team .aa-team-init-isotope .aa-column {
width: calc(25% - var(--gutter-h));
}
}
.aa-team .aa-team-init-isotope .aa-column.hidden {
display: none;
}
.aa-team-filter {
display: flex;
flex-wrap: wrap;
column-gap: 2rem;
margin-top: 2rem;
}
@media (min-width: 992px) {
.aa-team-filter {
margin-top: 4rem;
}
}
.aa-team-filter button {
padding: 0;
margin-bottom: 2rem;
}
.aa-team-member__image {
aspect-ratio: 1;
width: 100%;
}
.aa-team-member__body {
display: grid;
}
.aa-team-member__body a + a {
margin-top: 0.4rem;
}
.aa-team-member__name {
font-weight: 500;
margin-bottom: 0.8rem;
}
/*-----------------------------------*\
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 - Video
\*-----------------------------------*/
.aa-video {}
.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: 0.1rem solid var(--gray-400);
}
.splide__arrow svg {
display: none;
}
.splide__arrow::after {
content: "";
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-black.svg);
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: calc(2.7rem - 0.6rem);
left: calc(2.7rem - 0.6rem);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.splide__arrow:hover:not([disabled])::after {
background-image: url(https://www.isc-cx.com/hubfs/assets/layout/icon-arrow-primary.svg);
}
.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: visible;
}
}
.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: calc(var(--gutter) * 0.5);
position: absolute;
right: 0;
top: -6.6rem;
}
.aa-blog-posts__slider .splide__arrows .splide__arrow--prev {
transform: rotate(180deg);
}
.aa-blog-posts__slider .splide__arrows button {
appearance: none;
background-color: transparent;
border: 0;
padding: 0.4rem;
}
.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: 1.6rem;
width: 1.6rem;
}
.aa-blog-posts__slider .splide__arrows path {
fill: var(--dark);
}
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
/*-----------------------------------*\ AA - Media & Text \*-----------------------------------*/
.aa-media-text:not(.aa-media-text--icon) .aa-content {
display: grid;
grid-gap: 2.5rem;
grid-template-columns: inherit;
}
.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);
overflow: hidden;
}
.aa-media-text__text-column--rounded {
background: var(--white);
padding: 8rem 3rem 6rem;
border-radius: var(--border-radius);
overflow: hidden;
}
.aa-media-text__media-column__featured {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
margin-top: -7rem;
}
.aa-media-text__media-column__featured__item {
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: 1px 0px 8.2px 0px rgba(0,0,0,0.25);
margin-top: 2.5rem;
background: var(--white);
padding: 1rem;
min-height: 12rem;
}
.aa-media-text__media-column__featured__item .aa-button-container {
display: none;
}
.aa-media-text__media-column__featured__item .aa-button-container {
gap: 1.4rem;
}
.aa-media-text .column-sizes--default .aa-media-text__content {
width: 54rem;
max-width: 100%;
}
.aa-media-text__content-wrapper--auto {
margin-top: auto;
}
.aa-media-text__media-column__featured__item .title {
margin-bottom: 2.5rem;
}
.aa-media-text__media-column__featured__item--small .title {
font-size: 1.2rem;
line-height: 1.3em;
}
.aa-media-text__media-column__featured__item:not(.aa-media-text__media-column__featured__item--small) .title {
font-size: 1.8rem;
line-height: 1.2em;
color: var(--blue-100);
}
.aa-media-text__text-column {
display: flex;
flex-direction: column;
}
.aa-media-text__media-column__featured__item--small {
position: relative;
}
.aa-media-text__media-column__featured__item .content {
color: var(--gray-100);
}
.aa-media-text__media-column__featured__item--small .aa-media-text__media-column__featured__item__image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
.aa-media-text__media-column__featured__item--small .aa-media-text__media-column__featured__item__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center bottom;
}
.aa-media-text__media-column__featured__item--small .aa-media-text__media-column__featured__item__inner {
position: relative;
z-index: 5;
}
.aa-media-text__media-column__featured__item--full {
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__media-column__featured__item .content {
font-size: 1.2rem;
}
.aa-media-text__media-column__featured__item--large {
width: calc(66.66% - 1.25rem);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aa-media-text__media-column__featured__item--small {
width: calc(33.33% - 1.25rem);
}
.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__media-column__featured__item {
padding: 2.3rem;
}
.aa-media-text__media-column__featured__item {
min-height: 19rem;
}
.aa-media-text__media-column__featured__item .aa-button-container {
display: flex;
}
.aa-media-text__media-column__featured__item--small .title {
font-size: 1.8rem;
}
.aa-media-text__media-column__featured__item .content {
font-size: 1.4rem;
}
.aa-media-text__media-column__featured__item:not(.aa-media-text__media-column__featured__item--small) .title {
font-size: 2.2rem;
}
.aa-media-text__media-column__featured {
margin-top: 0;
}
.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__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__media-column img {
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 {
order: 1;
}
.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;
}
}
.aa-media-text .back-button a {
display: flex;
align-items: center;
gap: 15px;
text-decoration: none;
color: var(--white);
min-width: max-content;
svg {
transition: all ease-in-out 0.2s;
}
}
.aa-media-text .back-button:hover a {
svg {
transform: translateX(-5px);
}
}
.aa-mobility-slider__header {
margin-bottom: 45px;
}
.aa-mobility-slider__header--center {
text-align: center;
}
.aa-mobility-slider__header--center .aa-button-container {
justify-content: center;
}
@media only screen and (min-width: 768px) {
.aa-mobility-slider__header {
margin-bottom: 65px;
}
}
.splide__slide {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
background-color: white;
border-radius: 16px;
overflow: clip;
padding: 26px 18px;
padding-bottom: 96px;
}
@media only screen and (min-width: 768px) {
.splide__slide {
grid-template-columns: repeat(2 , 1fr);
background-color: transparent;
border-radius: 0;
padding: 0px 0px;
padding-bottom: 0;
}
}
.slide-image {
border-radius: 16px;
overflow: clip;
}
@media only screen and (min-width: 768px) {
.slide-content,
.slide-image {
border-radius: 16px;
overflow: clip;
}
}
.slide-content {
hyphens: manual;
}
@media only screen and (min-width: 768px) {
.slide-content {
hyphens: manual;
padding: 26px;
padding-top: 80px;
padding-bottom: 40px;
background-color: white;
}
}
.slide-content .aa-button-container {
margin-top: 32px;
}
@media only screen and (min-width: 768px) {
.slide-content .aa-button-container {
margin-top: 36px;
}
}
.slide-image img {
object-fit: contain;
height: auto;
width: 100%;
}
.slide-image.slide-image--cover img {
object-fit: cover;
height: 100%;
width: 100%;
}
.slide-image img.desktop {
display: none;
}
.slide-image img.mobile {
display: block;
}
@media only screen and (min-width: 768px) {
.slide-image img.desktop {
display: block;
}
.slide-image img.mobile {
display: none;
}
}
/* slider tags */
.tags {
display: flex;
overflow-y: scroll;
align-items: center;
gap: 16px;
margin-bottom: 20px;
padding-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.tags {
max-width: 1100px;
margin: 0 auto;
overflow-y: auto;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 49px;
padding-bottom: 0;
}
}
.tag {
flex: none;
padding: 12px 24px;
background-color: transparent;
border: 1px solid #D0D0D0;
color: var(--gray-100);
border-radius: 20px;
cursor: pointer;
user-select: none;
transition: all ease-in-out 0.2s;
font-size: 16px;
line-height: 130%;
}
.tag:hover,
.tag.active {
background: var(--primary);
color: #fff;
}
/* slider footer */
.slider-footer {
position: relative;
z-index: 3;
display: flex;
align-items: center;
justify-content: space-between;
gap: 35px;
margin-top: -65px;
padding-left: 29px;
padding-right: 29px;
}
@media only screen and (min-width: 768px) {
.slider-footer {
margin-top: 49px;
gap: 25px;
}
}
.custom-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: 10px;
background-color: white;
border-radius: 17px;
}
.custom-pagination button {
width: 8px;
height: 8px;
background-color: var(--primary);
opacity: 0.34;
border-radius: 50%;
cursor: pointer;
transition: all ease-in-out 0.3s;
}
.custom-pagination button.active {
opacity: 1;
}
@media only screen and (min-width: 768px) {
.custom-pagination button.active {
width: 57px;
border-radius: 29px;
}
}
.custom-arrows {
display: flex;
align-items: center;
gap: 19px;
}
.custom-arrows button {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background-color: white;
border-radius: 10px;
cursor: pointer;
}
.custom-arrows button:disabled {
opacity: 0.5;
}
@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-400);
color: var(--white);
}
.hs-search-field__bar input::placeholder {
color: var(--gray-300);
}
}
.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-100);
}
}
@media (min-width: 978px) {
.blog-index-hero__footer {
flex-wrap: wrap;
overflow: hidden;
padding-bottom: 0px;
margin-bottom: 75px;
justify-content: center;
}
}
.aa-blog-index .aa-blog-posts__header {
margin-bottom: 75px;
text-align: center;
}
/* 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-100);
}
}
.index-featured__body {
padding: 18px;
background: var(--blue-400);
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-100);
}
.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(https://www.isc-cx.com/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-300);
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(https://www.isc-cx.com/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-post {
background: var(--blue-400);
}
.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: 1150px;
margin: 0 auto;
}
.aa-content--blog {
max-width: 720px;
margin: 0 auto;
}
/* Blog hero */
.blog-post-hero__header {
.back-button a {
display: flex;
align-items: center;
gap: 15px;
text-decoration: none;
svg {
transition: all ease-in-out 0.2s;
}
}
.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;
}
}
}
}
.blog-post-meta {
display: flex;
flex-direction: column-reverse;
flex-wrap: wrap;
gap: 35px;
margin-bottom: 35px;
.tag-wrapper {
display: flex;
gap: 10px;
align-items: center;
.tag {
background: var(--white);
padding: 10px 22px;
border-radius: 22px;
color: var(--blue-100);
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: 16px;
overflow: hidden;
margin-bottom: 65px;
height: 250px;
img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
}
@media (min-width: 767px) {
.blog-post-hero__body {
height: 420px;
}
}
/* 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-100);
}
}
@media (min-width: 767px) {
.blog-post-appendix .aa-content {
flex-direction: row;
gap: 100px;
}
}
/* Blog post content */
.blog-post-content {
margin-bottom: 80px;
}
/* Related */
.aa-blog-post .aa-blog-posts__header {
margin-bottom: 35px;
}
.aa-blog-post .aa-blog-posts__footer {
margin-top: 35px;
}
@media (min-width: 978px) {
.aa-blog-post .aa-blog-posts__header {
margin-bottom: 60px;
}
.aa-blog-post .aa-blog-posts__footer {
margin-top: 60px;
}
}
.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-100);
}
}
@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: 50rem;
}
.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;
}
.aa-system-page .aa-module {
padding-top: 30rem;
padding-bottom: 30rem;
.aa-media-text__media-column {
display: flex;
align-items: center;
}
}