:root { --assets-path: '/src/assets'; --heading_font: Rajdhani, Arial, sans-serif; --body_font: Rajdhani, Arial, sans-serif; /* Font weights */ --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; /* Site widths */ --full-site-width: 1440px; --max-site-width: 100%; /* Sizes */ --padding: 20px; --border-radius: 4px; --header-height: 70px; --header-height-xl: 160px; --sticky-header-height: 70px; /* UX */ --speed: 250ms; --animation: ease-in-out; --box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); /* Selector to target IE11 specifically. */ --ie11: '_:-ms-fullscreen, :root'; } /* Colors */ :root { --primary: 238, 114, 3; --secondary: 23, 40, 52; --secondary-b: 19, 165, 57; --complementary: 29, 68, 89; --light: 248, 248, 248; --dark: 49, 49, 49; --text-light: 255, 255, 255; --text-dark: 35, 31, 32; --white: 255, 255, 255; --black: 0, 0, 0; --teal: 29, 68, 89; } /* Fonts */ :root { --heading_font: Rajdhani, Arial, sans-serif; --body_font: Rajdhani, Arial, sans-serif; } *, *:before, *:after { box-sizing: border-box; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { margin: 0; overflow-x: clip; } hr { box-sizing: content-box; height: 0; } pre { font-family: monospace, monospace; font-size: 1em; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, select { text-transform: none; } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { padding: 0; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } html { box-sizing: border-box; scroll-behavior: smooth; } *, *:before, *:after { box-sizing: inherit; } body { background-color: RGB(var(--secondary)); } main { margin-top: var(--header-height); } @media (min-width: 1200px) { main { margin-top: var(--header-height-xl); } } a { text-decoration: underline; text-decoration-skip-ink: auto; color: RGB(var(--primary)); transition: all var(--speed) var(--animation); } a:hover, a:focus, a:active { color: inherit; } a:focus { outline: none; } a:hover, a:active { outline: 0; } img, video, iframe { max-width: 100%; } :root { --link-color: rgba(238, 114, 3, 1); --link-color-hover: rgba(0, 0, 0, 1); --link-color-focus: rgba(0, 0, 0, 0.8); /* === H1 === */ --h1-font-size-desktop-large: 7.5rem; --h1-font-size-desktop: 4.375rem; --h1-font-size-mobile: 2.5rem; --h1-transform: uppercase; --h1-line-height: 0.9; --h1-letter-spacing-desktop: 0; --h1-letter-spacing-mobile: 0; /* === H2 === */ --h2-font-size-desktop-large: 3.3125rem; --h2-font-size-desktop: 2.875rem; --h2-font-size-mobile: 1.75rem; --h2-transform: uppercase; --h2-line-height: 1; --h2-letter-spacing-desktop: 0; --h2-letter-spacing-mobile: 0; /* === H3 === */ --h3-font-size-desktop: 2.375rem; --h3-font-size-mobile: 1.375rem; --h3-transform: uppercase; --h3-line-height: 1; --h3-letter-spacing-desktop: 0; --h3-letter-spacing-mobile: 0; /* === H4 === */ --h4-font-size-desktop: 2.0rem; --h4-font-size-mobile: 1.25rem; --h4-transform: ; --h4-line-height: 1; --h4-letter-spacing-desktop: 0; --h4-letter-spacing-mobile: 0; /* === H5 === */ --h5-font-size-desktop: 1.25rem; --h5-font-size-mobile: 1.0rem; --h5-transform: uppercase; --h5-line-height: 1.2; --h5-letter-spacing-desktop: 0; --h5-letter-spacing-mobile: 0; /* === H6 === */ --h6-font-size-desktop: 1.25rem; --h6-font-size-mobile: 1.0rem; --h6-transform: none; --h6-line-height: 1.2; --h6-letter-spacing-desktop: 0; --h6-letter-spacing-mobile: 0; /* === Subheading === */ --subheading-font-size-desktop: 1.0rem; --subheading-font-size-mobile: 1.0rem; --subheading-transform: uppercase; --subheading-line-height: 1; --subheading-letter-spacing-desktop: 0; --subheading-letter-spacing-mobile: 0; /* === Paragraph === */ --paragraph-font-size-desktop: 1.0625rem; --paragraph-font-size-mobile: 16; --paragraph-transform: none; --paragraph-line-height: 1.1; --paragraph-letter-spacing-desktop: 0; --paragraph-letter-spacing-mobile: 0; /* === Paragraph (Large) === */ --paragraph-large-font-size-desktop: 1.25rem; --paragraph-large-font-size-mobile: 1.125rem; --paragraph-large-line-height: 1.1; --paragraph-large-letter-spacing-desktop: 0; --paragraph-large-letter-spacing-mobile: 0; /* === Paragraph (Small) === */ --paragraph-small-font-size-desktop: 0.875rem; --paragraph-small-font-size-mobile: 0.75rem; --paragraph-small-line-height: 1.1; --paragraph-small-letter-spacing-desktop: 0; --paragraph-small-letter-spacing-mobile: 0; /* === Links === */ --link-font-size-desktop: 1.0rem; --link-font-size-mobile: 0.9375rem; --link-transform: ; --link-line-height: 1.1; --link-letter-spacing-desktop: ; --link-letter-spacing-mobile: 0; /* === Blockquote === */ --blockquote-font-size-desktop: 2.375rem; --blockquote-font-size-mobile: 1.375rem; --blockquote-transform: none; --blockquote-line-height: 1; --blockquote-letter-spacing-desktop: 0; --blockquote-letter-spacing-mobile: 0; /* === Links === */ --link-font-size-desktop: 1.0rem; --link-font-size-mobile: 0.9375rem; --link-transform: ; --link-line-height: 1.1; --link-letter-spacing-desktop: ; --link-letter-spacing-mobile: 0; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--paragraph-font-size-desktop); font-style: normal; line-height: var(--paragraph-line-height); letter-spacing: var(--paragraph-letter-spacing-desktop); overflow-wrap: break-word; word-wrap: break-word; color: RGB(var(--text-light)); overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } h1, h2, h3, h4, h5, h6 { margin: 0; margin-bottom: 20px; clear: both; hyphens: manual; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display: none; } @media (min-width: 992px) { h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display: block; } } h1, .h1 { font-weight: 700; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--h1-font-size-desktop); line-height: var(--h1-line-height); letter-spacing: var(--h1-letter-spacing-desktop); text-transform: var(--h1-transform); } h2, .h2 { font-weight: 700; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--h2-font-size-desktop); line-height: var(--h2-line-height); letter-spacing: var(--h2-letter-spacing-desktop); text-transform: var(--h2-transform); } h3, .h3 { font-weight: 300; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--h3-font-size-desktop); line-height: var(--h3-line-height); letter-spacing: var(--h3-letter-spacing-desktop); text-transform: var(--h3-transform); } h4, .h4 { font-weight: 500; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: , sans-serif; font-size: var(--h4-font-size-desktop); line-height: var(--h4-line-height); letter-spacing: var(--h4-letter-spacing-desktop); text-transform: var(--h4-transform); } h5, .h5 { font-weight: 700; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: , sans-serif; font-size: var(--h5-font-size-desktop); line-height: var(--h5-line-height); letter-spacing: var(--h5-letter-spacing-desktop); text-transform: var(--h5-transform); } h6, .h6 { font-weight: 700; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--h6-font-size-desktop); line-height: var(--h6-line-height); letter-spacing: var(--h6-letter-spacing-desktop); text-transform: var(--h6-transform); } .aa-subheading, .aa-label { font-weight: 600; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--subheading-font-size-desktop); line-height: var(--subheading-line-height); letter-spacing: var(--subheading-letter-spacing-desktop); text-transform: var(--subheading-transform); display: block; margin-bottom: 10px; color: RGB(var(--primary)); } .aa-subheading:last-child, .aa-label:last-child { margin-bottom: 0; } @media (min-width: 992px) { .aa-subheading, .aa-label { margin-bottom: 15px; } } .aa-text--small { font-weight: 400; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--paragraph-small-font-size-desktop); font-style: normal; line-height: var(--paragraph-small-line-height); letter-spacing: var(--paragraph-small-letter-spacing-desktop); text-transform: var(--paragraph-small-transform); } .aa-text--big { font-weight: 400; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--paragraph-large-font-size-desktop); font-style: normal; line-height: var(--paragraph-large-line-height); letter-spacing: var(--paragraph-large-letter-spacing-desktop); text-transform: var(--paragraph-large-transform); } blockquote { font-weight: 300; text-decoration: none; font-family: Rajdhani; font-style: normal; font-family: Rajdhani, sans-serif; font-size: var(--blockquote-font-size-desktop); font-style: normal; line-height: var(--blockquote-line-height); letter-spacing: var(--blockquote-letter-spacing-desktop); text-transform: var(--blockquote-transform); margin-left: 0; margin-right: 0; margin-bottom: 50px; } a:not(.aa-button, .tag) { font-family: Rajdhani, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-family: Rajdhani, sans-serif; color: var(--link-color); font-size: var(--link-font-size-desktop); line-height: var(--link-line-height); letter-spacing: var(--link-letter-spacing-desktop); text-transform: var(--link-transform); } a:not(.aa-button, .tag):hover { color: var(--link-color-hover); } a:not(.aa-button, .tag):active, a:not(.aa-button, .tag):focus-within, a:not(.aa-button, .tag):focus-visible, a:not(.aa-button, .tag):focus { color: var(--link-color-focus); } @media (max-width: 767px) { body { font-size: var(--paragraph-font-size-mobile); line-height: var(--paragraph-line-height); letter-spacing: var(--paragraph-letter-spacing-mobile); } h1, .h1 { font-size: var(--h1-font-size-mobile); line-height: var(--h1-line-height); letter-spacing: var(--h1-letter-spacing-mobile); } h2, .h2 { font-size: var(--h2-font-size-mobile); line-height: var(--h2-line-height); letter-spacing: var(--h2-letter-spacing-mobile); } h3, .h3 { font-size: var(--h3-font-size-mobile); line-height: var(--h3-line-height); letter-spacing: var(--h3-letter-spacing-mobile); } h4, .h4 { font-size: var(--h4-font-size-mobile); line-height: var(--h4-line-height); letter-spacing: var(--h4-letter-spacing-mobile); } h5, .h5 { font-size: var(--h5-font-size-mobile); line-height: var(--h5-line-height); letter-spacing: var(--h5-letter-spacing-mobile); } h6, .h6 { font-size: var(--h6-font-size-mobile); line-height: var(--h6-line-height); letter-spacing: var(--h6-letter-spacing-mobile); } .aa-subheading, .aa-label { margin-bottom: 20px; font-size: var(--subheading-font-size-mobile); line-height: var(--subheading-line-height); letter-spacing: var(--subheading-letter-spacing-mobile); } .aa-text--small { font-size: var(--paragraph-small-font-size-mobile); line-height: var(--paragraph-small-line-height); letter-spacing: var(--paragraph-small-letter-spacing-mobile); } .aa-text--big { font-size: var(--paragraph-large-font-size-mobile); line-height: var(--paragraph-large-line-height); letter-spacing: var(--paragraph-large-letter-spacing-mobile); } blockquote { font-size: var(--blockquote-font-size-mobile); line-height: var(--blockquote-line-height); letter-spacing: var(--blockquote-letter-spacing-mobile); margin-bottom: 20px; } a { font-size: var(--link-font-size-mobile); line-height: var(--link-line-height); letter-spacing: var(--link-letter-spacing-mobile); } } @media (min-width: 1200px) { h1, .h1 { font-size: var(--h1-font-size-desktop-large); } h2, .h2 { font-size: var(--h2-font-size-desktop-large); } } p, .aa-text--normal { margin-top: 0; margin-bottom: 0; } p:not(:last-of-type), .aa-text--normal:not(:last-of-type) { margin-bottom: 15px; } p + ul, p + ol { margin-bottom: 20px; margin-top: 0; } @media (min-width: 992px) { p + ul, p + ol { margin-bottom: 25px; } } ol li { padding-left: 10px; } li { margin-bottom: 5px; } li:last-child { margin-bottom: 0; } img + p, img + strong, img + h1, img + h2, img + h3, img + h4, img + h5, img + h6, p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 30px; } @media (min-width: 992px) { blockquote { font-size: 38px; line-height: 34px; } } @media (min-width: 1440px) { blockquote { margin-bottom: 50px; } } blockquote strong { font-style: normal; font-weight: var(--weight-700); font-size: 14px; line-height: 30px; text-decoration: none; } @media (min-width: 768px) { blockquote strong { font-size: 18px; line-height: 30px; } } strong { font-weight: var(--weight-700); } i { font-style: italic; } figcaption { font-family: var(--body_font); font-size: 15px; line-height: 21px; font-style: italic; } .aa-bg-image { background-size: cover; background-position: 50%; background-repeat: no-repeat; } .aa-bg-image-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } hr { margin-top: 0; margin-bottom: 30px; border: 0; border-top: 4px solid RGB(var(--light)); } @media (min-width: 992px) { hr { margin-bottom: 40px; } } img { display: block; max-width: 100%; } ul, ol { margin-top: 0; } .aa-bg-primary { background-color: RGB(var(--primary)); color: RGB(var(--text-light)); } .aa-bg-secondary { background-color: RGB(var(--secondary)); color: RGB(var(--text-light)); } .aa-bg-complementary { background-color: RGB(var(--complementary)); color: RGB(var(--text-light)); } .aa-bg-light { background-color: RGB(var(--light)); color: RGB(var(--text-dark)); } .aa-bg-white { background-color: RGB(var(--white)); color: RGB(var(--text-dark)); } .aa-bg-dark { background-color: RGB(var(--dark)); color: RGB(var(--text-light)); } .aa-bg-overlay { position: relative; } .aa-bg-overlay::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; } .aa-bg-overlay > .aa-inner { position: relative; z-index: 10; } .aa-bg-overlay--primary:before { background-color: RGB(var(--primary)); opacity: 0.7; color: RGB(var(--text-light)); } .aa-bg-overlay--secondary:before { background-color: RGB(var(--secondary)); opacity: 0.7; color: RGB(var(--text-light)); } .aa-bg-overlay--secondary-b:before { background-color: RGB(var(--secondary-b)); opacity: 0.7; color: RGB(var(--text-light)); } .aa-bg-overlay--complementary:before { background-color: RGB(var(--complementary)); opacity: 0.7; color: RGB(var(--text-light)); } .aa-bg-overlay--light:before { background-color: RGB(var(--light)); opacity: 0.7; color: RGB(var(--text-dark)); } .aa-bg-overlay--dark:before { background-color: RGB(var(--dark)); opacity: 0.7; color: RGB(var(--text-light)); } .aa-bg-overlay--white:before { background-color: RGB(var(--white)); opacity: 0.7; color: RGB(var(--text-dark)); } .aa-content-color--primary, a.aa-content-color--primary { color: RGB(var(--primary)); } .aa-content-color--secondary, a.aa-content-color--secondary { color: RGB(var(--secondary)); } .aa-content-color--complementary, a.aa-content-color--complementary { color: RGB(var(--complementary)); } .aa-content-color--light, a.aa-content-color--light { color: RGB(var(--text-light)); } .aa-content-color--dark, a.aa-content-color--dark { color: RGB(var(--text-dark)); } .aa-content-color--white, a.aa-content-color--white { color: RGB(var(--white)); } .aa-content-color--inherit, a.aa-content-color--inherit { color: inherit; } .aa-content-color--light form label, .aa-content-color--light form .legal-consent-container .hs-form-booleancheckbox-display>span { color: var(--white); } .aa-bg-video { position: relative; } .aa-bg-video> .aa-inner { position: relative; z-index: 10; } .aa-bg-video video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .ie .aa-bg-video { overflow: hidden; } .ie .aa-bg-video video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-height: none; width: auto; height: auto; padding: 0; z-index: 0; transform: translateX(-50%) translateY(-50%); } .aa-object-cover img { width: 100%; height: 100%; object-fit: cover; } .aa-separator { display: block; height: 5px; max-width: 1365px; margin-left: auto; margin-right: auto; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, RGB(var(--primary)) 50%, rgba(0, 0, 0, 0) 100%); } .aa-overflow-hidden { overflow: hidden; } .aa-module { position: relative; display: flex; } .aa-module-width--page, .aa-module-width--full { width: 100%; } @media (min-width: 992px) { .aa-module-width--page { max-width: var(--full-site-width); margin-left: auto; margin-right: auto; } } .aa-module-height--small, .aa-module-height--normal, .aa-module-height--full { display: flex; align-items: center; } .aa-module-height--small { min-height: 400px; } .aa-module-height--normal { min-height: 100vh; } @media (min-width: 768px) { .aa-module-height--normal { min-height: 800px; } } .aa-module-height--full { min-height: 100vh; } .ie .aa-module-height--small, .ie .aa-module-height--normal, .ie .aa-module-height--full { padding-top: 80px; padding-bottom: 80px; min-height: 0 !important; } @media (min-width: 992px) { .ie .aa-module-height--small, .ie .aa-module-height--normal, .ie .aa-module-height--full { padding-top: 120px; padding-bottom: 120px; } } .aa-module-spacing--small { padding-top: 40px; padding-bottom: 40px; } .aa-module-spacing--medium { padding-top: 60px; padding-bottom: 60px; } .aa-module-spacing--large { padding-top: 80px; padding-bottom: 80px; } .aa-module-spacing-top--large { padding-top: 80px; } .aa-module-spacing-bottom--large { padding-bottom: 80px; } .aa-module-spacing-top--medium { padding-top: 60px; } .aa-module-spacing-bottom--medium { padding-bottom: 60px; } .aa-module-spacing-top--small { padding-top: 40px; } .aa-module-spacing-bottom--small { padding-bottom: 40px; } @media (min-width: 992px) { .aa-module-spacing--small { padding-top: 50px; padding-bottom: 50px; } .aa-module-spacing--medium { padding-top: 80px; padding-bottom: 80px; } .aa-module-spacing--large { padding-top: 120px; padding-bottom: 120px; } .aa-module-spacing-top--large { padding-top: 120px; } .aa-module-spacing-bottom--large { padding-bottom: 120px; } .aa-module-spacing-top--medium { padding-top: 80px; } .aa-module-spacing-bottom--medium { padding-bottom: 80px; } .aa-module-spacing-top--small { padding-top: 50px; } .aa-module-spacing-bottom--small { padding-bottom: 50px; } } @media (min-width: 1440px) { .aa-module-spacing--small { padding-top: 64px; padding-bottom: 64px; } .aa-module-spacing--medium { padding-top: 100px; padding-bottom: 100px; } .aa-module-spacing-top--medium { padding-top: 100px; } .aa-module-spacing-bottom--medium { padding-bottom: 100px; } .aa-module-spacing-top--small { padding-top: 64px; } .aa-module-spacing-bottom--small { padding-bottom: 64px; } } .aa-content { width: 100%; padding-left: 20px; padding-right: 20px; } @media (min-width: 1440px) { .aa-content { padding-left: 0; padding-right: 0; } } .aa-content-position--left { justify-content: flex-start; } .aa-content-position--center { justify-content: center; } .aa-content-alignment--left { text-align: left; } .aa-content-alignment--center { text-align: center; } .aa-inner { display: flex; width: 100%; } @media (min-width: 992px) { .aa-inner { max-width: calc(var(--full-site-width) / 12 * 10); margin-left: auto; margin-right: auto; } } .aa-content-width--narrow, .aa-content-width--normal, .aa-content-width--wide { width: 100%; } @media (min-width: 768px) { .aa-content-width--narrow { max-width: calc(var(--full-site-width) / 12 * 4); } .aa-content-width--normal { max-width: calc(var(--full-site-width) / 12 * 6); } .aa-content-width--wide { max-width: calc(var(--full-site-width) / 12 * 8); } } .aa-mt-0 { margin-top: 0 !important; } .aa-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: 576px) { .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: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } /* Responsive grid */ :root { --button-line-height: 1; --button-font-style: normal; --button-letter-spacing: normal; /* Global button settings */ --button-font-family: Rajdhani; --button-font-size-desktop: 1.125rem; --button-font-size-mobile: 1.0rem; --button-font-weight: 600; --button-transform: none; --button-padding-top: 0.625rem; --button-padding-bottom: 0.625rem; --button-padding-right: 2.5rem; --button-padding-left: 2.5rem; --button-padding-top-mobile: 0.625rem; --button-padding-bottom-mobile: 0.625rem; --button-padding-right-mobile: 2.5rem; --button-padding-left-mobile: 2.5rem; --button-border-size: 0.0rem; --button-border-radius: 0.0rem; --button-border-style: ; --button-border-color: ; --button-border-color-hover: ; --button-background-color: ; --button-background-color-hover: ; --button-text-color: ; --button-text-color-hover: ; /* Button 1 */ --button-one-font-family: Rajdhani; --button-one-font-size-desktop: 1.125rem; --button-one-font-size-mobile: 1.0rem; --button-one-font-weight: 600; --button-one-transform: none; --button-one-padding-top: 0.625rem; --button-one-padding-bottom: 0.625rem; --button-one-padding-right: 2.5rem; --button-one-padding-left: 2.5rem; --button-one-padding-top-mobile: 0.625rem; --button-one-padding-bottom-mobile: 0.625rem; --button-one-padding-right-mobile: 2.5rem; --button-one-padding-left-mobile: 2.5rem; --button-one-border-size: 0.125rem; --button-one-border-radius: 0.0rem; --button-one-border-style: solid; --button-one-border-color: #ee7203; --button-one-border-color-hover: #ee7203; --button-one-background-color: #ee7203; --button-one-background-color-hover: #ee7203; --button-one-text-color: #ffffff; --button-one-text-color-hover: #ffffff; /* Button 2 */ --button-two-font-family: Rajdhani; --button-two-font-size-desktop: 1.125rem; --button-two-font-size-mobile: 1.0rem; --button-two-font-weight: 600; --button-two-transform: none; --button-two-padding-top: 0.625rem; --button-two-padding-bottom: 0.625rem; --button-two-padding-right: 2.5rem; --button-two-padding-left: 2.5rem; --button-two-padding-top-mobile: 0.625rem; --button-two-padding-bottom-mobile: 0.625rem; --button-two-padding-right-mobile: 2.5rem; --button-two-padding-left-mobile: 2.5rem; --button-two-border-size: 0.125rem; --button-two-border-radius: 0.0rem; --button-two-border-style: solid; --button-two-border-color: #FF6C11; --button-two-border-color-hover: #ee7203; --button-two-background-color: rgba(255, 108, 17, 0%); --button-two-background-color-hover: #ee7203; --button-two-text-color: #ffffff; --button-two-text-color-hover: #ffffff; /* Button 3 */ --button-three-font-family: Rajdhani; --button-three-font-size-desktop: 1.125rem; --button-three-font-size-mobile: 1.0rem; --button-three-font-weight: 600; --button-three-transform: none; --button-three-padding-top: 0.625rem; --button-three-padding-bottom: 0.625rem; --button-three-padding-right: 2.5rem; --button-three-padding-left: 2.5rem; --button-three-padding-top-mobile: 0.625rem; --button-three-padding-bottom-mobile: 0.625rem; --button-three-padding-right-mobile: 2.5rem; --button-three-padding-left-mobile: 2.5rem; --button-three-border-size: 0.125rem; --button-three-border-radius: 0.0rem; --button-three-border-style: solid; --button-three-border-color: #ee7203; --button-three-border-color-hover: #ee7203; --button-three-background-color: #172834; --button-three-background-color-hover: #ee7203; --button-three-text-color: #ffffff; --button-three-text-color-hover: #ffffff; /* Button 4 */ --button-four-font-family: Rajdhani; --button-four-font-size-desktop: 1.125rem; --button-four-font-size-mobile: 1.0rem; --button-four-font-weight: 600; --button-four-transform: none; --button-four-padding-top: 0.625rem; --button-four-padding-bottom: 0.625rem; --button-four-padding-right: 2.5rem; --button-four-padding-left: 2.5rem; --button-four-padding-top-mobile: 0.625rem; --button-four-padding-bottom-mobile: 0.625rem; --button-four-padding-right-mobile: 2.5rem; --button-four-padding-left-mobile: 2.5rem; --button-four-border-size: 0.125rem; --button-four-border-radius: 0.0rem; --button-four-border-style: solid; --button-four-border-color: #13a539; --button-four-border-color-hover: #13a539; --button-four-background-color: #13a539; --button-four-background-color-hover: #13a539; --button-four-text-color: #ffffff; --button-four-text-color-hover: #ffffff; /* Button 5 */ --button-five-font-family: Rajdhani; --button-five-font-size-desktop: 1.125rem; --button-five-font-size-mobile: 1.0rem; --button-five-font-weight: 600; --button-five-transform: none; --button-five-padding-top: 0.625rem; --button-five-padding-bottom: 0.625rem; --button-five-padding-right: 2.5rem; --button-five-padding-left: 2.5rem; --button-five-padding-top-mobile: 0.625rem; --button-five-padding-bottom-mobile: 0.625rem; --button-five-padding-right-mobile: 2.5rem; --button-five-padding-left-mobile: 2.5rem; --button-five-border-size: 0.125rem; --button-five-border-radius: 0.0rem; --button-five-border-style: solid; --button-five-border-color: #13a539; --button-five-border-color-hover: #13a539; --button-five-background-color: rgba(19, 165, 57, 0%); --button-five-background-color-hover: #13a539; --button-five-text-color: #ffffff; --button-five-text-color-hover: #ffffff; } button { font-family: var(--button-font-family), sans-serif; } .aa-button, a.aa-button, .hs-submit input[type=submit]{ cursor: pointer; display: inline-flex; text-align: center; transition: all var(--speed) var(--animation); white-space: normal; width: 100%; align-items: center; gap: 25px; justify-content: center; padding: var(--button-padding-top-mobile) var(--button-padding-right-mobile) var(--button-padding-bottom-mobile) var(--button-padding-left-mobile); border: var(--button-border-size) var(--button-border-style) var(--button-border-color); border-radius: var(--button-border-radius); background-color: var(--button-background-color); color: var(--button-text-color); font-family: var(--button-font-family), sans-serif; font-size: var(--button-font-size-mobile); line-height: var(--button-line-height); font-style: var(--button-font-style); font-weight: var(--button-font-weight); letter-spacing: var(--button-letter-spacing); text-transform: var(--button-transform); text-decoration: none; } .hs_submit.hs-submit input[type=submit] { padding: 20px 40px; width: 100%; } @media only screen and (min-width: 600px) { .aa-button, a.aa-button, .hs-submit input[type=submit] { width: auto; justify-content: flex-start; } } @media only screen and (min-width: 768px) { .aa-button, a.aa-button, .hs-submit input[type=submit] { padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left); font-size: var(--button-font-size-desktop); } .hs_submit.hs-submit input[type=submit] { font-size: 18px; line-height: 23px; } } .aa-button:hover, a.aa-button:hover, .hs-submit input[type=submit]:hover { border: var(--button-border-size) var(--button-border-style) var(--button-border-color-hover); background-color: var(--button-background-color-hover); color: var(--button-text-color-hover); text-decoration: none; outline: 0; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25); } .aa-button:focus-visible, a.aa-button:focus-visible, .hs-submit input[type=submit]:focus-visible { border: var(--button-border-size) var(--button-border-style) var(--primary); } .aa-button.aa-button--primary, .aa-button.aa-button--type-1, a.aa-button.aa-button--primary, a.aa-button.aa-button--type-1, .hs-submit input[type=submit] { padding: var(--button-one-padding-top-mobile) var(--button-one-padding-right-mobile) var(--button-one-padding-bottom-mobile) var(--button-one-padding-left-mobile); border: var(--button-one-border-size) var(--button-one-border-style) var(--button-one-border-color); border-radius: var(--button-one-border-radius); background-color: var(--button-one-background-color); color: var(--button-one-text-color); font-family: var(--button-one-font-family), sans-serif; font-size: var(--button-one-font-size-mobile); font-weight: var(--button-one-font-weight); text-transform: var(--button-one-transform); } .aa-button.aa-button--primary:hover, .aa-button.aa-button--type-1:hover, a.aa-button.aa-button--primary:hover, a.aa-button.aa-button--type-1:hover, .hs-submit input[type=submit]:hover { border: var(--button-one-border-size) var(--button-one-border-style) var(--button-one-border-color-hover); background-color: var(--button-one-background-color-hover); color: var(--button-one-text-color-hover); } .aa-button.aa-button--secondary, .aa-button.aa-button--type-2, a.aa-button.aa-button--secondary, a.aa-button.aa-button--type-2{ padding: var(--button-two-padding-top-mobile) var(--button-two-padding-right-mobile) var(--button-two-padding-bottom-mobile) var(--button-two-padding-left-mobile); border: var(--button-two-border-size) var(--button-two-border-style) var(--button-two-border-color); border-radius: var(--button-two-border-radius); background-color: var(--button-two-background-color); color: var(--button-two-text-color); font-family: var(--button-two-font-family), sans-serif; font-size: var(--button-two-font-size-mobile); font-weight: var(--button-two-font-weight); text-transform: var(--button-two-transform); } .aa-button.aa-button--secondary:hover, .aa-button.aa-button--type-2:hover, a.aa-button.aa-button--secondary:hover, a.aa-button.aa-button--type-2:hover{ border: var(--button-two-border-size) var(--button-two-border-style) var(--button-two-border-color-hover); background-color: var(--button-two-background-color-hover); color: var(--button-two-text-color-hover); } .aa-button.aa-button--complementary, .aa-button.aa-button--type-3, a.aa-button.aa-button--complementary, a.aa-button.aa-button--type-3{ padding: var(--button-three-padding-top-mobile) var(--button-three-padding-right-mobile) var(--button-three-padding-bottom-mobile) var(--button-three-padding-left-mobile); border: var(--button-three-border-size) var(--button-three-border-style) var(--button-three-border-color); border-radius: var(--button-three-border-radius); background-color: var(--button-three-background-color); color: var(--button-three-text-color); font-family: var(--button-three-font-family), sans-serif; font-size: var(--button-three-font-size-mobile); font-weight: var(--button-three-font-weight); text-transform: var(--button-three-transform); } .aa-button.aa-button--complementary:hover, .aa-button.aa-button--type-3:hover, a.aa-button.aa-button--complementary:hover, a.aa-button.aa-button--type-3:hover{ border: var(--button-three-border-size) var(--button-three-border-style) var(--button-three-border-color-hover); background-color: var(--button-three-background-color-hover); color: var(--button-three-text-color-hover); } .aa-button.aa-button--type-4, a.aa-button.aa-button--type-4 { padding: var(--button-four-padding-top-mobile) var(--button-four-padding-right-mobile) var(--button-four-padding-bottom-mobile) var(--button-four-padding-left-mobile); border: var(--button-four-border-size) var(--button-four-border-style) var(--button-four-border-color); border-radius: var(--button-four-border-radius); background-color: var(--button-four-background-color); color: var(--button-four-text-color); font-family: var(--button-four-font-family), sans-serif; font-size: var(--button-four-font-size-mobile); font-weight: var(--button-four-font-weight); text-transform: var(--button-four-transform); } .aa-button.aa-button--type-4:hover, a.aa-button.aa-button--type-4:hover{ border: var(--button-four-border-size) var(--button-four-border-style) var(--button-four-border-color-hover); background-color: var(--button-four-background-color-hover); color: var(--button-four-text-color-hover); } .aa-button.aa-button--type-5, a.aa-button.aa-button--type-5 { padding: var(--button-five-padding-top-mobile) var(--button-five-padding-right-mobile) var(--button-five-padding-bottom-mobile) var(--button-five-padding-left-mobile); border: var(--button-five-border-size) var(--button-five-border-style) var(--button-five-border-color); border-radius: var(--button-five-border-radius); background-color: var(--button-five-background-color); color: var(--button-five-text-color); font-family: var(--button-five-font-family), sans-serif; font-size: var(--button-five-font-size-mobile); font-weight: var(--button-five-font-weight); text-transform: var(--button-five-transform); } .aa-button.aa-button--type-5:hover, a.aa-button.aa-button--type-5:hover { border: var(--button-five-border-size) var(--button-five-border-style) var(--button-five-border-color-hover); background-color: var(--button-five-background-color-hover); color: var(--button-five-text-color-hover); } @media only screen and (min-width: 768px) { .aa-button.aa-button--primary, .aa-button.aa-button--type-1, a.aa-button.aa-button--primary, a.aa-button.aa-button--type-1{ padding: var(--button-one-padding-top) var(--button-one-padding-right) var(--button-one-padding-bottom) var(--button-one-padding-left); font-size: var(--button-one-font-size-desktop); } .aa-button.aa-button--secondary, .aa-button.aa-button--type-2, a.aa-button.aa-button--secondary, a.aa-button.aa-button--type-2{ padding: var(--button-two-padding-top) var(--button-two-padding-right) var(--button-two-padding-bottom) var(--button-two-padding-left); font-size: var(--button-two-font-size-desktop); } .aa-button.aa-button--complementary, .aa-button.aa-button--type-3, a.aa-button.aa-button--complementary, a.aa-button.aa-button--type-3 { padding: var(--button-three-padding-top) var(--button-three-padding-right) var(--button-three-padding-bottom) var(--button-three-padding-left); font-size: var(--button-three-font-size-desktop); } .aa-button.aa-button--type-4, a.aa-button.aa-button--type-4 { padding: var(--button-four-padding-top) var(--button-four-padding-right) var(--button-four-padding-bottom) var(--button-four-padding-left); font-size: var(--button-four-font-size-desktop); } .aa-button.aa-button--type-5, a.aa-button.aa-button--type-5 { padding: var(--button-five-padding-top) var(--button-five-padding-right) var(--button-five-padding-bottom) var(--button-five-padding-left); font-size: var(--button-five-font-size-desktop); } } .aa-button-group { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .aa-button-group .aa-button + .aa-button { margin-top: 20px; } @media (min-width: 576px) { .aa-button-group { flex-direction: row; } .aa-button-group .aa-button + .aa-button { margin-top: 0; margin-left: 20px; } } .aa-fact-box { display: flex; flex-direction: column; align-self: flex-start; padding: 35px 25px; max-width: 220px; color: RGB(var(--white)); border: 7px solid RGB(var(--secondary-b)); border-top-left-radius: 22px; border-bottom-right-radius: 22px; background: rgba(0, 0, 0, 0.4); box-shadow: var(--box-shadow); } .aa-fact-box strong { font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: var(--weight-700); } @media (min-width: 992px) { .aa-fact-box strong { font-size: 70px; line-height: 75px; } } .aa-fact-box p { font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: var(--weight-500); } :root { /* Label text */ --form-label-color: #000000; --form-label-font-family: Rajdhani; --form-label-font-size-desktop: 1.0rem; --form-label-font-size-mobile: 1.0rem; --form-label-font-weight: 700; --form-label-transform: none; --form-label-spacing-bottom: 0.3125rem; /* Input text */ --form-input-color: #000000; --form-input-font-family: Rajdhani; --form-input-font-size-desktop: 1.0rem; --form-input-font-size-mobile: 1.0rem; --form-input-font-weight: regular; --form-input-transform: none; /* Placeholder text */ --form-placeholder-color: rgba(0, 0, 0, 60%); /* Error text */ --form-error-color: #d91717; /* Input fields */ --form-input-background-color: #FFFFFF; --form-input-border-color: #000000; --form-input-border-focus-color: #000000; --form-input-border-size: 0.0625rem; --form-input-border-radius: 0.0rem; --form-input-padding-top: 1.0rem; --form-input-padding-bottom: 1.0rem; --form-input-padding-right: 1.25rem; --form-input-padding-left: 1.25rem; /* Misc text */ --form-misc-size-desktop: 0.875rem; --form-misc-size-mobile: 0.875rem; /* Form fields */ --form-field-spacing-top: 10px; --form-field-spacing-bottom: 40px; --form-field-gap: 32px; --placeholder-opacity: 1; --text-area-min-height: 120px; /* Multilists checkboxes and radio buttons */ --multi-list-gap: 7px; --multi-list-spacing-top: 10px; /* Checkboxes and Radio buttons general spacing to label */ --label-check-spacing: 16px; /* Date */ --form-date-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.8076 0C7.03038 0 7.24404 0.0884998 7.40157 0.24603C7.5591 0.403561 7.6476 0.617218 7.6476 0.84V2.4108H16.668V0.8508C16.668 0.628018 16.7565 0.414361 16.914 0.25683C17.0716 0.0992998 17.2852 0.0108 17.508 0.0108C17.7308 0.0108 17.9444 0.0992998 18.102 0.25683C18.2595 0.414361 18.348 0.628018 18.348 0.8508V2.4108H21.6C22.2363 2.4108 22.8466 2.66349 23.2966 3.11332C23.7467 3.56315 23.9997 4.17329 24 4.8096V21.6012C23.9997 22.2375 23.7467 22.8477 23.2966 23.2975C22.8466 23.7473 22.2363 24 21.6 24H2.4C1.76369 24 1.15342 23.7473 0.703368 23.2975C0.253315 22.8477 0.000318156 22.2375 0 21.6012L0 4.8096C0.000318156 4.17329 0.253315 3.56315 0.703368 3.11332C1.15342 2.66349 1.76369 2.4108 2.4 2.4108H5.9676V0.8388C5.96792 0.616226 6.05656 0.402877 6.21405 0.245606C6.37155 0.0883348 6.58503 -2.27116e-07 6.8076 0ZM1.68 9.2904V21.6012C1.68 21.6958 1.69862 21.7894 1.73481 21.8767C1.77099 21.9641 1.82403 22.0435 1.89088 22.1103C1.95774 22.1772 2.03711 22.2302 2.12447 22.2664C2.21182 22.3026 2.30545 22.3212 2.4 22.3212H21.6C21.6946 22.3212 21.7882 22.3026 21.8755 22.2664C21.9629 22.2302 22.0423 22.1772 22.1091 22.1103C22.176 22.0435 22.229 21.9641 22.2652 21.8767C22.3014 21.7894 22.32 21.6958 22.32 21.6012V9.3072L1.68 9.2904ZM8.0004 17.5428V19.542H6V17.5428H8.0004ZM12.9996 17.5428V19.542H11.0004V17.5428H12.9996ZM18 17.5428V19.542H15.9996V17.5428H18ZM8.0004 12.7704V14.7696H6V12.7704H8.0004ZM12.9996 12.7704V14.7696H11.0004V12.7704H12.9996ZM18 12.7704V14.7696H15.9996V12.7704H18ZM5.9676 4.0896H2.4C2.30545 4.0896 2.21182 4.10822 2.12447 4.14441C2.03711 4.18059 1.95774 4.23362 1.89088 4.30048C1.82403 4.36734 1.77099 4.44671 1.73481 4.53407C1.69862 4.62142 1.68 4.71505 1.68 4.8096V7.6116L22.32 7.6284V4.8096C22.32 4.71505 22.3014 4.62142 22.2652 4.53407C22.229 4.44671 22.176 4.36734 22.1091 4.30048C22.0423 4.23362 21.9629 4.18059 21.8755 4.14441C21.7882 4.10822 21.6946 4.0896 21.6 4.0896H18.348V5.2044C18.348 5.42718 18.2595 5.64084 18.102 5.79837C17.9444 5.9559 17.7308 6.0444 17.508 6.0444C17.2852 6.0444 17.0716 5.9559 16.914 5.79837C16.7565 5.64084 16.668 5.42718 16.668 5.2044V4.0896H7.6476V5.1936C7.6476 5.41638 7.5591 5.63004 7.40157 5.78757C7.24404 5.9451 7.03038 6.0336 6.8076 6.0336C6.58482 6.0336 6.37116 5.9451 6.21363 5.78757C6.0561 5.63004 5.9676 5.41638 5.9676 5.1936V4.0896Z' fill='black'/%3E%3C/svg%3E"); /* Dropdown */ --form-dropdown-icon: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z'%3E%3C/path%3E%3C/svg%3E"); --form-dropdown-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M14.3535 0.353516L7.35352 7.35352L0.353516 0.353515' stroke='white'/%3E%3C/svg%3E"); /* Checkbox buttons */ --form-checkbox-bg-color: transparent; --form-checkbox-width: 20px; --form-checkbox-height: 20px; /* for the icon visit https://yoksel.github.io/url-encoder/ and paste your svg in and copy the ready for css part */ --form-checkbox-icon: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='20' height='20' rx='2' stroke='%23BACAD8'/%3E%3C/svg%3E%0A"); --form-checkbox-checked-icon: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='20' height='20' rx='2' stroke='%23BACAD8'/%3E%3Crect x='4.5' y='4.5' width='12' height='12' rx='1' fill='%23EE7203'/%3E%3C/svg%3E"); --form-checkbox-icon--white: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='20' height='20' rx='2' stroke='%23BACAD8'/%3E%3C/svg%3E%0A"); --form-checkbox-checked-icon--white: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='20' height='20' rx='2' stroke='%23BACAD8'/%3E%3Crect x='4.5' y='4.5' width='12' height='12' rx='1' fill='%23E57200'/%3E%3C/svg%3E"); /* Radio buttons */ --form-radio-bg-color: transparent; --form-radio-width: 20px; --form-radio-height: 20px; /* for the icon visit https://yoksel.github.io/url-encoder/ and paste your svg in and copy the ready for css part */ --form-radio-icon: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10' stroke='%23BACAD8'/%3E%3C/svg%3E%0A"); --form-radio-checked-icon: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10' stroke='%23BACAD8'/%3E%3Ccircle cx='10.5' cy='10.5' r='6' fill='%23E57200'/%3E%3C/svg%3E%0A"); } form .hs-richtext, form .hs-richtext p { margin-bottom: 0.5rem; } form .hs-richtext, form .hs-richtext p, form .hs-richtext p a { font-size: var(--form-misc-size-mobile); } form label.hs-form-checkbox-display span, form label.hs-form-radio-display span, form label.hs-form-booleancheckbox-display span { font-size: var(--form-misc-size-mobile); margin-top: 2px; } @media only screen and (min-width: 768px) { form label.hs-form-checkbox-display span, form label.hs-form-radio-display span, form label.hs-form-booleancheckbox-display span, form .hs-richtext, form .hs-richtext p { font-size: var(--form-misc-size-desktop); } } form .hs-richtext img { max-width: 100% !important; } .legal-consent-container { margin-bottom: 2rem; } form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0; } .legal-consent-container .hs-form-booleancheckbox-display p { font-size: var(--form-misc-size-desktop); } form fieldset.form-columns-1:has(input[type="hidden"]) { display: none; } /* Fields */ form .hs-form-field { position: relative; display: flex; flex-direction: column; justify-content: flex-start; float: none !important; width: 100% !important; margin-bottom: 1.4rem; } form .hs-form-field.hs_recaptcha { align-items: flex-start; } form .hs-form-field .input { margin-right: 0 !important; } form .hs-form-field ul { list-style-type: none; margin: 0; padding: 0; } form fieldset { border: none; max-width: 100% !important; } form fieldset + .hs_submit.hs-submit { margin-top: 1.4rem; } form fieldset:not(:last-of-type) { margin-bottom: 1.4rem; } form fieldset .hs-form-field { margin-bottom: 0; } .aa-module form fieldset.form-columns-1 .hs-input, .aa-module form fieldset.form-columns-2 .hs-input, .aa-module form fieldset.form-columns-3 .hs-input { width: 100%; } form fieldset.form-columns-2, form fieldset.form-columns-3 { display: grid; align-items: flex-start; grid-gap: 1.4rem 1.4rem; grid-template-columns: minmax(0, 1fr); } @media (min-width: 768px) { form fieldset.form-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } form fieldset.form-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* Labels */ form label { display: block; margin-bottom: var(--form-label-spacing-bottom); color: var(--form-label-color); font-family: var(--form-label-font-family); font-size: var(--form-label-font-size-mobile); line-height: 1; font-weight: var(--form-label-font-weight); text-transform: var(--form-label-transform); } @media only screen and (min-width: 768px) { form label { font-size: var(--form-label-font-size-desktop); } } form .inputs-list.multi-container label span, form .hs-form-booleancheckbox label span { color: initial; } /* Form Title */ .form-title { margin-bottom: 0; } @media only screen and (max-width: 767px) { .form-title.h3 { margin-bottom: 35px; } } /* Help text */ form legend { font-size: 0.875rem; } /* Inputs */ form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea { display: inline-block; height: 60px; width: 100%; border: none; border: var(--form-input-border-size) solid var(--form-input-border-color); border-radius: var(--form-input-border-radius); background-color: var(--form-input-background-color); padding: var(--form-input-padding-top) var(--form-input-padding-right) var(--form-input-padding-bottom) var(--form-input-padding-left); color: var(--form-input-color); font-family: var(--form-input-font-family); font-size: var(--form-input-font-size-mobile); line-height: 1.3; font-weight: var(--form-input-font-weight); text-transform: var(--form-input-transform); } @media only screen and (min-width: 768px) { form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea { font-size: var(--form-input-font-size-desktop); } } form textarea { resize: vertical; line-height: 1.2; } form input::placeholder, form select::placeholder, form textarea::placeholder { opacity: 1; color: var(--form-placeholder-color); } form input:focus, form input:focus-visible, form input:focus-within, form input:active, form input:target, form select:focus, form select:focus-visible, form select:focus-within, form select:active, form select:target, form textarea:focus, form textarea:focus-visible, form textarea:focus-within, form textarea:active, form textarea:target { border-color: var(--form-input-border-focus-color); outline: none; box-shadow: none; } form legend.hs-field-desc { position: absolute; right: 0; width: auto !important; } /* Inputs - date picker */ .hs-dateinput { position: relative; } .hs-dateinput:before { content: ''; position: absolute; right: var(--form-input-padding-right); top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-image: var(--form-date-icon); } .fn-date-picker .pika-table thead th { color: #FFF; } .fn-date-picker td.is-selected .pika-button { border-radius: 0; box-shadow: none; } .fn-date-picker td .pika-button:hover, .fn-date-picker td .pika-button:focus { border-radius: 0 !important; color: #FFF; } /* Inputs - file picker */ form input[type=file] { border-radius: 0; background-color: transparent; border: initial; padding: initial; } .hs-fieldtype-select .input { position: relative; } .hs-fieldtype-select .input select { position: relative; } .hs-fieldtype-select .input::after { content: ""; display: block; position: absolute; width: 16px; height: 10px; right: var(--form-input-padding-right); top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: var(--form-dropdown-icon); } select.hs-input { appearance: none; } /* GDPR */ /* Validation */ .hs-form-required { color: var(--form-error-color); } .hs-input.invalid.error { border-color: var(--form-error-color); } .hs-error-msg { margin-top: 0.35rem; color: var(--form-error-color); } /* form input.hs-input.invalid.error { border-color: var(--pink); } */ /* Submit button */ form input[type=submit], form .hs-button { cursor: pointer; display: inline-block; text-align: center; transition: all 0.15s linear; white-space: normal; } /* Captcha */ .grecaptcha-badge { margin: 0 auto; } /* Position label text against custom radio and checkboxes */ ul.inputs-list.multi-container { display: flex; flex-direction: column; align-items: flex-start; gap: var(--multi-list-gap); margin-top: var(--multi-list-spacing-top); } label.hs-form-booleancheckbox-display, label.hs-form-checkbox-display, label.hs-form-radio-display { cursor: pointer; display: flex; align-items: center; gap: var(--label-check-spacing); } /* Custom checkbox */ [data-hsfc-id=Renderer] .hsfc-CheckboxInput { border: none !important; background-color: transparent !important; } [data-hsfc-id=Renderer] .hsfc-CheckboxInput:active, [data-hsfc-id=Renderer] .hsfc-CheckboxInput:focus, [data-hsfc-id=Renderer] .hsfc-CheckboxInput:hover { box-shadow: none !important; } [data-hsfc-id=Renderer] .hsfc-CheckboxInput:checked:after { content: none !important; display: none !important; box-shadow: none !important; } [data-hsfc-id=Renderer] .hsfc-CheckboxInput, input[type="checkbox"] { position: relative; cursor: pointer; appearance: none; width: var(--form-checkbox-width) !important; height: var(--form-checkbox-height) !important; } [data-hsfc-id=Renderer] .hsfc-CheckboxInput::before, input[type="checkbox"]::before { content: ""; position: absolute; left: 0; top: 0; width: var(--form-checkbox-width); height: var(--form-checkbox-height); background-image: var(--form-checkbox-icon); background-size: contain; background-position: center; background-repeat: no-repeat; transition: var(--transition); } [data-hsfc-id=Renderer] .hsfc-CheckboxInput:checked::before, input[type="checkbox"]:checked::before { background-image: var(--form-checkbox-checked-icon); } /* Custom Radio Button Styling */ [data-hsfc-id=Renderer] .hsfc-RadioInput { border: none !important; background-color: transparent !important; } [data-hsfc-id=Renderer] .hsfc-RadioInput:active, [data-hsfc-id=Renderer] .hsfc-RadioInput:focus, [data-hsfc-id=Renderer] .hsfc-RadioInput:hover { box-shadow: none !important; } [data-hsfc-id=Renderer] .hsfc-RadioInput:checked:after { content: none !important; display: none !important; box-shadow: none !important; } [data-hsfc-id=Renderer] .hsfc-RadioInput, .hs-form-radio-display input[type="radio"] { position: relative; cursor: pointer; appearance: none; /* Hide default radio button */ -webkit-appearance: none; -moz-appearance: none; width: var(--form-radio-width); height: var(--form-radio-height); margin: 0; padding: 0; background-color: var(--form-radio-bg-color); } [data-hsfc-id=Renderer] .hsfc-RadioInput::before, .hs-form-radio-display input[type="radio"]::before { content: ""; position: absolute; left: 0; top: 0; width: var(--form-radio-width); height: var(--form-radio-height); background-image: var(--form-radio-icon); background-size: contain; background-position: center; background-repeat: no-repeat; transition: var(--transition); pointer-events: none; } [data-hsfc-id=Renderer] .hsfc-RadioInput:checked::before, .hs-form-radio-display input[type="radio"]:checked::before { background-image: var(--form-radio-checked-icon); } /* Buttons */ .form-button--custom input[type="submit"].hs-button { border: var(--button-two-border-size) var(--button-two-border-style) #FF0998 !important; background-color: #FF0998 !important; color: var(--white) !important; } .form-button--custom input[type="submit"].hs-button:hover { border: var(--button-two-border-size) var(--button-two-border-style) var(--white) !important; background-color: var(--white) !important; color: var(--black) !important; box-shadow: var(--box-shadow-big) !important; } /* New form styles */ .aa-contact-hero [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content { padding: 0 !important; } [data-hsfc-id=Renderer] .hsfc-PhoneInput, [data-hsfc-id=Renderer] .hsfc-TextareaInput, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-TextField input, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-DropdownField input, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField input, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField input { display: inline-block !important; width: 100% !important; border: none !important; border: var(--form-input-border-size) solid var(--form-input-border-color) !important; border-radius: var(--form-input-border-radius) !important; background-color: var(--form-input-background-color) !important; padding: var(--form-input-padding-top) var(--form-input-padding-right) var(--form-input-padding-bottom) var(--form-input-padding-left) !important; color: var(--form-input-color) !important; font-family: var(--form-input-font-family) !important; font-size: var(--form-input-font-size-mobile) !important; line-height: 1.3 !important; font-weight: var(--form-input-font-weight) !important; text-transform: var(--form-input-transform) !important; } [data-hsfc-id=Renderer] .hsfc-PhoneInput { display: flex !important; } [data-hsfc-id=Renderer] .hsfc-RichText p, [data-hsfc-id=Renderer] .hsfc-FieldDescription { font-size: var(--form-misc-size-mobile) !important; } @media only screen and (min-width: 768px) { [data-hsfc-id=Renderer] .hsfc-RichText p, [data-hsfc-id=Renderer] .hsfc-FieldDescription { font-size: var(--form-misc-size-desktop) !important; } } [data-hsfc-id=Renderer] .hsfc-DropdownOptions { background-color: var(--white) !important; padding: 12px !important; border-radius: 10px !important; border: 1px solid var(--black) !important; } [data-hsfc-id=Renderer] .hsfc-FieldLabel { display: flex !important; align-items: center !important; margin-bottom: var(--form-label-spacing-bottom) !important; color: var(--form-label-color) !important; font-family: var(--form-label-font-family) !important; font-size: var(--form-label-font-size-mobile) !important; line-height: 1 !important; font-weight: var(--form-label-font-weight) !important; text-transform: var(--form-label-transform) !important; } [data-hsfc-id=Renderer] .hsfc-CheckboxField label { display: flex !important; align-items: center !important; } @media only screen and (min-width: 768px) { [data-hsfc-id=Renderer] .hsfc-FieldLabel { font-size: var(--form-label-font-size-desktop) !important; } } [data-hsfc-id=Renderer] .hsfc-FieldLabel__RequiredIndicator { color: var(--form-label-color) !important; font-family: var(--form-label-font-family) !important; font-size: var(--form-label-font-size-mobile) !important; line-height: 1 !important; font-weight: var(--form-label-font-weight) !important; text-transform: var(--form-label-transform) !important; } [data-hsfc-id=Renderer] .hsfc-TextInput { padding: 0px !important; padding-left: 0px !important; margin: 0 !important; border: none !important; height: auto !important; background-color: transparent !important; } [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField > input, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField > input, [data-hsfc-id=Renderer] .hsfc-DropdownInput > input, [data-hsfc-id=Renderer] .hsfc-TextInput { font-family: var(--form-input-font-family) !important; font-size: var(--form-input-font-size-mobile) !important; line-height: 1.3 !important; font-weight: var(--form-input-font-weight) !important; text-transform: var(--form-input-transform) !important; } @media only screen and (min-width: 768px) { [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField > input, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField > input, [data-hsfc-id=Renderer] .hsfc-DropdownInput > input, [data-hsfc-id=Renderer] .hsfc-TextInput { font-size: var(--form-input-font-size-desktop) !important; } } [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField > input:hover, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField > input:hover, [data-hsfc-id=Renderer] .hsfc-DropdownInput > input:hover, [data-hsfc-id=Renderer] .hsfc-TextInput:hover, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField > input:active, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField > input:active, [data-hsfc-id=Renderer] .hsfc-DropdownInput > input:active, [data-hsfc-id=Renderer] .hsfc-TextInput:active, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField > input:focus, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField > input:focus, [data-hsfc-id=Renderer] .hsfc-DropdownInput > input:focus, [data-hsfc-id=Renderer] .hsfc-TextInput:focus { border-color: var(--form-input-border-focus-color) !important; outline: none !important; box-shadow: none !important; } [data-hsfc-id=Renderer] .hsfc-DateInput.hsfc-DateInput--placeholder, [data-hsfc-id=Renderer] .hsfc-TextareaInput::placeholder, [data-hsfc-id=Renderer] .hsfc-TextInput::placeholder, [data-hsfc-id=Renderer] .hsfc-TextInput::placeholder { opacity: 1 !important; color: var(--form-placeholder-color) !important; } [data-hsfc-id=Renderer] .hsfc-PhoneInput { gap: 10px !important; } [data-hsfc-id=Renderer] .hsfc-DropdownOptions, [data-hsfc-id=Renderer] .hsfc-DropdownOptions__List { padding: 0 !important; } [data-hsfc-id=Renderer] .hsfc-DropdownOptions__List__ListItem { color: var(--black) !important; font-size: 16px !important; font-style: normal !important; font-weight: 400 !important; line-height: 22px !important; background-color: transparent !important; } [data-hsfc-id=Renderer] .hsfc-DropdownOptions__List__ListItem:hover { background-color: #EBF6FF !important; } [data-hsfc-id=Renderer] .hsfc-ErrorAlert { margin-top: 12px; color: var(--form-error-color) !important; } [data-hsfc-id=Renderer] .hsfc-TextareaInput:has(.hsfc-ErrorAlert), [data-hsfc-id=Renderer] .hsfc-Form .hsfc-TextField:has(.hsfc-ErrorAlert) input, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-DropdownField:has(.hsfc-ErrorAlert) input, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField:has(.hsfc-ErrorAlert) input, [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField:has(.hsfc-ErrorAlert) input { border-bottom: 1px solid var(--form-error-color) !important; } [data-hsfc-id=Renderer] .hsfc-DropdownInput__Caret { padding: 0 0 0 20px !important; } [data-hsfc-id=Renderer] .hsfc-DropdownInput__Caret>span { border: 0 !important; background-repeat: no-repeat; background-size: contain; background-image: var(--form-dropdown-icon) !important; width: 22px !important; height: 10px !important; } [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content { padding: 0 !important; } [data-hsfc-id=Renderer] .hsfc-RichText { font-family: var(--form-label-font-family) !important; color: var(--black) !important; } .content--light form label, .content--light form .hs-form-booleancheckbox label span, .content--light form input[type=text], .content--light form input[type=search], .content--light form input[type=email], .content--light form input[type=password], .content--light form input[type=tel], .content--light form input[type=number], .content--light form input[type=file], .content--light form select, .content--light form textarea, .content--light [data-hsfc-id=Renderer] .hsfc-RichText, .content--light [data-hsfc-id=Renderer] .hsfc-Form .hsfc-TextField, .content--light [data-hsfc-id=Renderer] .hsfc-Form .hsfc-DropdownField, .content--light [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField, .content--light [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField, .content--light [data-hsfc-id=Renderer] .hsfc-FieldLabel, .content--light [data-hsfc-id=Renderer] .hsfc-FieldLabel__RequiredIndicator, .content--light [data-hsfc-id=Renderer] .hsfc-TextareaInput, .content--light [data-hsfc-id=Renderer] .hsfc-Form .hsfc-TextField input, .content--light [data-hsfc-id=Renderer] .hsfc-Form .hsfc-DropdownField input, .content--light [data-hsfc-id=Renderer] .hsfc-Form .hsfc-EmailField input, .content--light [data-hsfc-id=Renderer] .hsfc-Form .hsfc-NumberField input { color: var(--white) !important; } .content--light [data-hsfc-id=Renderer] .hsfc-DropdownInput__Caret>span { background-image: var(--form-dropdown-icon-light) !important; } .content--light [data-hsfc-id=Renderer] .hsfc-TextInput { color: var(--white); } .aa-hamburger { cursor: pointer; z-index: 200; width: 25px; height: 20px; display: flex; align-items: center; } .aa-hamburger span, .aa-hamburger span:before, .aa-hamburger span:after { display: block; background-color: RGB(var(--white)); transition-property: all; transition-duration: .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: 25px; height: 2px; } .aa-hamburger span:before { transform: translateY(-7px); } .aa-hamburger span:after { transform: translateY(7px); } .js-nav-open .aa-hamburger { transition: transform var(--speed) ease; } .js-nav-open .aa-hamburger span { background-color: transparent !important; } .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-bg-white .aa-hamburger span, .aa-bg-white .aa-hamburgerspan::before, .aa-bg-white .aa-hamburgerspan::after { display: block; background-color: RGB(var(--secondary)); transition-property: all; transition-duration: .1s; } .aa-language-menu svg path, .aa-site-header.is-sticky .aa-language-menu svg path { fill: RGB(var(--white)); transition: fill var(--speed) var(--animation); } .aa-bg-white .aa-language-menu .aa-language-menu__currentlang svg path { fill: RGB(var(--secondary)); } .aa-navigation .aa-language-menu { position: relative; display: flex; align-items: center; margin-right: 20px; font-size: 18px; line-height: 25px; font-weight: 500; text-transform: uppercase; color: inherit; cursor: pointer; } @media (min-width: 1200px) { .aa-navigation .aa-language-menu::after { content: '-'; display: block; margin-left: 20px; } } .aa-language-menu__currentlang { display: flex; align-items: center; } .aa-language-menu__currentlang span { margin-left: 15px; transition: all var(--speed) var(--animation); } .aa-language-menu:hover .aa-language-menu__currentlang span { color: RGB(var(--primary)); } .aa-language-menu ul.aa-language-menu__dropdown { display: block; width: 240px; height: 0; overflow: hidden; position: absolute; top: 35px; bottom: auto; left: -170px; color: RGB(var(--white)); background-color: RGB(var(--secondary)); box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.25); visibility: hidden; opacity: 0; transition: opacity var(--speed) var(--animation); list-style: none; padding: 0; } @media (min-width: 992px) { .aa-language-menu ul.aa-language-menu__dropdown { top: calc(100% - 1px); left: auto; } } .aa-language-menu ul.aa-language-menu__dropdown li a { display: flex; align-items: center; padding: 10px 30px; } .aa-language-menu ul.aa-language-menu__dropdown li a img { margin-right: 15px; } .aa-language-menu ul.aa-language-menu__dropdown li a svg { width: 9px; height: 7px; margin-left: auto; } .aa-language-menu ul.aa-language-menu__dropdown li a svg path { fill: RGB(var(--primary)); } .aa-language-menu ul.aa-language-menu__dropdown li a:hover, .aa-language-menu ul.aa-language-menu__dropdown li a.is-active { color: inherit; background-color: RGB(var(--complementary)); } .aa-language-menu:hover .aa-language-menu__dropdown { height: auto; visibility: visible; opacity: 1; } .aa-has-submenu .aa-mega-menu, .aa-has-submenu .hs-menu-wrapper { position: absolute; top: 100%; left: 0; visibility: hidden; opacity: 0; transition: opacity var(--speed) var(--animation); } .aa-has-submenu:hover .aa-mega-menu, .aa-has-submenu:hover .hs-menu-wrapper { visibility: visible; opacity: 1; } .aa-submenu-type--standard .hs-menu-wrapper > ul { width: 220px; background-color: RGB(var(--secondary)); box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25); } .aa-submenu-type--standard .hs-menu-wrapper > ul > li > a { display: flex; padding: 15px 25px; } .aa-submenu-type--standard .hs-menu-wrapper > ul > li > a::before { content: '-'; margin-right: 5px; color: RGB(var(--primary)); } .aa-submenu-type--standard .hs-menu-wrapper > ul > li:first-child > a { padding-top: 50px; } .aa-submenu-type--standard .hs-menu-wrapper > ul > li:last-child > a { padding-bottom: 50px; } .aa-navigation .aa-submenu-type--mega { position: static; } .aa-navigation .aa-mega-menu { margin-top: 10px; margin-bottom: 40px; } @media (min-width: 768px) { .aa-navigation .aa-mega-menu { display: flex; flex-direction: row; } } @media (min-width: 1200px) { .aa-navigation .aa-mega-menu { position: absolute; width: 100vw; max-width: var(--full-site-width); margin: 0; top: 100%; left: 50%; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25); transform: translateX(-50%); } } .aa-navigation .aa-mega-menu li { position: relative; } .aa-navigation .aa-mega-menu li::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: RGBA(var(--secondary),0.75); background: linear-gradient(53deg, RGB(var(--secondary)) 26%, RGBA(var(--secondary),0.3) 100%); } .aa-navigation .aa-mega-menu li a { position: relative; padding: 50px 20px 30px; height: auto; display: flex; flex-direction: column; color: RGB(var(--white)); font-size: 16px; line-height: 20px; font-weight: var(--weight-400); } @media (min-width: 576px) { .aa-navigation .aa-mega-menu li a { height: 280px; } } /* md */ @media (min-width: 768px) { .aa-navigation .aa-mega-menu li { width: calc(100% / 3); } } @media (min-width: 1200px) { .aa-navigation .aa-mega-menu li { background-color: RGB(var(--secondary)); } .aa-navigation .aa-mega-menu li a { height: 330px; padding: 70px 80px; padding-top: 180px; } } .aa-navigation .aa-mega-menu li a:hover { color: RGB(var(--white)); } .aa-navigation .aa-mega-menu li a::before { display: none; } .aa-navigation .aa-mega-menu li a .aa-subheading { margin-bottom: 5px; font-size: 18px; line-height: 23px; text-transform: uppercase; font-weight: var(--weight-700); } .aa-mega-menu:before { position: absolute; display: block; height: 30px; top: -30px; left: 0; right: 0; } @media (min-width: 768px) { .aa-navigation .aa-mega-menu--2 li { width: calc(100% / 2); } } @media (min-width: 1200px) { .aa-navigation .aa-mega-menu--4 li a { padding: 70px 40px; padding-top: 160px; } .aa-mega-menu:before { content: ''; } } .aa-site-header.is-sticky .aa-mega-menu:before { display: none; } /* Mobile version */ .aa-navigation--hamburger .aa-has-submenu .hs-menu-wrapper > ul { width: 100%; margin-top: 10px; margin-bottom: 20px; box-shadow: none; background-color: transparent; } .aa-navigation--hamburger .aa-has-submenu .hs-menu-wrapper > ul > li > a { padding-top: 3px; padding-bottom: 3px; padding-left: 20px; padding-right: 20px; font-size: 18px; line-height: 26px; } .aa-navigation--hamburger .aa-has-submenu .aa-mega-menu, .aa-navigation--hamburger .aa-has-submenu .hs-menu-wrapper { position: static; display: none; visibility: visible; opacity: 1; } .aa-navigation--hamburger .aa-has-submenu:hover .aa-mega-menu, .aa-navigation--hamburger .aa-has-submenu:hover .hs-menu-wrapper { display: block; } .aa-navigation ul, .aa-navigation li { list-style: none; padding: 0; margin: 0; } .aa-navigation ul li a { display: block; text-decoration: none; } .aa-navigation--primary, .aa-navigation--secondary { display: flex; align-items: center; } .aa-navigation--primary ul li a, .aa-navigation--secondary ul li a { font-size: 18px; line-height: 25px; font-weight: var(--weight-500); text-transform: uppercase; color: inherit; } .aa-navigation--primary ul li a:hover, .aa-navigation--secondary ul li a:hover { color: RGB(var(--primary)); } .aa-navigation--primary > ul, .aa-navigation--secondary > ul, .aa-navigation--primary > .hs-menu-wrapper > ul, .aa-navigation--secondary > .hs-menu-wrapper > ul { display: flex; justify-content: flex-end; height: inherit; list-style: none; } .aa-navigation--primary > ul > li, .aa-navigation--secondary > ul > li, .aa-navigation--primary > .hs-menu-wrapper > ul > li, .aa-navigation--secondary > .hs-menu-wrapper > ul > li { display: flex; align-items: center; position: relative; } .aa-navigation--primary > ul > li > a::before, .aa-navigation--secondary > ul > li > a::before, .aa-navigation--primary > .hs-menu-wrapper > ul > li > a::before, .aa-navigation--secondary > .hs-menu-wrapper > ul > li > a::before { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 1px; background-color: RGB(var(--primary)); transition: all var(--speed) var(--animation); } .aa-navigation--primary > ul > li:hover > a::before, .aa-navigation--secondary > ul > li:hover > a::before, .aa-navigation--primary > .hs-menu-wrapper > ul > li:hover > a::before, .aa-navigation--secondary > .hs-menu-wrapper > ul > li:hover > a::before, .aa-navigation--primary > ul > li:active > a::before, .aa-navigation--secondary > ul > li:active > a::before, .aa-navigation--primary > .hs-menu-wrapper > ul > li:active > a::before, .aa-navigation--secondary > .hs-menu-wrapper > ul > li:active > a::before, .aa-navigation--primary > ul > li:focus > a::before, .aa-navigation--secondary > ul > li:focus > a::before, .aa-navigation--primary > .hs-menu-wrapper > ul > li:focus > a::before, .aa-navigation--secondary > .hs-menu-wrapper > ul > li:focus > a::before, .aa-navigation--primary > ul > li.is-active > a::before, .aa-navigation--secondary > ul > li.is-active > a::before, .aa-navigation--primary > .hs-menu-wrapper > ul > li.is-active > a::before, .aa-navigation--secondary > .hs-menu-wrapper > ul > li.is-active > a::before { width: 100%; } .aa-navigation--primary > ul > li:not(:last-child)::after, .aa-navigation--secondary > ul > li:not(:last-child)::after, .aa-navigation--primary > .hs-menu-wrapper > ul > li:not(:last-child)::after, .aa-navigation--secondary > .hs-menu-wrapper > ul > li:not(:last-child)::after { content: '-'; display: block; padding: 0 15px; font-size: 18px; line-height: 25px; font-weight: var(--weight-500); } .aa-navigation--primary > ul > li > a, .aa-navigation--secondary > ul > li > a, .aa-navigation--primary > .hs-menu-wrapper > ul > li > a, .aa-navigation--secondary > .hs-menu-wrapper > ul > li > a { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0; position: relative; } .aa-navigation--primary .aa-menu-item .hs-menu-wrapper > ul, .aa-navigation--secondary .aa-menu-item .hs-menu-wrapper > ul, .aa-navigation--primary .hs-menu-children-wrapper, .aa-navigation--secondary .hs-menu-children-wrapper { color: RGB(var(--white)); background-color: RGB(var(--secondary)); } .aa-site-header.is-sticky .aa-site-header__inner, .aa-site-header.is-sticky .aa-navigation-container, .aa-site-header.is-sticky .aa-navigation, .aa-site-header.is-sticky .aa-navigation > ul, .aa-site-header.is-sticky .aa-menu-depth-1, .aa-site-header.is-sticky .aa-menu-depth-1 > a, .aa-site-header.is-sticky .hs-menu-wrapper, .aa-site-header.is-sticky .hs-menu-depth-1, .aa-site-header.is-sticky .hs-menu-depth-1 > a { height: 100%; } .aa-bg-white .aa-navigation--primary .aa-menu-depth-1 > a, .aa-bg-white .aa-navigation--secondary .hs-menu-depth-1 > a { color: inherit; } .aa-bg-white .aa-site-header.is-sticky .aa-navigation--primary .aa-menu-depth-1 > a, .aa-bg-white .aa-site-header.is-sticky .aa-navigation--secondary .hs-menu-depth-1 > a { color: RGB(var(--white)); } .aa-navigation--secondary { align-items: stretch; } body.js-nav-open { overflow-y: hidden; } .aa-navigation--hamburger { width: 100%; min-height: 100vh; position: fixed; bottom: 100%; right: 0; padding-left: var(--padding); padding-right: var(--padding); font-size: 16px; line-height: 24px; text-transform: uppercase; color: RGB(var(--white)); background-color: RGB(var(--secondary)); overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all var(--speed) var(--animation); z-index: 99; } @media (min-width: 576px) { .aa-navigation--hamburger { padding-left: 40px; padding-right: 40px; } } @media (min-width: 1200px) { .aa-navigation--hamburger { padding-left: 0; padding-right: 0; } } .aa-navigation--hamburger .aa-subheading { margin-bottom: 35px; color: inherit; font-size: 18px; line-height: 23px; text-transform: uppercase; } @media (min-width: 992px) { .aa-navigation--hamburger .aa-subheading { margin-bottom: 35px; } } @media (min-width: 1440px) { .aa-navigation--hamburger .aa-subheading { margin-bottom: 45px; } } .aa-navigation--hamburger .aa-navigation__inner { padding-top: 40px; padding-bottom: 60px; } .aa-navigation--hamburger .aa-navigation__inner .aa-subheading { margin-bottom: 15px; } @media (min-width: 992px) { .aa-navigation--hamburger .aa-navigation__inner { padding-top: 100px; padding-bottom: 80px; } .aa-navigation--hamburger .aa-navigation__inner .aa-subheading { margin-bottom: 45px; } } @media (min-width: 1440px) { .aa-navigation--hamburger .aa-navigation__inner { padding-bottom: 100px; } } .aa-navigation--hamburger ul { flex-direction: column; } .aa-navigation--hamburger ul li { padding-top: 30px; padding-bottom: 30px; } .aa-navigation--hamburger ul li a { display: flex; padding-top: 3px; padding-bottom: 3px; font-size: 20px; line-height: 28px; font-weight: var(--weight-700); } @media (min-width: 576px) { .aa-navigation--hamburger ul li a { font-size: 28px; line-height: 36px; } } @media (min-width: 992px) { .aa-navigation--hamburger ul li a { padding: 0; font-size: 60px; line-height: 70px; } } @media (min-width: 1440px) { .aa-navigation--hamburger ul li a { font-size: 80px; line-height: 90px; } } .aa-navigation--hamburger ul li a::before { content: '-'; color: RGB(var(--primary)); margin-right: 10px; } @media (min-width: 992px) { .aa-navigation--hamburger ul li a::before { margin-right: 65px; } } @media (min-width: 1440px) { .aa-navigation--hamburger ul li a::before { margin-right: 75px; } } .aa-navigation--hamburger .aa-nav { border-top: 1px solid #FFFFFF; padding-top: 40px; margin-top: 40px; } .aa-navigation--hamburger .aa-nav .aa-menu-arrow { display: none; } .aa-navigation--hamburger .aa-nav ul li a { font-weight: var(--weight-500); font-size: 15px; line-height: 21px; } @media (min-width: 768px) { .aa-navigation--hamburger .aa-nav ul li a { font-size: 22px; line-height: 29px; } } @media (min-width: 992px) { .aa-navigation--hamburger .aa-nav ul li a::before { font-size: 36px; margin-right: 75px; } } @media (min-width: 1200px) { .aa-navigation--hamburger .aa-nav { border-top: none; padding-top: 0; margin-top: 0; margin-bottom: 0; } .aa-navigation--hamburger .aa-nav ul li a { font-weight: var(--weight-700); padding: 0; font-size: 60px; line-height: 70px; } .aa-navigation--hamburger .aa-nav ul li a::before { font-size: 80px; } } @media (min-width: 1440px) { .aa-navigation--hamburger .aa-nav ul li a { font-size: 80px; line-height: 90px; } } .js-nav-open .aa-navigation--hamburger { padding-top: var(--header-height); top: 0; bottom: 0; } @media (min-width: 1200px) { .js-nav-open .aa-navigation--hamburger { padding-top: var(--header-height-xl); } } .js-nav-open .aa-site-header.is-sticky + .aa-navigation--hamburger { padding-top: var(--sticky-header-height); } .aa-navigation--hamburger .aa-navigation__inner { max-width: calc(var(--full-site-width) / 12 * 8); margin-left: auto; margin-right: auto; } .aa-navigation--hamburger ul { padding: 0; margin: 0; list-style: none; } .aa-navigation--hamburger ul li { padding: 0; margin: 0; } .aa-navigation--hamburger ul li a { display: block; color: RGB(var(--white)); text-decoration: none; } .aa-navigation--hamburger ul li a:hover, .aa-navigation--hamburger ul li a:active, .aa-navigation--hamburger ul li a:focus { color: RGB(var(--primary)); } .aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-1 > a { padding: 13px 20px; font-size: 16px; line-height: 24px; font-weight: var(--weight-700); } .aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-1 > ul { display: none; background: RGB(var(--primary)); padding-top: 20px; padding-bottom: 20px; } .aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-1.is-active > ul { display: block; } .aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-2 a { padding: 5px 20px; color: RGB(var(--white)); } .aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-2 > ul { display: none; padding: 5px 20px; color: RGB(var(--white)); background-color: RGB(var(--tertiary)); } .aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-2.is-active > ul { display: block; } .aa-navigation--hamburger.aa-navigation--mobile .hs-item-has-children { position: relative; } .aa-navigation--hamburger.aa-navigation--mobile .hs-item-has-children > a { display: flex; align-items: center; } .aa-menu-arrow { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; width: 60px; height: 60px; transition: all var(--speed) var(--animation); } .hs-item-has-children.is-active .aa-menu-arrow svg { transform: rotate(90deg); } /* Footer navigation */ .aa-navigation--footer a { color: RGB(var(--black)); font-size: 17px; font-weight: 400; } .aa-navigation--footer a:hover { text-decoration: underline; } .aa-navigation--footer .hs-menu-wrapper > ul { display: flex; flex-direction: column; gap: 35px; } .aa-navigation--footer ul.hs-menu-children-wrapper { display: grid; grid-template-columns: 1fr; gap: 10px; column-gap: 35px; margin-top: 35px; } @media (min-width: 576px) { .aa-navigation--footer .hs-menu-wrapper > ul { flex-direction: row; gap: 60px; } .aa-navigation--footer ul.hs-menu-children-wrapper { grid-template-columns: repeat(2,1fr); } } @media (min-width: 992px) { .aa-navigation--footer .hs-menu-wrapper > ul { gap: 120px; } .aa-navigation--footer ul.hs-menu-children-wrapper { column-gap: 60px; } } .aa-navigation--footer .hs-menu-depth-1.hs-item-has-children > a { color: RGB(var(--primary)); font-size: 17px; font-weight: 600; } .aa-navigation--footer .hs-menu-children-wrapper li a { display: flex; } .search-wrapper { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 20px; } .nav-search svg { fill: white; width: 18px; height: 18px; cursor: pointer; top: 2px; position: relative; } .aa-bg-white .aa-site-header .nav-search svg { fill: RGB(var(--secondary)); } .hs-search-field { display: none; box-shadow: var(--box-shadow); } .hs-search-field.active { display: flex; position: absolute; bottom: -45px; right: 0; } .hs-search-field { margin-left: auto; } @media (min-width: 992px) { .hs-search-field { margin-left: 0; } } .hs-search-field__bar { display: block; position: relative; background-color: #ffffff; padding: 10px 25px; } .hs-search-field__bar form { display: flex; position: relative; } .hs-search-field__bar form button { background-color: transparent; border: none; padding-left: 0; padding-right: 0; cursor: pointer; } .hs-search-field__bar form button svg { width: 18px; height: 18px; fill: black; } .hs-search-field__bar form button:focus { border: none; outline: none; } .hs-search-field__bar form input { display: block; width: 200px; transform: translateX(0); transition: all 0.3s var(--animation); color: black; padding: 0 0; background-color: transparent; border: none; } .hs-search-field__bar form input:focus { border: none; outline: none; } .hs-search-field__suggestions { display: none; } /* Result page */ .systems-page-search { padding-top: 40px; background-color: RGB(var(--secondary)); } @media (min-width: 992px) { .systems-page-search { padding-top: 50px; } } @media (min-width: 1440px) { .systems-page-search { padding-top: 64px; } } .systems-page-search .systems-page-search__inner { padding-left: 20px; padding-right: 20px; padding-bottom: 35px; } @media (min-width: 992px) { .systems-page-search .systems-page-search__inner { padding-left: 0; padding-right: 0; } } .systems-page-search .hs-search-field { display: flex; border-bottom: 2px solid white; background-color: transparent; } .systems-page-search .hs-search-field__bar { display: flex; align-items: center; padding-left: 20px; padding-right: 20px; background-color: transparent; width: 100%; border-bottom: transparent; padding-bottom: 10px; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .systems-page-search .hs-search-field__bar { padding-bottom: 0px; } } .systems-page-search .hs-search-field__bar form { width: 100%; } .systems-page-search .hs-search-field__bar form input { width: 100%; padding: 0; color: RGB(var(--white)); margin-bottom: 0; font-size: 28px; line-height: 28px; text-transform: uppercase; font-weight: var(--weight-700); } .systems-page-search .hs-search-field__bar svg { width: 28px; height: 28px; fill: RGB(var(--white)); } @media (min-width: 992px) { .systems-page-search .hs-search-field__bar svg { width: 48px; height: 48px; } } .systems-page-search .hs-search-field__bar input::placeholder { width: 100%; color: RGB(var(--white)); margin-bottom: 0; font-size: 28px; line-height: 28px; text-transform: uppercase; font-weight: var(--weight-700); } @media (min-width: 992px) { .systems-page-search .hs-search-field__bar form input, .systems-page-search .hs-search-field__bar input::placeholder { font-size: 53px; line-height: 45px; } } @media (min-width: 1200px) { .systems-page-search .hs-search-field__bar form input, .systems-page-search .hs-search-field__bar input::placeholder { font-size: 53px; line-height: 45px; } } .systems-page-search__inner { max-width: calc(var(--full-site-width) / 12 * 8); margin-left: auto; margin-right: auto; } .systems-page-search__inner .aa-subtitle { display: block; text-align: center; color: RGB(var(--white)); margin-bottom: 60px; } .hs-search-results { background-color: RGB(var(--white)); } .hs-search-results .search-header { background-color: RGB(var(--secondary)); color: RGB(var(--white)); margin-bottom: 60px; padding-top: 35px; padding-bottom: 35px; padding-left: 20px; padding-right: 20px; } @media (min-width: 992px) { .systems-page-search__inner .aa-subtitle { margin-bottom: 80px; } .hs-search-results .search-header { margin-bottom: 80px; padding-left: 0; padding-right: 0; } } @media (min-width: 1440px) { .systems-page-search__inner .aa-subtitle { margin-bottom: 100px; } .hs-search-results .search-header { margin-bottom: 100px; } } .hs-search-results .search-header__inner { max-width: calc(var(--full-site-width) / 12 * 8); width: 100%; margin-left: auto; margin-right: auto; } .hs-search-results .search-header__inner .results-total, .hs-search-results .search-header__inner .results-showing { margin-bottom: 0; } .hs-search-results .search-header__inner .results-total { font-weight: var(--weight-500); font-size: 18px; line-height: 22px; } .hs-search-results .search-header__inner .results-showing { font-weight: var(--weight-400); font-size: 12px; line-height: 15px; } .hs-search-results__listing { max-width: calc(var(--full-site-width) / 12 * 8); width: 100%; margin-left: auto; margin-right: auto; padding: 0; padding-left: 20px; padding-right: 20px; } @media (min-width: 992px) { .hs-search-results__listing { padding-left: 0; padding-right: 0; } } .hs-search-results__listing li { display: flex; list-style: none; align-items: flex-start; justify-content: flex-start; } .hs-search-results__listing li:last-child .hs-search-results__text { position: relative; border-bottom: 1px solid RGB(var(--black)); } .hs-search-results__listing .hs-search-results__counter { max-width: calc(var(--full-site-width) / 12 * 1); width: 100%; color: RGB(var(--secondary)); font-weight: var(--weight-700); font-size: 60px; line-height: 50px; } .hs-search-results__listing .hs-search-results__text { max-width: calc(var(--full-site-width) / 12 * 7); margin-left: 30px; border-bottom: 1px solid RGB(var(--dark),0.15); padding-bottom: 35px; } @media (min-width: 992px) { .hs-search-results__listing .hs-search-results__text { margin-left: auto; } } .hs-search-results__listing .hs-search-results__title { font-weight: var(--weight-400); font-size: 24px; line-height: 29px; text-decoration: none; } .hs-search-results__listing .hs-search-results__read_more { display: block; margin-top: 10px; font-weight: var(--weight-600); font-size: 16px; line-height: 20px; text-decoration: none; } .hs-search-results__listing .hs-search-results__title:hover, .hs-search-results__listing .hs-search-results__read_more:hover { color: RGB(var(--secondary)); } .hs-search-results .hs-search-results__listing li { margin-bottom: 35px; } .hs-search-results__pagination { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 992px) { .hs-search-results__pagination { padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 1440px) { .hs-search-results__pagination { padding-top: 64px; padding-bottom: 64px; } } .hs-search-results__pagination #search-pagination { max-width: calc(var(--full-site-width) / 12 * 10); width: 100%; margin-left: auto; margin-right: auto; text-align: center; display: flex; justify-content: center; } #search-loader { display: none; align-items: center; justify-content: center; width: 70px; height: 70px; border: 2px solid RGB(var(--secondary)); color: RGB(var(--secondary)); border-radius: 50%; background-color: transparent; margin: 0 auto; font-size: 12px; } #search-loader.is-active { display: flex; } .pagination-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; text-decoration: none; margin-right: 20px; font-size: 14px; } .pagination-link:last-of-type { margin-right: 0; } .pagination-link:hover { background-color: RGB(var(--black),0.7); color: RGB(var(--white)); } .pagination-link.is-active { background-color: RGB(var(--black)); color: RGB(var(--white)); } .aa-search-results #search-button { display: none; } .hs-search-results__listing li { display: flex; flex-direction: column; gap: 20px; } .hs-search-results__listing li .hs-search-results__featured-image { width: 100%; height: 150px; } .hs-search-results__listing li .hs-search-results__featured-image img { width: 100%; height: 100%; object-fit: cover; } .hs-search-results__listing li .hs-search-results__text { width: 100%; margin-left: 0; } @media (min-width: 576px) { .hs-search-results__listing li { flex-direction: row; } .hs-search-results__listing li .hs-search-results__featured-image { max-width: 30%; height: 200px; } .hs-search-results__listing li .hs-search-results__text { max-width: 70%; width: auto; } } .hs-search-results__title { display: block; margin-bottom: 10px; color: RGB(var(--secondary)); } .hs-search-results__title:hover { color: RGB(var(--secondary)); opacity: 0.8; } .hs-search-results__description { color: RGB(var(--secondary)); } .hs-search-keyword:active, .hs-search-keyword:visited, .hs-search-keyword:focus, .hs-search-keyword:target, .hs-search-keyword:focus-visible, .hs-search-keyword:hover { color: RGB(var(--secondary)); } .hs-search-results__title:active, .hs-search-results__title:visited, .hs-search-results__title:focus, .hs-search-results__title:target, .hs-search-results__title:focus-visible { color: RGB(var(--secondary)); } .hs-search-results__read_more:active, .hs-search-results__read_more:visited, .hs-search-results__read_more:focus, .hs-search-results__read_more:target, .hs-search-results__read_more:focus-visible, .hs-search-results__read_more:hover { color: RGB(var(--secondary)); } .hs-search-highlight.hs-highlight-title, .hs-search-highlight.hs-highlight-html { color: RGB(var(--secondary)); background: yellow; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .js-scroll { opacity: 0; } .js-scroll.scrolled { opacity: 1; } .scrolled.fade-in { animation: fade-in 1s ease-in-out both; } .scrolled.fade-in-bottom { animation: fade-in-bottom 1s ease-in-out both; } .scrolled.fade-in-bottom-delayed { animation: fade-in-bottom 1.4s ease-in-out both; } .scrolled.fade-in-top { animation: fade-in-top 1s ease-in-out both; } .scrolled.slide-left { animation: slide-in-left 1s ease-in-out both; } .scrolled.slide-right { animation: slide-in-right 1s ease-in-out both; } @keyframes slide-in-left { 0% { transform: translateX(-100px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { transform: translateX(100px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-in-top { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @media (prefers-reduced-motion) { .js-scroll { opacity: 1; } .scrolled { animation: none !important; } } .aa-social-links { display: flex; flex-flow: row wrap; align-items: center; width: 100%; max-width: 100px; } .aa-social-links__icon { display: inline-flex; height: 40px; width: 40px; margin: 0 5px; position: relative; background-color: white; border-radius: 50%; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); transition: all var(--speed) var(--animation); } .aa-social-links__icon:hover, .aa-social-links__icon:focus { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); } .aa-social-links__icon svg { fill: RGB(var(--black)); height: 15px; 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: RGB(var(--black)); } .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: 10px 20px; margin-bottom: 15px; font-size: 16px; line-height: 16px; text-decoration: none; color: RGB(var(--white)); background-color: RGB(var(--secondary)); } .aa-tag:not(:last-of-type) { margin-right: 15px; } .aa-tag:hover, .aa-tag:active, .aa-tag:focus { text-decoration: none; color: RGB(var(--white)); background-color: RGB(var(--primary)); } .aa-tag--current { background-color: RGB(var(--primary)); color: RGB(var(--white)); } /* index tag filter */ .aa-article-cards__filter { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: var(--full-site-width); margin-left: auto; margin-right: auto; margin-bottom: 30px; } @media (min-width: 576px) { .aa-article-cards__filter { flex-direction: row; } } @media (min-width: 768px) { .aa-article-cards__filter { margin-bottom: 0; } } .aa-article-cards__filter select { cursor: pointer; appearance: none; min-width: 250px; margin-top: 15px; padding: 8px 36px 8px 18px; border: 1px solid RGB(var(--primary)); color: RGB(var(--white)); text-transform: uppercase; font-weight: var(--weight-600); font-size: 16px; line-height: 16px; background-color: RGB(var(--secondary)); background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5575 0.879883L5 4.31488L8.4425 0.879883L9.5 1.93738L5 6.43738L0.5 1.93738L1.5575 0.879883Z' fill='%23EE7203'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 10px auto; background-position: calc(100% - 15px) 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); } @media (min-width: 576px) { .aa-article-cards__filter select { margin-top: 0; } } .aa-article-cards__filter select:focus, .aa-article-cards__filter select:active { outline: 0; border: 1px solid RGB(var(--primary)); } .aa-article-cards__filter-secondary { display: none; } .aa-article-cards__filter-secondary.active { display: block; } .aa-youtube { background-color: RGB(var(--black)); position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .aa-youtube::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: RGB(var(--black)); opacity: .3; } .aa-youtube img, .aa-youtube iframe { position: absolute; } .aa-youtube img { width: 100%; height: auto; top: -16.84%; left: 0; } .aa-youtube iframe { z-index: 2; height: 100%; width: 100%; top: 0; left: 0; } .aa-play { appearance: none; border: 1px solid RGB(var(--primary)); border-radius: 50%; background-color: transparent; display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 100; transition: all var(--speed) ease; } .aa-play::before { position: relative; content: ''; display: block; width: 0; height: 0; margin-top: 2px; margin-left: 6px; border-style: solid; border-width: 17.5px 0 17.5px 23px; border-color: transparent transparent transparent RGB(var(--primary)); z-index: 100; } @media (min-width: 768px) { .aa-play { height: 80px; width: 80px; } .aa-play::before { border-width: 15px 0 15px 20px; } } .aa-play:hover { cursor: pointer; } .aa-video-container { position: relative; overflow: hidden; padding-bottom: 56.25%; } .aa-video-container video, .aa-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .aa-video-container--youtube { padding-bottom: 0; } .aa-video-thumbnail { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; opacity: 1; transition: opacity var(--speed) var(--animation); cursor: pointer; } .aa-video-thumbnail::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: RGBA(var(--black),0.5); } .aa-video-thumbnail.is-hidden { opacity: 0; visibility: hidden; } .aa-video-thumbnail .aa-play { pointer-events: none; } /* Cookiebot consent */ .aa-video-container, .hs-embed-wrapper { position: relative; } .aa-video-consent-error { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; color: #fff; font-size: 16px; line-height: 20px; background-color: #1D4459; } .aa-video-consent-error p { color: inherit; font-size: inherit; } .aa-video-consent-error a { display: block; margin-top: 5px; font-weight: 700; } .aa-video-consent-error__inner { width: 100%; max-width: calc(var(--full-site-width) / 12 * 4); position: relative; padding: 20px; text-align: center; z-index: 2; } .aa-video-consent-error .aa-play { position: absolute; top: 50%; border-color: RGB(var(--secondary)); z-index: 1; } .aa-video-consent-error .aa-play::before { border-color: transparent transparent transparent RGB(var(--secondary)); } .aa-site-header { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: var(--header-height); padding-left: var(--padding); padding-right: var(--padding); z-index: 100; transition: all var(--speed) var(--animation); background-color: RGB(var(--secondary)); } .aa-site-header.is-sticky { padding-bottom: 0; } @media (min-width: 992px) { .aa-site-header.is-sticky { height: var(--sticky-header-height); justify-content: center; box-shadow: 0 0 20px 0 rgba(0,0,0,.4); } } @media (min-width: 1200px) { .aa-site-header { justify-content: flex-end; height: var(--header-height-xl); padding-bottom: 30px; } } .js-nav-open .aa-site-header { background-color: transparent; box-shadow: none; } .aa-site-header--landing-page { position: relative; } .aa-site-header--landing-page .aa-branding { margin-left: auto; margin-right: auto; } .aa-site-header__inner { display: flex; align-items: center; justify-content: center; width: 100%; } @media (min-width: 992px) { .aa-site-header__inner { justify-content: flex-end; max-width: var(--full-site-width); margin-left: auto; margin-right: auto; } .aa-site-header.is-sticky .aa-site-header__inner { align-items: center; } } .aa-branding { display: block; width: 100%; max-width: 96px; transition: all var(--speed) var(--animation); } @media (min-width: 1200px) { .aa-branding { max-width: 150px; } } .aa-branding a { display: block; } .aa-branding svg { display: block; width: 100%; } .aa-branding svg path, .aa-branding svg rect { fill: RGB(var(--white)); } .aa-branding svg .cotes-logo-letter { fill: RGB(var(--secondary)); } .ie .aa-branding { margin-left: 0; margin-right: 0; } .aa-site-header.is-sticky .aa-branding { max-width: 96px; } .aa-site-header .aa-navigation-container { display: flex; align-items: center; flex: 0 1 auto; margin-left: auto; margin-right: auto; } .aa-site-header .aa-navigation-container:last-child { justify-content: flex-end; } .aa-site-header .aa-navigation-container.aa-navigation-container-secondary { margin-right: 0; } @media (min-width: 992px) { .aa-site-header .aa-navigation-container { margin-left: 65px; } .aa-site-header .aa-navigation-container.aa-navigation-container-secondary { margin-left: auto; margin-right: 0; } } .aa-site-header__hamburger, .languge-mobile-menu { position: absolute; right: var(--padding); top: 50%; transform: translateY(-50%); } @media (min-width: 1200px) { .aa-site-header__hamburger, .languge-mobile-menu { position: static; margin-left: 50px; transform: none; } } .languge-mobile-menu { right: 110px; } .search-mobile-menu { position: absolute; right: 70px; top: 50%; transform: translateY(-50%); } .search-mobile-menu .hs-search-field.active { bottom: -65px; right: -30px; } @media (min-width: 576px) { .search-mobile-menu .hs-search-field.active { right: 0px; } } .search-mobile-menu svg { width: 21px; height: 21px; top: 3px; } /* Header on white background */ .aa-bg-white .aa-site-header { background-color: RGB(var(--white)); } .aa-bg-white .aa-branding svg path, .aa-bg-white .aa-branding svg rect { fill: RGB(var(--secondary)); } .aa-bg-white .aa-branding svg .cotes-logo-letter { fill: RGB(var(--white)); } .aa-bg-white .aa-site-header.is-sticky { color: RGB(var(--white)); background-color: RGB(var(--secondary)); } .aa-bg-white .aa-site-header.is-sticky .aa-branding svg path, .aa-bg-white .aa-site-header.is-sticky .aa-branding svg rect { fill: RGB(var(--white)); } .aa-bg-white .aa-site-header.is-sticky .aa-branding svg .cotes-logo-letter { fill: RGB(var(--secondary)); } .aa-site-footer { position: relative; width: 100%; color: RGB(var(--text-dark)); background-color: RGB(var(--white)); padding-top: 180px; margin-top: 160px; } .aa-site-footer .aa-footer__title { margin-bottom: 10px; font-size: 16px; line-height: 20px; font-weight: var(--weight-700);; text-transform: uppercase; color: RGB(var(--primary)); } .aa-site-footer-primary { max-width: 1680px; padding-left: 20px; padding-right: 20px; margin: 0 auto; } @media (min-width: 992px) { .aa-site-footer .aa-footer__title { font-size: 20px; line-height: 25px; color: RGB(var(--primary)); } .aa-site-footer-primary { padding-left: 35px; padding-right: 35px; } } .aa-site-footer-primary__inner { max-width: var(--full-site-width); margin: 0 auto; padding-top: 75px; padding-bottom: 75px; } .aa-site-footer-primary__body { display: flex; flex-wrap: wrap; flex-direction: column; gap: 30px; justify-content: space-between; } @media (min-width: 768px) { .aa-site-footer-primary__body { flex-direction: row; } } .aa-site-footer-primary__inner .footer-info { margin-top: 35px; } .aa-site-footer-primary__inner .footer-info, .aa-site-footer-primary__inner .footer-some { display: flex; flex-direction: column; justify-content: center; } .aa-site-footer-primary__inner .footer-info .aa-social-links__icon svg , .aa-site-footer-primary__inner .footer-some .aa-social-links__icon svg { fill: RGB(var(--primary)); } .aa-site-footer__column { display: flex; gap: 45px; } .aa-site-footer__column a { color: inherit; text-decoration: none; } .aa-site-footer__column a:hover { text-decoration: underline; } /* footer secondary */ .aa-site-footer-secondary { max-width: 1680px; padding-left: 35px; padding-right: 35px; margin: 0 auto; } .aa-site-footer-secondary-border { border-top: 1px solid #404040; } .aa-site-footer-secondary-inner { max-width: var(--full-site-width); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 60px; padding-top: 45px; padding-bottom: 45px; } .aa-site-footer-secondary__body { display: flex; align-items: center; gap: 30px; } .aa-site-footer-secondary__body a { text-decoration: none; color: RGB(var(--dark)); font-size: 17px; font-weight: 400; line-height: normal; } .aa-site-footer-secondary__body a:hover { text-decoration: underline; } /* footer form */ .footer-form { position: absolute; z-index: 8; top: -140px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1680px; padding-left: 20px; padding-right: 20px; margin: 0 auto; background: transparent; } .footer-form-inner { background: RGB(var(--secondary)); padding: 35px 20px; } .footer-form-content { width: 100%; max-width: calc(var(--full-site-width) / 12 * 10); margin: 0 auto; display: flex; flex-direction: column; gap: 30px; } .footer-form__header { width: 100%; color: RGB(var(--white)); } .footer-form__body { width: 100%; color: RGB(var(--white)); } @media (min-width: 992px) { .footer-form { flex-direction: row; justify-content: space-between; gap: 60px; padding-left: 35px; padding-right: 35px; } .footer-form-inner { padding: 85px 35px; } .footer-form-content { flex-direction: row; justify-content: space-between; gap: 60px; } .footer-form__header { max-width: calc(var(--full-site-width) / 12 * 4); } .footer-form__body { max-width: calc(var(--full-site-width) / 12 * 5); } } .footer-form__body .hs-form { position: relative; } .footer-form__body .hs-form-field>label { display: none; } .footer-form__body .form-title { display: none; } .footer-form__body .hs-input[type=checkbox] { height: auto; } .footer-form__body .hs-submit input[type=submit] { height: 60px; padding: 0; padding-left: 60px; padding-right: 60px; } @media (min-width: 768px) { .footer-form__body .hs_submit.hs-submit { position: absolute; top: 5px; right: 5px; bottom: 5px; margin: 0; } .footer-form__body .hs-submit input[type=submit] { height: 50px; } .footer-form__body .hs-input { padding-left: 35px; } .footer-form__body .legal-consent-container .hs-form-booleancheckbox-display input { padding-left: 0; } } .footer-form__body .hs-input::placeholder { color: #837D7A; opacity: 1; font-size: 16px; font-weight: 600; line-height: normal; text-transform: uppercase; } .footer-form__body .hs-input.invalid.error { background: RGB(var(--white)); } .footer-form form .inputs-list.multi-container label span, .footer-form form .hs-form-booleancheckbox label span, .footer-form__body ul.hs-error-msgs label { color: RGB(var(--white)); } .aa-site-footer .footer-form-inner { background-color: #1D4459; } .aa-site-footer .footer-form-inner .footer-form-content { max-width: 1440px; } /* Landing page */ .aa-site-footer--landing-page { background-color: RGB(var(--white)); } .aa-site-footer--landing-page .aa-site-footer__inner { display: flex; align-items: center; justify-content: center; } .aa-accordion-item { margin-bottom: 20px; } .aa-accordion-item:last-of-type { margin-bottom: 0; } @media (min-width: 768px) { .aa-accordion-item__header, .aa-accordion-item__body { padding-left: calc(var(--full-site-width) / 12 * 0.25); padding-right: calc(var(--full-site-width) / 12 * 0.25); } } .aa-accordion-item__header { position: relative; padding-top: 20px; padding-bottom: 20px; padding-right: 60px; cursor: pointer; user-select: none; } .aa-accordion-item__header::before, .aa-accordion-item__header::after { content: ""; position: absolute; right: 15px; top: calc(50% - 1px); width: 20px; height: 2px; background-color: RGB(var(--white)); } .aa-accordion-item__header::after { transform: rotate(90deg); transition: transform .5s ease; } .aa-accordion-item__header.is-active::before { display: none; } .aa-accordion-item__header.is-active::after { transform: rotate(180deg); } .aa-accordion-item__body { display: none; max-width: calc(var(--full-site-width) / 12 * 6); padding-bottom: 40px; } .aa-accordion-item.aa-bg-light .aa-accordion-item__header:after, .aa-accordion-item.aa-bg-white .aa-accordion-item__header:after { background-color: RGB(var(--black)); } .aa-accordion-item.aa-bg-light .aa-accordion-item__header::before, .aa-accordion-item.aa-bg-white .aa-accordion-item__header::before { background-color: RGB(var(--black)); } .aa-banner { display: none; position: absolute; top: 100%; left: 0; right: 0; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.5); z-index: -1; animation: banner 0.75s ease forwards; } .aa-banner.is-visible { display: flex; } .aa-banner__body { width: 100%; margin: 0; padding: 10px var(--padding); } @media (min-width: 768px) { .aa-banner__body { padding: 15px 30px; text-align: right; } } .aa-banner a.aa-banner__button { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; padding: 10px var(--padding); font-size: 16px; line-height: 20px; font-weight: var(--weight-600); text-decoration: none; color: var(--white); cursor: pointer; } @media (min-width: 768px) { .aa-banner__button { width: 30%; justify-content: flex-start; padding: 15px 40px; font-size: 18px; line-height: 23px; } } @media (min-width: 1200px) { .aa-banner__button { width: 35%; padding-left: 60px; } } @keyframes banner { 0% { opacity: 0; } 100% { opacity: 1; } } .aa-banner--no-scroll { display: flex; z-index: 12; position: fixed; top: 160px; transition: all ease-in-out 0.1s; } .aa-banner--no-scroll.is-sticky { top: 70px; } .aa-big-columns .aa-column { width: 100%; } .aa-big-columns .aa-column--image { position: relative; padding: 18px; display: flex; justify-content: flex-end; } @media (min-width: 992px) { .aa-big-columns .aa-inner { max-width: 1680px; } .aa-big-columns .aa-column--image { padding: 36px; } } @media (min-width: 1200px) { .aa-big-columns .aa-column--text { padding: calc(var(--full-site-width) / 12 * 0.5); } } @media (min-width: 1440px) { .aa-big-columns .aa-column--text { max-width: calc(100% / 12 * 4.5); } .aa-big-columns .aa-column--image { max-width: calc(100% / 12 * 7.5); } } @media (min-width: 1600px) { .aa-big-columns .aa-column--text { padding: calc(var(--full-site-width) / 12); } } .aa-big-columns .aa-columns__body:nth-of-type(even) .aa-column--image { justify-content: flex-start; } .aa-big-columns .aa-columns__body:nth-of-type(even) .aa-column--image .aa-image-logo { bottom: 0; left: auto; right: 0; } .aa-big-columns .aa-columns__body:nth-of-type(even) .aa-column--image .aa-image-logo--spaced { margin-bottom: 20px; margin-left: auto; margin-right: 20px; } .aa-big-columns .aa-fact-box { margin-top: auto; } .aa-big-columns .aa-image-logo { position: absolute; bottom: 0; left: 0; z-index: 3; max-width: 84px; } .aa-big-columns .aa-image-logo--spaced { margin-bottom: 20px; margin-left: 20px; } @media (min-width: 576px) { .aa-big-columns .aa-columns__body:nth-of-type(even) .aa-column--image .aa-image-logo--spaced { margin-bottom: 36px; margin-left: auto; margin-right: 36px; } .aa-big-columns .aa-image-logo { max-width: 132px; } .aa-big-columns .aa-image-logo--spaced { margin-bottom: 36px; margin-left: 36px; } } .aa-columns--reversed .aa-columns__body:nth-of-type(odd) .aa-column--image { justify-content: flex-start; } .aa-columns--reversed .aa-columns__body:nth-of-type(odd) .aa-column--image .aa-image-logo { right: 0; left: auto; } .aa-columns--reversed .aa-columns__body:nth-of-type(odd) .aa-column--image .aa-image-logo--spaced { margin-left: auto; margin-right: 20px; } .aa-columns--reversed .aa-columns__body:nth-of-type(even) .aa-column--image { justify-content: flex-end; } .aa-columns--reversed .aa-columns__body:nth-of-type(even) .aa-column--image .aa-image-logo { right: auto; left: 0; } .aa-columns--reversed .aa-columns__body:nth-of-type(even) .aa-column--image .aa-image-logo--spaced { margin-left: 20px; margin-right: auto; } @media (min-width: 576px) { .aa-columns--reversed .aa-columns__body:nth-of-type(odd) .aa-column--image .aa-image-logo--spaced { margin-left: auto; margin-right: 36px; } .aa-columns--reversed .aa-columns__body:nth-of-type(even) .aa-column--image .aa-image-logo--spaced { margin-left: 36px; margin-right: auto; } } .aa-blog-header { width: 100%; } .aa-blog-header__inner { display: flex; flex-direction: column; width: 100%; padding-left: var(--padding); padding-right: var(--padding); padding-top: 60px; padding-bottom: 30px; } @media (min-width: 992px) { .aa-blog-header__inner { max-width: var(--full-site-width); margin-left: auto; margin-right: auto; padding-top: 80px; } } @media (min-width: 1440px) { .aa-blog-header__inner { padding-left: 0; padding-right: 0; padding-top: 100px; padding-bottom: 40px; } } .aa-boxes { padding-left: 20px; padding-right: 20px; } .aa-boxes .aa-inner { max-width: var(--full-site-width); margin-left: auto; margin-right: auto; } .aa-boxes__body { max-width: var(--full-site-width); width: 100%; display: flex; flex-direction: column; } .aa-box { display: flex; flex-direction: column; max-width: calc(var(--full-site-width) / 12 * 6); width: 100%; position: relative; margin-bottom: 20px; } @media (min-width: 768px) { .aa-boxes__body { flex-direction: row; } .aa-box { margin-bottom: 0; } } @media (min-width: 992px) { .aa-box { display: block; min-height: 480px; } } .aa-box:hover .aa-box-image-container { transition: all 0.4s; transform: scale(1.3); } .aa-box:last-child { margin-bottom: 0; } .aa-box__image { overflow: hidden; width:100%; height: 280px; min-height: 280px; } @media (min-width: 768px) { .aa-box__image { height: 100%; min-height: 480px; } } .aa-box-image-container { width:100%; height: 100%; transition: all 0.4s; } .aa-box__text { display: block; max-width: 100%; padding: 30px; left: 20px; right: 20px; bottom: -30px; color: RGB(var(--black)); background-color: RGB(var(--white)); } @media (min-width: 768px) { .aa-box__text { position: absolute; max-width: calc(var(--full-site-width) / 12 * 3.5); } } @media (min-width: 992px) { .aa-box__text { left: 40px; right: 40px; bottom: -50px; } } .aa-box__text .aa-subheading { margin-bottom: 5px; } .aa-box__text .aa-title { margin-bottom: 20px; } .aa-box__footer { margin-top: 30px; } .aa-calculator { padding-left: 20px; padding-right: 20px; transition: opacity var(--speed) var(--animation); } .aa-calculator .is-hidden { opacity: 0; visibility: hidden; pointer-events: none; } .aa-calculator .aa-inner { position: relative; max-width: none; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.8); } .aa-calculator .aa-content { position: relative; padding: 0; background-color: RGBA(var(--secondary), 0.8); } .aa-calculator.aa-calculator--intro .aa-content { background-color: transparent; } .aa-calculator .aa-bg-image-container::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient( 284.28deg, rgba(23, 40, 52, 0.6) 19.6%, rgba(23, 40, 52, 0) 34.24% ), linear-gradient( 129.44deg, rgba(23, 40, 52, 0.688) 24.26%, rgba(23, 40, 52, 0.366875) 55.67%, rgba(23, 40, 52, 0) 74.95% ); } .aa-calculator #aaCalculatorClose { position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; opacity: 0.6; z-index: 1; } @media (min-width: 992px) { .aa-calculator #aaCalculatorClose { right: 32px; top: 32px; } } .aa-calculator #aaCalculatorClose:hover { opacity: 1; } .aa-calculator #aaCalculatorClose::before, .aa-calculator #aaCalculatorClose::after { position: absolute; left: 15px; content: " "; height: 33px; width: 2px; background-color: RGB(var(--white)); } .aa-calculator #aaCalculatorClose::before { transform: rotate(45deg); } .aa-calculator #aaCalculatorClose::after { transform: rotate(-45deg); } /* Steps */ .aa-calculator__step { display: none; visibility: hidden; opacity: 0; padding-left: 20px; padding-right: 20px; transition: all var(--speed) var(--animation); padding-top: 60px; } @media (min-width: 992px) { .aa-calculator__step { padding-top: 80px; } } @media (min-width: 1440px) { .aa-calculator__step { padding-top: 100px; } } .aa-calculator__step.is-active { display: block; visibility: visible; opacity: 1; } .aa-calculator__step__inner { display: flex; flex-direction: column; align-items: center; max-width: calc(var(--full-site-width) / 12 * 10); margin-left: auto; margin-right: auto; } .aa-calculator__step__header, .aa-calculator__step__body { width: 100%; } .aa-calculator__step__header { max-width: calc(var(--full-site-width) / 12 * 5); margin-bottom: 55px; text-align: center; } /* Fields */ .calculator-select option { color: #000000; } .aa-calculator__field { position: relative; } .aa-calculator__field label { display: block; margin-bottom: 10px; font-size: 16px; line-height: 20px; font-weight: var(--weight-600); text-transform: uppercase; color: RGB(var(--primary)); margin: 0; color: inherit; } .aa-calculator__field > label { margin-bottom: 35px; padding-right: 40px; } @media (min-width: 576px) { .aa-calculator__field > label { padding-right: 0; } } .aa-calculator__field select { appearance: none; min-width: 140px; border: 1px solid RGB(var(--white)); padding: 5px 36px 5px 15px; color: RGB(var(--white)); line-height: 1; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.950465 0L4.04453 3.08733L7.1386 0L8.08907 0.950465L4.04453 4.995L0 0.950465L0.950465 0Z' fill='%23EE7203'/%3E%3C/svg%3E%0A"); background-position: calc(100% - 15px) center; background-repeat: no-repeat; } .aa-calculator__field input[type="range"] { display: block; appearance: none; width: 100%; height: 6px; border-radius: 3px; background: RGB(var(--white)); cursor: pointer; } .aa-calculator__field input[type="range"]:focus { outline: none; } .aa-calculator__field input[type="range"]::-moz-range-thumb { appearance: none; height: 30px; width: 30px; border-radius: 50%; background: RGB(var(--primary)); cursor: pointer; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.4); } .aa-calculator__field input[type="range"]::-webkit-slider-thumb { appearance: none; height: 30px; width: 30px; border-radius: 50%; background: RGB(var(--primary)); cursor: pointer; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.4); } .aa-calculator__field--select { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px 25px; } @media (min-width: 576px) { .aa-calculator__field--select { flex-direction: row; } } @media (min-width: 992px) { .aa-calculator__field--select { justify-content: flex-start; } } .aa-calculator__field--select > label { margin: 0; padding: 0; } .aa-calculator__field--range > label { margin-bottom: 65px; } @media (min-width: 1200px) { .aa-calculator__field--range > label { margin-bottom: 55px; } } .aa-calculator__field--range .aa-calculator__field__input { position: relative; max-width: 850px; margin-left: auto; margin-right: auto; } .aa-calculator__field--range .aa-calculator__input__value-labels { display: flex; align-items: center; justify-content: space-between; } .aa-calculator__field--range .aa-calculator__input__value-labels > div, output { margin-top: 25px; line-height: 1; } .aa-calculator__field--range .aa-calculator__field__max-value { text-align: right; } .aa-calculator__field--range .aa-calculator__field__current-value { position: absolute; bottom: calc(100% + 22px); margin: 0; width: 200px; text-align: center; color: inherit; transform: translateX(-50%); } @media (min-width: 576px) { .aa-calculator__field--radio { display: flex; align-items: center; column-gap: 35px; } } .aa-calculator__field--radio > label { margin-bottom: 20px; } @media (min-width: 576px) { .aa-calculator__field--radio > label { margin: 0; } } .aa-calculator__field--radio ul { display: flex; flex-direction: column; gap: 10px 30px; padding: 0; margin: 0; } @media (min-width: 576px) { .aa-calculator__field--radio ul { flex-direction: row; align-items: center; } } .aa-calculator__field--radio ul li { position: relative; margin: 0; display: flex; align-items: center; line-height: 1em; } .aa-calculator__field--radio ul li label { line-height: inherit; } .aa-calculator__field--radio input { display: block; position: absolute; top: 0; left: 0; height: 1em; width: 1em; opacity: 0; cursor: pointer; } .aa-calculator__field--radio input + span, .aa-calculator__field--radio input + span:before { width: 1em; height: 1em; } .aa-calculator__field--radio input + span { display: flex; margin-right: 10px; border-radius: 50%; background-color: RGB(var(--white)); } .aa-calculator__field--radio input:checked + span:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.454.808L8.718.05A.158.158 0 008.601 0a.152.152 0 00-.117.05L3.388 5.193 1.534 3.335a.165.165 0 00-.117-.05.165.165 0 00-.117.05l-.744.745a.167.167 0 000 .239l2.34 2.343c.15.15.334.239.488.239.222 0 .414-.163.485-.23h.004l5.585-5.625c.058-.07.058-.176-.004-.238z' fill='%23EE7203'/%3E%3C/svg%3E"); padding-top: 2px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: center; } .aa-calculator__tooltip { position: absolute; top: 15px; right: 15px; width: 25px; height: 25px; border: 1px solid RGB(var(--white)); border-radius: 50%; cursor: help; } .aa-calculator__tooltip::before { content: "?"; display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; padding-right: 2px; font-size: 20px; line-height: 25px; color: RGB(var(--primary)); font-weight: var(--weight-700); } .aa-calculator__tooltip > div { position: absolute; top: calc(100% + 12px); right: 0; width: 300px; max-width: calc(100vw - 80px); padding: 15px; background-color: RGB(var(--secondary)); box-shadow: var(--box-shadow); visibility: hidden; opacity: 0; transition: all var(--speed) var(--animation); z-index: 1; } @media (min-width: 576px) { .aa-calculator__tooltip > div { top: -10px; right: calc(100% + 12px); } } .aa-calculator__tooltip > div::before { content: ""; position: absolute; top: 0; right: 12px; width: 0; height: 0; border-style: solid; border-width: 0px 5px 5px 5px; border-color: transparent transparent RGB(var(--secondary)) transparent; transform: translateY(-100%) translateX(50%); } @media (min-width: 576px) { .aa-calculator__tooltip > div::before { top: 16px; left: 100%; right: auto; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent RGB(var(--secondary)); transform: none; } } .aa-calculator__tooltip:hover > div, .aa-calculator__tooltip:focus > div { visibility: visible; opacity: 1; } /* Results */ .aa-calculator__results { margin-top: 65px; } .aa-calculator__results .aa-label { color: inherit; } .aa-calculator__results ul { width: 100%; display: flex; flex-direction: column; gap: 3px; padding: 0; margin: 0; } @media (min-width: 768px) { .aa-calculator__results ul { flex-direction: row; } } .aa-calculator__results ul li { flex: 1 1 100%; margin: 0; padding: 20px; list-style: none; text-align: right; background-color: RGBA(var(--white), 0.1); box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25); } .aa-calculator__results ul li > div { margin: 0; text-transform: none; } .aa-calculator__results ul li > div span { transition: all var(--speed) var(--animation); opacity: 1; } .aa-calculator__results ul li > div span.is-calculating { opacity: 0.1; } @media (min-width: 768px) { .aa-calculator__results ul li { flex: 1 0 50%; padding: 40px 45px; } } .aa-calculator__step--report .aa-calculator__step__body { box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25); } @media (min-width: 992px) { .aa-calculator__step--report .aa-calculator__step__body { display: flex; } } /* Chart */ .aa-calculator__chart { position: relative; padding: 50px 20px 40px; background-color: RGBA(var(--white), 0.1); } @media (min-width: 768px) { .aa-calculator__chart { padding: 35px 75px; } } @media (min-width: 992px) { .aa-calculator__chart { display: flex; flex-direction: column; width: 45%; } } .aa-calculator__chart:first-child { background-color: RGBA(var(--white), 0.05); } @media (min-width: 992px) { .aa-calculator__chart:first-child { width: 55%; } } .aa-calculator__chart:first-child .aa-calculator__field--select { flex-wrap: wrap; flex-direction: column; align-items: flex-start; } @media (min-width: 768px) { .aa-calculator__chart:first-child .aa-calculator__field--select { flex-direction: row; align-items: center; justify-content: flex-start; } } .aa-calculator__chart:first-child .aa-calculator__field--select select { width: 200px; } .aa-calculator__chart .aa-label { color: inherit; } .aa-calculator__chart > .aa-label { margin-bottom: 35px; padding-right: 40px; } @media (min-width: 768px) { .aa-calculator__chart > .aa-label { padding-right: 0; } } .aa-calculator__chart .aa-calculator__field { padding: 20px; background-color: RGBA(var(--white), 0.1); } @media (min-width: 768px) { .aa-calculator__chart .aa-calculator__field { margin-top: auto; min-height: 80px; padding: 25px 40px; } } #annualEnergyCostChartGroup { position: relative; } .aa-calculator__chart-wrapper { position: relative; margin-top: 30px; transition: opacity var(--speed) var(--animation); } .aa-calculator__chart-wrapper canvas { height: 370px; } @media (min-width: 768px) { .aa-calculator__chart-wrapper canvas { height: 430px; } } .aa-calculator__chart-wrapper.is-hidden { position: absolute; visibility: hidden; width: 100%; opacity: 0; } /* Footer */ .aa-calculator__footer { margin-top: 30px; } .aa-calculator.is-intro .aa-calculator__footer { margin-top: 60px; } .aa-calculator__buttons { display: flex; justify-content: center; align-items: center; column-gap: 3px; margin-bottom: 60px; padding-left: 20px; padding-right: 20px; } .aa-calculator__buttons .aa-button { flex: 0 0 50%; justify-content: center; text-align: center; } @media (min-width: 768px) { .aa-calculator__buttons .aa-button { flex: 0 0 auto; min-width: 210px; } } @media (min-width: 1200px) { .aa-calculator__buttons { margin-bottom: 90px; } } /* Progress indicator */ .aa-calculator__progress { position: relative; background-color: RGB(var(--secondary)); } .aa-calculator__progress .aa-separator { position: absolute; top: 0; left: 0; right: 0; height: 1px; } .aa-calculator__progress button { padding: 0; flex: 0 0 auto; display: flex; justify-content: center; width: 24px; height: 24px; border: 3px solid RGB(var(--white)); border-radius: 50%; text-align: center; background-color: RGB(var(--white)); opacity: 0.3; transition: all var(--speed) var(--animation); } .aa-calculator__progress button.is-active, .aa-calculator__progress button.is-complete { background-color: RGB(var(--primary)); opacity: 1; } .aa-calculator__progress button span { display: block; margin-top: -40px; margin-bottom: 20px; white-space: nowrap; color: RGB(var(--white)); } .aa-calculator__progress button + div { flex: 1 1 auto; height: 2px; background: RGBA(var(--white), 0.3); transition: all var(--speed) var(--animation); } .aa-calculator__progress button.is-active + div { background: linear-gradient( 90deg, RGBA(var(--white), 1) 0%, RGBA(var(--white), 0.3) ); } .aa-calculator__progress button.is-complete + div { background: RGB(var(--white)); } .aa-calculator__progress__inner { display: flex; align-items: center; justify-content: center; max-width: 630px; margin-left: auto; margin-right: auto; padding-top: 100px; padding-bottom: 50px; padding-left: 40px; padding-right: 40px; } /* Modifiers */ .aa-calculator.is-intro .aa-content { background-color: transparent; } .aa-calculator.is-intro #calcStepBack { display: none; } .aa-calculator.is-intro .aa-calculator__progress { background-color: transparent; } .aa-calculator.is-intro .aa-calculator__progress .aa-separator { top: auto; bottom: 0; height: 5px; } .aa-calculator.is-intro .aa-calculator__progress__inner { padding-top: 40px; padding-bottom: 80px; } .aa-calculator__step--intro { position: relative; padding-top: 80px; } @media (min-width: 992px) { .aa-calculator__step--intro { padding-top: 120px; } } @media (min-width: 1440px) { .aa-calculator__step--intro { padding-top: 200px; } } .aa-calculator__step--intro .aa-calculator__step__inner { max-width: calc(var(--full-site-width) / 12 * 8); } .aa-calculator__step--intro .aa-title strong { font-size: 0.5em; color: RGB(var(--primary)); } .aa-calculator__step--intro .aa-calculator__step__header { max-width: none; margin-bottom: 30px; text-align: center; } .aa-calculator__step--intro .aa-calculator__step__body { max-width: 520px; text-align: center; } .aa-calculator__step--data .aa-calculator__field { margin-bottom: 25px; padding: 20px; } .aa-calculator__step--data .aa-calculator__field--range { background-color: RGBA(var(--white), 0.1); box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25); } @media (min-width: 768px) { .aa-calculator__step--data .aa-calculator__field { padding: 35px 80px; } } .aa-calculator__step--form .aa-calculator__step__body { padding-top: 60px; padding-bottom: 45px; background-color: RGBA(var(--white), 0.1); box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25); } @media (min-width: 992px) { .aa-calculator__step--form .aa-calculator__step__body { padding-top: 80px; } } @media (min-width: 1440px) { .aa-calculator__step--form .aa-calculator__step__body { padding-top: 100px; } } .aa-calculator__step--form .aa-calculator__step__body__inner { max-width: 650px; margin-left: auto; margin-right: auto; padding: 0 20px; } .aa-calculator__step--form form { margin-top: 35px; } .aa-calculator__step--form .submitted-message { text-align: center; } .aa-calculator__step--form .submitted-message p { font-weight: var(--weight-600); text-transform: uppercase; } .aa-calculator__step--form .submitted-message p:first-child:not(:only-child) { font-size: 28px; line-height: 28px; text-transform: uppercase; font-weight: var(--weight-700); margin: 0; margin-bottom: 40px; } @media (min-width: 768px) { .aa-calculator__step--form .submitted-message p:first-child:not(:only-child) { margin-bottom: 65px; } } @media (min-width: 992px) { .aa-calculator__step--form .submitted-message p:first-child:not(:only-child) { font-size: 53px; line-height: 45px; } } @media (min-width: 1200px) { .aa-calculator__step--form .submitted-message p:first-child:not(:only-child) { font-size: 53px; line-height: 45px; } } .aa-calculator .hs-form .hs-form-field:not(.hs-fieldtype-select) > label { font-weight: var(--weight-400); } .aa-calculator .hs-form .hs-input { appearance: none; min-width: 140px; border: 1px solid RGB(var(--white)); padding: 5px 36px 5px 15px; color: RGB(var(--white)); line-height: 1; background-color: transparent; background-image: svg-url(%27%27); background-position: calc(100% - 15px) center; background-repeat: no-repeat; border: 1px solid RGB(var(--white)); color: RGB(var(--white)); background-color: transparent; } .aa-calculator .hs-form .hs-input:focus { border-bottom-width: 5px; } .aa-calculator .hs-form .hs-fieldtype-select { display: flex; flex-direction: column; gap: 20px 30px; padding: 20px; background-color: RGBA(var(--white), 0.1); } @media (min-width: 576px) { .aa-calculator .hs-form .hs-fieldtype-select { flex-direction: row; justify-content: center; align-items: center; padding: 30px 20px; } } .aa-calculator .hs-form .hs-fieldtype-select > label { display: block; margin-bottom: 10px; font-size: 16px; line-height: 20px; font-weight: var(--weight-600); text-transform: uppercase; margin: 0; color: inherit; } .aa-calculator .hs-form .hs-fieldtype-select .hs-input { width: 190px; min-width: 140px; height: 30px; border: 1px solid RGB(var(--white)); } .aa-calculator .hs-form .hs-fieldtype-select .hs-input:focus { border-bottom-width: 3px; } .aa-calculator .hs-fieldtype-select { display: flex; flex-direction: column; gap: 20px 30px; padding: 20px; background-color: RGBA(var(--white), 0.1); } @media (min-width: 576px) { .aa-calculator .hs-fieldtype-select { flex-direction: row; justify-content: center; align-items: center; padding: 30px 20px; } } .aa-calculator .hs-fieldtype-select > label { display: block; margin-bottom: 10px; font-size: 16px; line-height: 20px; font-weight: var(--weight-600); text-transform: uppercase; color: RGB(var(--primary)); margin: 0; color: inherit; } @media (min-width: 992px) { .aa-calculator .hs-form .hs-fieldtype-select > label, .aa-calculator .hs-fieldtype-select > label { margin-bottom: 15px; } } .aa-calculator .hs-fieldtype-select .hs-input { appearance: none; min-width: 140px; border: 1px solid RGB(var(--white)); padding: 5px 36px 5px 15px; color: RGB(var(--white)); line-height: 1; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.950465 0L4.04453 3.08733L7.1386 0L8.08907 0.950465L4.04453 4.995L0 0.950465L0.950465 0Z' fill='%23EE7203'/%3E%3C/svg%3E%0A"); background-position: calc(100% - 15px) center; background-repeat: no-repeat; width: 190px; min-width: 140px; height: 30px; border: 1px solid RGB(var(--white)); } .aa-calculator .hs-fieldtype-select .hs-input:focus { border-bottom-width: 3px; } .aa-calculator .hs-form .hs-submit input { max-width: 400px; margin-left: auto; margin-right: auto; } .aa-calculator--popup { display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; max-height: 100vh; height: 100vh; padding: 40px 10px 20px; z-index: 150; overflow-y: auto; background-color: RGBA(var(--secondary), 0.9); } @media (min-width: 768px) { .aa-calculator--popup { padding-left: 20px; padding-right: 20px; } } .aa-calculator--popup .aa-inner { background-color: RGBA(var(--secondary)); } .aa-calculator--popup .aa-content { overflow: hidden; } .aa-calculator.cc-calculator form .hs-form-field.hs-recaptcha { align-items: flex-start; margin-top: 1.4rem; } .aa-calculator.cc-calculator form .hs_submit.hs-submit { text-align: center; } .aa-cards--carousel { padding-left: var(--padding); padding-right: var(--padding); } .aa-cards--carousel .aa-inner { display: block; } .aa-cards--carousel .aa-cards__header { width: 100%; margin-bottom: 50px; } .aa-cards--carousel .aa-cards__header .aa-title { max-width: calc(var(--full-site-width) / 12 * 4.5); margin-left: auto; margin-right: auto; margin-bottom: 0; } .aa-cards--carousel .aa-cards__header .aa-cards__header__content { max-width: calc(var(--full-site-width) / 12 * 7); margin-top: 20px; } .aa-cards--carousel .aa-cards__header .aa-button { margin-top: 40px; } @media (min-width: 992px) { .aa-cards--carousel .aa-cards__header .aa-title { margin-left: 0; } .aa-cards--carousel .aa-cards__header .aa-button { margin-top: 50px; } } @media (min-width: 1440px) { .aa-cards--carousel .aa-cards__header { max-width: calc(var(--full-site-width) / 12 * 10); margin-left: 0; } } .aa-cards--carousel .aa-card__header { position: relative; padding-bottom: 0; } .aa-cards--carousel .aa-card__body { padding: 32px 0 0; color: inherit; background-color: transparent; } .aa-cards--carousel .aa-card__body p:last-of-type { margin-bottom: 0; } .aa-cards--carousel .aa-card__body h5.aa-subheading { margin-bottom: 5px; text-transform: uppercase; } .aa-cards--carousel .aa-card__body a.aa-subheading { margin-top: 5px; text-decoration: none; } .aa-cards--products { padding-left: 20px; padding-right: 20px; } .aa-cards--products .aa-inner { flex-direction: column; } .aa-cards--products .aa-cards__header { width: 100%; border-bottom: 1px solid RGB(var(--light)); margin-bottom: 40px; padding-bottom: 20px; } .aa-cards--products .aa-cards__header .aa-title { max-width: calc(var(--full-site-width) / 12 * 4.5); margin-left: auto; margin-right: auto; margin-bottom: 0; } @media (min-width: 992px) { .aa-cards--products .aa-cards__header .aa-title { margin-left: 0; } } .aa-cards--products .aa-cards__header .aa-cards__header__content { max-width: calc(var(--full-site-width) / 12 * 7); margin-top: 20px; } .aa-cards--products .aa-cards__header .aa-button { margin-top: 40px; } .aa-cards--products .aa-cards__header--compact .aa-button { margin: 0; margin-top: 30px; } @media (min-width: 992px) { .aa-cards--products .aa-cards__header--compact { display: flex; } .aa-cards--products .aa-cards__header--compact .aa-title { max-width: none; margin-right: 50px; } .aa-cards--products .aa-cards__header--compact .aa-button { margin-top: 0; margin-left: auto; } } .aa-cards--products .aa-card:hover { box-shadow: none; } .aa-cards--products .aa-card__image { box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.6); } .aa-cards--products .aa-card__body { padding: 32px 0px; color: inherit; background-color: transparent; } .aa-cards--products .aa-card__body hr { background-color: RGBA(var(--secondary-b)); width: 50px; height: 2px; margin-top: 10px; margin-bottom: 30px; margin-left: 0; border-top: none; } .aa-cards--products .aa-card__body p:last-of-type { margin-bottom: 20px; } .aa-cards--products .aa-card__body ul { list-style: none; padding-left: 30px; } .aa-cards--products .aa-card__body ul li { display: flex; align-items: center; font-weight: var(--weight-600); text-transform: uppercase; } .aa-cards--products .aa-card__body ul li::before { content: ""; display: inline-block; background: RGBA(var(--primary)); height: 2px; width: 5px; margin-right: 20px; } .aa-cards--products .aa-slick-slider .aa-card .aa-card__image { box-shadow: none; } .aa-cards--products .aa-slick-slider .aa-card.slick-active .aa-card__image { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.6); } .aa-cards--slider .aa-inner { max-width: calc(var(--full-site-width) / 12 * 10 + 30px); } .aa-cards--slider .aa-cards__header { max-width: calc(var(--full-site-width) / 12 * 10); } @media (min-width: 768px) { .aa-cards--slider .aa-cards__header { margin-left: 15px; margin-right: 15px; } } .aa-cards .aa-slick-slider .aa-card { margin: 0; max-width: none; transition: all var(--speed) var(--animation); } @media (min-width: 768px) { .aa-cards .aa-slick-slider .aa-card { padding-left: 15px; padding-right: 15px; } } .aa-cards .aa-slick-slider .aa-card:hover, .aa-cards .aa-slick-slider .aa-card:focus, .aa-cards .aa-slick-slider .aa-card:active { outline: 0; } .aa-cards .aa-slick-slider .aa-card img { height: auto; } .aa-cards .aa-slick-slider .aa-card .aa-card__header, .aa-cards .aa-slick-slider .aa-card .aa-card__body, .aa-cards .aa-slick-slider .aa-card .aa-card__footer { max-width: calc(var(--full-site-width) / 12 * 3); margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .aa-cards .aa-slick-slider .aa-card .aa-card__header, .aa-cards .aa-slick-slider .aa-card .aa-card__body, .aa-cards .aa-slick-slider .aa-card .aa-card__footer { max-width: none; } } @media (min-width: 1200px) { .aa-cards .aa-slick-slider .aa-card .aa-card__header, .aa-cards .aa-slick-slider .aa-card .aa-card__body, .aa-cards .aa-slick-slider .aa-card .aa-card__footer { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .aa-cards .aa-slick-slider .slick-current + .slick-active { opacity: 0.2; } } @media (min-width: 992px) { .aa-cards .aa-slick-slider .slick-current + .slick-active { opacity: 1; } } .aa-cards .aa-slick-slider.aa-slick-active-slides--3 .slick-active + .slick-active + .slick-active { opacity: 0.2; } .aa-cards .aa-slick-slider.aa-slick-active-slides--4 .slick-active + .slick-active + .slick-active + .slick-active { opacity: 0.2; } .aa-cards .aa-slick-slider.aa-slick-active-slides--5 .slick-active + .slick-active + .slick-active + .slick-active + .slick-active { opacity: 0.2; } .aa-cards .aa-slick-slider .slick-next { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; margin-top: 20px; margin-left: auto; margin-right: auto; padding: 0; border: 0; border-radius: 50%; background-color: RGB(var(--white)); transition: all var(--speed) var(--animation); box-shadow: 0px 4px 30px #000000; cursor: pointer; } @media (min-width: 768px) { .aa-cards .aa-slick-slider .slick-next { position: absolute; top: 50%; right: 25%; margin: 0; transform: translateY(-50%) translateX(50%); } } @media (min-width: 992px) { .aa-cards .aa-slick-slider .slick-next { top: 50%; right: calc(360px / 2); } } .aa-cards .aa-slick-slider .slick-next svg { width: 21px; height: 12px; } .aa-cards .aa-slick-slider .slick-next svg path { fill: RGB(var(--primary)); } .aa-cards .aa-slick-slider .slick-next:focus, .aa-cards .aa-slick-slider .slick-next:hover, .aa-cards .aa-slick-slider .slick-next:active { outline: 0; background-color: RGB(var(--primary)); } .aa-cards .aa-slick-slider .slick-next:focus svg path , .aa-cards .aa-slick-slider .slick-next:hover svg path , .aa-cards .aa-slick-slider .slick-next:active svg path { fill: RGB(var(--white)); } .aa-cards--solutions { padding-left: 20px; padding-right: 20px; } .aa-cards--solutions .aa-inner { max-width: var(--full-site-width); flex-direction: column; } .aa-cards--solutions .aa-cards__header { text-align: center; } .aa-cards--solutions .aa-cards__header h2 { color: RGB(var(--white)); } .aa-cards--solutions .aa-cards__header .aa-subheading { margin-bottom: 10px; } .aa-cards--solutions .aa-cards__body { max-width: calc(var(--full-site-width) / 12 * 6 + 32px); margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .aa-cards--solutions .aa-cards__body { flex-direction: row; flex-wrap: wrap; } } @media (min-width: 992px) { .aa-cards--solutions .aa-cards__header { margin-bottom: 80px; } .aa-cards--solutions .aa-cards__header .aa-subheading { margin-bottom: 15px; } } @media (min-width: 1200px) { .aa-cards--solutions .aa-cards__body { max-width: 100%; justify-content: flex-start; } } .aa-cards--solutions .aa-cards__body--extended { position: relative; max-height: 800px; overflow: hidden; transition: max-height 1s; } .aa-cards--solutions .aa-cards__body--extended::after { content: ''; width: 100%; position: absolute; top: 70%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(var(--secondary), 0) 0%, RGBA(var(--secondary),1) 90%); } .aa-cards--solutions.is-expanded .aa-cards__body--extended { position: relative; overflow: visible; max-height: 100%; } .aa-cards--solutions.is-expanded .aa-cards__body--extended::after { content: ''; background: none; display: none; } .aa-cards--solutions .aa-card { display: flex; flex-direction: column; width: 100%; margin-top: 32px; transition: all var(--speed) var(--animation); box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.6); } .aa-cards--solutions .aa-card:hover { text-decoration: none; } .aa-cards--solutions .aa-card:first-child { z-index: 31; margin-top: 0; } @media (min-width: 768px) { .aa-cards--solutions .aa-card { width: calc(100% / 2 - 32px / 2); max-width: calc(var(--full-site-width) / 12 * 3); margin-left: 0; margin-right: 32px; margin-top: 32px; } .aa-cards--solutions .aa-card:nth-child(2n + 2) { margin-right: 0; } .aa-cards--solutions .aa-card:nth-child(-n + 2) { margin-top: 0; z-index: 31; } .aa-cards--solutions .aa-card:last-child { margin-right: 0; } } @media (min-width: 1200px) { .aa-cards--solutions .aa-card { width: calc(100% / 4 - 96px / 4); margin-right: 32px; margin-top: 32px; } .aa-cards--solutions .aa-card:nth-child(2n + 2) { margin-right: 32px; } .aa-cards--solutions .aa-card:nth-child(3n + 3) { margin-right: 32px; } .aa-cards--solutions .aa-card:nth-child(4n + 4) { margin-right: 0; } .aa-cards--solutions .aa-card:nth-child(-n + 4) { margin-top: 0; z-index: 31; } .aa-cards--solutions .aa-card:last-child { margin-right: 0; } } .aa-cards--solutions .aa-card .aa-card__image { padding-bottom: 105% } .aa-cards--solutions .aa-card hr { background-color: RGBA(var(--secondary-b)); width: 40px; height: 1px; margin-bottom: 20px; margin-left: 0; border-top: none; } .aa-cards--solutions .aa-card .aa-button { margin-top: auto; } .aa-cards--solutions .aa-card .aa-card__body { padding-bottom: 45px; } .aa-cards { padding-left: var(--padding); padding-right: var(--padding); } .aa-cards__header { max-width: calc(var(--full-site-width) / 12 * 3); margin-left: auto; margin-right: auto; margin-bottom: 50px; text-align: center; } .aa-cards__body { display: flex; flex-direction: column; width: 100%; } .aa-card { display: flex; flex-direction: column; width: 100%; max-width: calc(var(--full-site-width) / 12 * 3); margin-left: auto; margin-right: auto; margin-bottom: 32px; transition: all var(--speed) var(--animation); } @media (min-width: 992px) { .aa-cards__header { max-width: 100%; margin-bottom: 60px; text-align: left; } .aa-cards__body { flex-flow: row wrap; } .aa-card { max-width: calc((100% / 12 * 4) - 22px); margin-left: 0; margin-right: 32px; margin-bottom: 0; } .aa-card:nth-child(3n + 3) { margin-right: 0; } .aa-card:last-child { margin-right: 0; } } a.aa-card { color: inherit; text-decoration: none; } a.aa-card:hover, a.aa-card:active, a.aa-card:focus { color: inherit; text-decoration: none; box-shadow: 0 4px 32px 0 RGBA(var(--black), .1); } .aa-card__image { display: block; width: 100%; padding-bottom: 90%; background-color: RGB(var(--secondary)); } @media (min-width: 1440px) { .aa-card__image { width: 100%; } } .aa-card__header { padding-bottom: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; } .aa-card__body { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; padding: 32px 16px; color: RGB(var(--text-dark)); background-color: RGB(var(--white)); transition: all var(--speed) var(--animation); } @media (min-width: 1200px) { .aa-card__body { padding: 32px; } } /* Overlay content on image */ .aa-cards--overlay-content .aa-subheading { margin-bottom: 60px; } .aa-cards--overlay-content .aa-card { text-decoration: none; } .aa-cards--overlay-content .aa-card:hover { box-shadow: 0 4px 32px 0 RGBA(var(--black), .1); text-decoration: none; } .aa-cards--overlay-content .aa-card__body { position: relative; color: inherit; background-color: transparent; z-index: 10; } /* Displaying two cards in same row */ @media (min-width: 992px) { .aa-cards--two .aa-card { max-width: calc( 100% / 2 - 30px / 2); margin-right: 30px; } .aa-cards--two .aa-card:last-child { margin-right: 0; } } /* Displaying four cards in same row */ @media (min-width: 768px) { .aa-cards--four .aa-cards__body { flex-direction: row; flex-wrap: wrap; } .aa-cards--four .aa-cards__body .aa-card { max-width: calc( 100% / 2 - 30px / 2); margin-left: 0; margin-right: 30px; } .aa-cards--four .aa-cards__body .aa-card:nth-child(2n+2){ margin-right: 0; } } @media (min-width: 992px) { .aa-cards--four .aa-card { max-width: calc( 100% / 4 - 90px / 4); margin-right: 30px; } .aa-cards--four .aa-card:nth-child(2n+2){ margin-right: 30px; } .aa-cards--four .aa-card:last-child { margin-right: 0; } } /* Modifier for display of blog posts */ .aa-cards--articles .aa-card { color: RGB(var(--text-color)); text-decoration: none; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1); } .aa-cards--articles .aa-card:hover { opacity: 0.9; } .aa-cards--articles .aa-card__header { padding-bottom: 100%; } .aa-cards--articles .aa-card__text { margin-bottom: 25px; color: RGB(var(--text-color)); } .aa-cards--articles .aa-card__title, .aa-cards--articles .article-title { margin-top: 0; color: RGB(var(--secondary)); font-weight: var(--weight-700); font-size: 20px; line-height: 22px; } @media (min-width: 992px) { .aa-cards--articles .aa-cards__body { justify-content: center; } .aa-cards--articles .aa-card { margin-right: 32px; } .aa-cards--articles .aa-card:nth-of-type(3n + 3) { margin-right: 0; } .aa-cards--articles .aa-card__body { min-height: 180px; } .aa-cards--articles .aa-card__title, .aa-cards--articles .article-title { font-size: 24px; line-height: 26px; } } .aa-cards--articles .aa-card__date { display: block; margin-bottom: 10px; color: RGB(var(--primary)); } .aa-cards--articles .aa-card__author { margin-top: auto; } .aa-cards--articles .divider { max-width: calc(#{var(--full-site-width)} / 12 * 8); width: 100%; margin-right: auto; margin-left: auto; opacity: 0.7; border-bottom: 1px solid #9D9D9C; margin-bottom: 20px; margin-top: 20px; } @media (min-width: 992px) { .aa-cards--articles .divider { margin-top: 80px; margin-bottom: 70px; } } @media (min-width: 1440px) { .aa-blog-post .aa-cards--articles { padding-bottom: 180px; } } /* modifier for basic version */ .aa-cards--basic .aa-card:hover, .aa-cards--basic .aa-card:active, .aa-cards--basic .aa-card:focus { box-shadow: none; } .aa-cards--basic .aa-card__image { padding-bottom: 50%; } .aa-cards--basic .aa-card__body { padding: 32px 0px; background-color: transparent; } /* Modifier cards employees */ .aa-cards--employees .aa-cards__body { justify-content: center; } .aa-cards--employees .aa-card__body .aa-subheading { margin-bottom: 10px; } .aa-cards--employees .aa-card__body h5 { margin-bottom: 30px; } .aa-cards--employees .aa-card__body p { margin-bottom: 10px; } .aa-cards--employees .aa-card__body p:last-of-type { margin-bottom: 0; } .aa-cards--employees .aa-card__body p a { color: inherit; text-decoration: none; } .aa-cards--employees .aa-card__body p a:hover { color: RGB(var(--primary)); } @media (min-width: 992px) { .aa-blog .aa-cards--articles .aa-cards__body { justify-content: flex-start; } } /* Expand / collapse functionality */ .aa-cards .aa-collapse { display: none; } .aa-cards.is-expanded .aa-expand { display: none; } .aa-cards.is-expanded .aa-collapse { display: block; } .aa-cards__button-container { position: relative; width: 100%; height: 0; max-width: calc(var(--full-site-width) / 12 * 9); margin-left: auto; margin-right: auto; border-bottom: 0.5px solid #9D9D9C; text-align: center; transition: all var(--speed) var(--animation); transform: translateY(-100px); } .aa-cards__button-container .aa-button { transform: translateY(-50%); padding: 10px 30px; } .aa-cards.is-expanded .aa-cards__button-container { margin-top: 50px; transform: translateY(0); } @media (min-width: 576px) { .aa-cards__button-container .aa-button { padding: 10px 40px; } } @media (min-width: 992px) { .aa-cards__button-container { transform: translateY(-60px); } } @media (min-width: 1200px) { .aa-cards.is-expanded .aa-cards__button-container { margin-top: 80px; } } @media (min-width: 1440px) { .aa-cards__button-container { transform: translateY(-100px); } } .aa-case { padding-left: 20px; padding-right: 20px; } .aa-case .aa-inner { flex-direction: column; max-width: 100%; } .aa-case__body { display: flex; flex-direction: column; align-items: center; position: relative; margin-bottom: 50px; } .aa-case__body:last-child { margin-bottom: 0; } .aa-case__image { width: 100%; padding-bottom: 50%; } @media (min-width: 768px) { .aa-case__body { margin-bottom: 0; } .aa-case__body:last-child { margin-bottom: 100px; } .aa-case__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: 0; } } .aa-case-container { max-width: calc(var(--full-site-width) / 12 * 10); width: 100%; margin-right: auto; margin-left: auto; position: relative; display: flex; flex-direction: column; } @media (min-width: 768px) { .aa-case-container { min-height: 400px; } } @media (min-width: 992px) { .aa-case-container { min-height: 650px; } } .aa-case-column { max-width: calc(var(--full-site-width) / 12 * 4); margin-top: -30px; margin-left: 20px; margin-right: 20px; padding: 50px 20px; } @media (min-width: 768px) { .aa-case-column { width: 100%; padding: 50px; margin-top: -100px; margin-bottom: 180px; margin-left: 60px; margin-right: auto; } .aa-case__body:nth-of-type(even) .aa-case-column { margin-top: auto; margin-bottom: -100px; margin-left: auto; margin-right: 60px; } } @media (min-width: 1200px) { .aa-case-column { margin-left: 120px; } .aa-case__body:nth-of-type(even) .aa-case-column { margin-right: 120px; } } @media (min-width: 1440px) { .aa-case-column { margin-left: 0; } .aa-case__body:nth-of-type(even) .aa-case-column { margin-right: 0; } } .aa-case-column__footer { margin-top: 20px; } /* Modifiers */ .aa-case--no-spacing .aa-case__body + .aa-case__body { margin-top: 20px; } .aa-case--no-spacing .aa-case__body { align-items: stretch; } @media (min-width: 768px) { .aa-case--no-spacing .aa-case__body + .aa-case__body { margin-top: 0; } } .aa-case--reversed .aa-case__body:nth-of-type(odd) .aa-case-column { margin-right: 0; margin-left: auto; } .aa-case--reversed .aa-case__body:nth-of-type(even) .aa-case-column { margin-right: auto; margin-left: 0; } @media (min-width: 768px) { .aa-case--reversed .aa-case__body:nth-of-type(odd) .aa-case-column { margin-top: -100px; margin-bottom: 180px; margin-right: 60px; } .aa-case--reversed .aa-case__body:nth-of-type(even) .aa-case-column { margin-top: 180px; margin-bottom: -100px; margin-left: 60px; } } @media (min-width: 1200px) { .aa-case--reversed .aa-case__body:nth-of-type(odd) .aa-case-column { margin-right: 120px; } .aa-case--reversed .aa-case__body:nth-of-type(even) .aa-case-column { margin-left: 120px; } } @media (min-width: 1440px) { .aa-case--reversed .aa-case__body:nth-of-type(odd) .aa-case-column { margin-right: 0; } .aa-case--reversed .aa-case__body:nth-of-type(even) .aa-case-column { margin-left: 0; } } @media (min-width: 992px) { .aa-columns--boxes .aa-inner { max-width: var(--full-site-width); } } .aa-columns--boxes .aa-column__body { display: flex; flex-flow: row wrap; } @media (min-width: 1200px) { .aa-columns--boxes .aa-column__body { width: 710px; } } .aa-columns--boxes .aa-column-box { display: flex; flex-direction: column; width: 100%; padding: 20px; margin-bottom: 15px; background-color: white; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } @media (min-width: 576px) { .aa-columns--boxes .aa-column-box { max-width: calc(50% - 15px); padding: 25px; margin-right: 15px; } } @media (min-width: 768px) { .aa-columns--boxes .aa-column-box { max-width: 100%; } } @media (min-width: 992px) { .aa-columns--boxes .aa-column-box { max-width: 340px; } } .aa-columns--boxes .aa-column-box p { margin-bottom: 15px; font-size: 14px; line-height: 20px; font-weight: var(--weight-600); color: RGB(var(--text-dark)); } @media (min-width: 992px) { .aa-columns--boxes .aa-column-box p { font-size: 18px; line-height: 24px; } } .aa-columns--boxes .aa-column-box hr { width: 85px; height: 2px; margin-top: auto; margin-left: 0; margin-bottom: 0; border: none; background-color: RGB(var(--secondary-b)); } .aa-column-box-break { height: 0; flex-basis: 100%; } .aa-columns--boxes .aa-column--image { padding: 18px; display: flex; justify-content: flex-end; } @media (min-width: 992px) { .aa-columns--boxes .aa-column--image { padding: 36px; } } .aa-columns--boxes .aa-column { z-index: 12; } @media (min-width: 1200px) { .aa-columns--boxes .aa-columns__body:nth-of-type(even) .aa-column__body { margin-left: -230px; } .aa-columns--boxes .aa-columns__body:nth-of-type(even) .aa-column-box { margin-left: 15px; margin-right: 0; } } .aa-columns--boxes .aa-columns__body:nth-of-type(even) .aa-column--image { justify-content: flex-start; } .aa-columns--boxes .aa-columns__body:nth-of-type(even) .aa-column--image { justify-content: flex-start; } .aa-columns--boxes .aa-fact-box { margin-top: auto; } .aa-columns--reversed .aa-columns__body:nth-of-type(odd) .aa-column--image { justify-content: flex-start; } .aa-columns--reversed .aa-columns__body:nth-of-type(even) .aa-column--image { justify-content: flex-end; } .aa-columns { padding-left: var(--padding); padding-right: var(--padding); } .aa-columns .aa-inner { flex-direction: column; } .aa-columns__body { display: flex; flex-direction: column; align-items: center; } .aa-columns__body--box-shadow { box-shadow: 0px 4px 45px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .aa-column { width: calc(100% / 2); padding-left: 0; padding-right: 0; } } .aa-column__footer { margin-top: 20px; } .aa-columns__body .aa-bg-primary .aa-subheading { color: RGB(var(--white)); } .aa-column--text { padding-left: var(--padding); padding-right: var(--padding); padding-top: 60px; padding-bottom: 60px; } /* lg */ @media (min-width: 992px) { .aa-column--text { max-width: calc(var(--full-site-width) / 12 * 4); margin-left: auto; margin-right: auto; padding-top: 80px; padding-bottom: 80px; } } /* xl */ @media (min-width: 1200px) { .aa-column--text { padding-left: 0; padding-right: 0; } } /* hg */ @media (min-width: 1440px) { .aa-column--text { padding-top: 100px; padding-bottom: 100px; } } .aa-column--text .aa-subheading { margin-bottom: 10px; } .aa-column--image { align-self: stretch; min-height: 250px; } .aa-column--image img { height: auto; margin-left: auto; margin-right: auto; } .aa-columns-image .aa-column--image { padding-top: 40px; min-height: 200px; } @media (min-width: 992px) { .aa-column--text .aa-subheading { margin-bottom: 15px; } .aa-column--image { min-height: 500px; } .aa-columns-image .aa-column--image { padding-top: 50px; } } @media (min-width: 1440px) { .aa-columns-image .aa-column--image { padding-top: 64px; } } .aa-columns__body + .aa-columns__body { margin-top: 60px; } @media (min-width: 768px) { .aa-columns__body:nth-of-type(odd) { flex-direction: row-reverse; } .aa-columns__body:nth-of-type(even) { flex-direction: row; } } /* Modifiers */ .aa-columns--no-spacing .aa-columns__body + .aa-columns__body { margin-top: 0; } .aa-columns--no-spacing .aa-columns__body { align-items: stretch; } .aa-columns--no-spacing .aa-columns__body .aa-column--image { margin-bottom: 0; background-size: cover; align-self: stretch; min-height: 300px; } @media (min-width: 768px) { .aa-columns--reversed .aa-columns__body:nth-of-type(odd) { flex-direction: row; } .aa-columns--reversed .aa-columns__body:nth-of-type(even) { flex-direction: row-reverse; } } .aa-columns--special { padding-left: 0; padding-right: 0; } .aa-columns--special .aa-inner { padding-top: 60px; padding-bottom: 60px; } @media (min-width: 992px) { .aa-columns--special .aa-inner { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 1440px) { .aa-columns--special .aa-inner { padding-top: 100px; padding-bottom: 100px; } } .aa-columns--special .aa-inner::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: radial-gradient(circle,transparent 5%,RGB(var(--secondary)) 100%); pointer-events: none; } .aa-columns--special .aa-columns__body { position: relative; max-width: calc(var(--full-site-width) / 12 * 10); margin-left: auto; margin-right: auto; } .aa-columns--special .aa-column { padding-top: 0; padding-bottom: 0; } .aa-columns--special .aa-column--image { align-self: flex-start; min-height: 0; margin-top: 60px; } .aa-columns--special .aa-column--image img { width: auto; margin-left: auto; margin-right: auto; } .aa-columns--special .aa-column--text { margin-top: 60px; padding-left: 0; padding-right: 0; } .aa-columns--special.aa-columns--reversed .aa-column--image { margin-top: 0; } .aa-columns--special.aa-columns--reversed .aa-column--text { margin-top: 60px; padding-right: 0; } @media (min-width: 768px) { .aa-columns--special .aa-columns__body { align-items: center; } .aa-columns--special .aa-column--image { margin-top: 0; } .aa-columns--special .aa-column--text { margin-top: 0; padding-right: 20px; } .aa-columns--special.aa-columns--reversed .aa-column--text { margin-top: 0; padding-left: 20px; } } .ie .aa-columns--special .aa-inner { display: block; } .aa-contact { position: relative; padding-left: var(--padding); padding-right: var(--padding); } .aa-contact .aa-inner { max-width: var(--full-site-width); flex-direction: column; align-items: center; background-size: contain; background-repeat: no-repeat; background-position: center 35px; } @media (min-width: 1440px) { .aa-contact .aa-inner { background-size: 1220px auto; } } .aa-contact .aa-cards__header { max-width: calc(var(--full-site-width) / 12 * 3); text-align: center; margin-bottom: 50px; } @media (min-width: 768px) { .aa-contact .aa-cards__header { margin-bottom: 90px; } } .aa-contact .aa-cards__header h2 { color: RGBA(var(--white)); margin-bottom: 70px; } .aa-contact .aa-cards__header p { color: RGBA(var(--white)); margin-bottom: 30px; } .aa-contact .aa-cards__header .aa-contact-label { display: block; color: RGB(var(--white)); text-transform: uppercase; font-weight: var(--weight-500); font-size: 32px; line-height: 30px; } .aa-contact .aa-cards__header .aa-contact-label:not(:last-child) { margin-bottom: 5px; } .aa-contact .aa-cards__header .aa-contact-label a { color: inherit; text-decoration: none; } .aa-contact .aa-cards__header .aa-contact-label .aa-plus { color: RGB(var(--primary)); } .aa-contact .aa-cards__body { display: block; position: relative; overflow: hidden; } @media (min-width: 768px) { .aa-contact .aa-cards__body { display: flex; flex-direction: row; flex-wrap: wrap; } } .aa-contact .aa-cards__body--extended { max-height: 800px; transition: max-height 1s ease-out; } .aa-contact::after { content: ''; position: absolute; top: 55%; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(23, 40, 52, 0) 0%, #172834 70%); background: linear-gradient(180deg, transparent 0%, RGBA(var(--secondary)) 100%); pointer-events: none; } @media (min-width: 576px) { .aa-contact::after { top: 65%; } } .aa-contact.is-expanded .aa-cards__body--extended { position: relative; overflow: visible; max-height: 100%; } .aa-contact.is-expanded::after { display: none; } .aa-contact.is-expanded .aa-cards__button-container { bottom: -45px; transform: translateX(-50%) translateY(-100px); z-index: 32; } .aa-contact .aa-cards__button-container { max-width: calc(var(--full-site-width) / 12 * 9); width: 100%; position: absolute; border-bottom: 0.5px solid #9D9D9C; bottom: 100px; left: 50%; transform: translateX(-50%) translateY(-100px); z-index: 32; text-align: center; } @media (min-width: 992px) { .aa-contact .cards__button-container { bottom: 30px; } } @media (min-width: 1440px) { .aa-contact .cards__button-container { bottom: 100px; } } .aa-contact .cards__button-container .aa-button { transform: translateY(50%); padding: 10px 30px; } @media (min-width: 576px) { .aa-contact .cards__button-container .aa-button { padding: 10px 40px; } } .aa-contact .aa-card { display: flex; flex-direction: column; width: 100%; margin-top: 32px; margin-bottom: 0; transition: all var(--speed) var(--animation); } .aa-contact .aa-card:hover { box-shadow: 0 4px 32px 0 RGBA(var(--black), .1); text-decoration: none; } .aa-contact .aa-card:first-of-type { z-index: 31; margin-top: 0; } @media (min-width: 768px) { .aa-contact .aa-card { max-width: calc(100% / 2 - 32px/2); margin-right: 32px; margin-top: 32px; } .aa-contact .aa-card:nth-of-type(2n + 2) { margin-right: 0; } .aa-contact .aa-card:nth-of-type(-n + 2) { margin-top: 0; z-index: 31; } .aa-contact .aa-card:last-of-type { margin-right: 0; } } @media (min-width: 1200px) { .aa-contact .aa-card { max-width: calc(100% / 3 - 64px/3); margin-right: 32px; margin-top: 32px; } .aa-contact .aa-card:nth-of-type(2n + 2) { margin-right: 32px; } .aa-contact .aa-card:nth-of-type(3n + 3) { margin-right: 0; } .aa-contact .aa-card:nth-of-type(-n + 3) { margin-top: 0; } .aa-contact .aa-card:nth-of-type(-n + 6) { z-index: 31; } .aa-contact .aa-card:last-of-type { margin-right: 0; } } .aa-contact .aa-card .aa-button { margin-top: auto; } .aa-contact .aa-card .aa-card__body p:last-of-type { margin-bottom: 30px; } .aa-contact .aa-card .aa-card__body .aa-subheading { margin-bottom: 5px; } .aa-contact .aa-card .aa-card__body .content-container { display: flex; flex-direction: column; } .aa-contact .aa-card .aa-card__body .content-column p { margin-bottom: 5px; } .aa-contact .aa-card .aa-card__body .content-column:last-of-type{ margin-top: 20px; } @media (min-width: 576px) { .aa-contact .aa-card .aa-card__body .content-container { flex-direction: row; } .aa-contact .aa-card .aa-card__body .content-column { width: 60%; } .aa-contact .aa-card .aa-card__body .content-column:last-of-type{ width: 40%; margin-top: 0; } } .aa-contact .aa-card .aa-card__footer .aa-button { width: 100%; justify-content: flex-end; font-weight: var(--weight-400); text-align: right; } .aa-focus-box.aa-bg-overlay-gradient--primary:before { background: linear-gradient(90deg, RGBA(var(--primary), 0.9) 25.55%, RGBA(var(--primary), 0.5) 100%); } .aa-focus-box.aa-bg-overlay-gradient--secondary:before { background: linear-gradient(90deg, RGBA(var(--secondary), 0.9) 25.55%, RGBA(var(--secondary), 0.5) 100%); } .aa-focus-box.aa-bg-overlay-gradient--complementary:before { background: linear-gradient(90deg, RGBA(var(--complementary), 0.9) 25.55%, RGBA(var(--complementary), 0.5) 100%); } .aa-focus-box.aa-bg-overlay-gradient--light:before { background: linear-gradient(90deg, RGBA(var(--light), 0.9) 25.55%, RGBA(var(--light), 0.5) 100%); } .aa-focus-box.aa-bg-overlay-gradient--dark:before { background: linear-gradient(90deg, RGBA(var(--dark), 0.9) 25.55%, RGBA(var(--dark), 0.5) 100%); } .aa-focus-box.aa-bg-overlay-gradient--white:before { background: linear-gradient(90deg, RGBA(var(--white), 0.9) 25.55%, RGBA(var(--white), 0.5) 100%); } .aa-focus-box.aa-bg-overlay-gradient--primary .aa-subheading { color: RGBA(var(--white)); } .aa-focus-box.aa-module-width--page { box-shadow: var(--box-shadow); } .aa-focus-box__header { margin-bottom: 20px; } .aa-focus-box__footer { margin-top: 50px; } @media (min-width: 992px) { .aa-focus-box__footer { margin-top: 70px; } } .aa-form.aa-module { padding-left: var(--padding); padding-right: var(--padding); } .aa-form.aa-module .aa-content { padding-left: 0; padding-right: 0; } .aa-form__column:not(:last-of-type) { margin-bottom: 40px; } .aa-form__header h2 { margin-bottom: 40px; } .aa-form__body { margin-bottom: 40px; } .aa-form__column__inner { width: 100%; } .aa-form.aa-bg-primary .aa-subheading { color: RGB(var(--white)); } @media (min-width: 768px) { .aa-form__column { width: calc(100% / 2); } .aa-form--layout-row .aa-content { display: flex; flex-direction: row; } .aa-form--layout-row .aa-content .aa-form__column:first-of-type { margin-right: var(--padding); } .aa-form--layout-row .aa-content .aa-form__body { margin-bottom: 0; } } @media (min-width: 992px) { .aa-form__column__inner { max-width: calc(var(--full-site-width) / 12 * 4); margin-left: auto; margin-right: auto; } .aa-form--layout-row .aa-content .aa-form__column:first-of-type { margin-right: calc(var(--padding) * 2); } } .aa-hero .aa-inner.aa-content-alignment--center .aa-button-group { justify-content: center; } .aa-hero .aa-inner.aa-content-alignment--center .aa-button-group .aa-button { align-self: center; } @media (min-width: 576px) { .aa-hero .aa-inner.aa-content-alignment--center .aa-button-group .aa-button { align-self: flex-start; } } .aa-hero.aa-module-height--normal { min-height: 600px; } .aa-hero__header { margin-bottom: 20px; } .aa-hero__footer { margin-top: 50px; } .aa-hero__header .aa-subheading { font-size: 20px; line-height: 25px; font-weight: var(--weight-500); margin-bottom: 5px; font-weight: var(--weight-500); } @media (min-width: 1200px) { .aa-hero__header .aa-subheading { font-size: 32px; line-height: 30px; margin-bottom: 15px; } } .hero-border { height: 5px; background: linear-gradient(270deg, rgba(19, 165, 57, 0) 0%, #13A539 50.26%, rgba(19, 165, 57, 0) 99.56%); } /* Modifiers */ .aa-hero.aa-hero--front { padding-top: 80px; padding-bottom: 80px; min-height: 0; } @media (min-width: 992px) { .aa-hero.aa-hero--front { padding-top: 120px; padding-bottom: 120px; min-height: 0; } } @media (min-width: 1200px) { .aa-hero.aa-hero--front { padding-top: 190px; padding-bottom: 130px; } } .aa-hero.aa-hero--front.aa-bg-overlay--secondary:before { background-color: rgb(6 ,35, 56); mix-blend-mode: multiply; } .aa-hero.aa-hero--front .aa-subheading { margin-bottom: 0; } .ie .aa-hero.aa-hero--front.aa-bg-overlay--secondary:before { background-color: RGB(var(--secondary)); } /* Hero LP */ .aa-hero.aa-hero--lp { position: relative; display: block; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .aa-hero.aa-hero--lp { display: flex; } } .aa-hero.aa-hero--lp .aa-inner { position: relative; z-index: 100; flex-direction: column; padding-left: var(--padding); padding-right: var(--padding); padding-top: 80px; padding-bottom: 80px; max-width: var(--full-site-width); align-items: flex-start; } .aa-hero.aa-hero--lp .aa-bg-image-container { position: relative; width: 100%; height: 100%; } .aa-hero.aa-hero--lp .aa-hero__header { position: relative; hyphens: manual; width: 100%; } .aa-hero.aa-hero--lp .aa-hero__header__inner { position: relative; z-index: 6; } .aa-hero.aa-hero--lp .aa-hero__header__content + .aa-button { margin-top: 30px; } .aa-hero.aa-hero--lp .aa-hero__body { position: relative; width: 100%; margin-top: 35px; } .aa-hero.aa-hero--lp .aa-hero__body .hs-form .hs-button { padding: 24px 40px; height: 52px; line-height: 1px; } .aa-hero.aa-hero--lp .aa-hero__form { padding: 35px; width: 100%; color: RGB(var(--dark)); background-color: RGB(var(--white)); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); } .aa-hero.aa-hero--lp .aa-hero__form .legal-consent-container { font-size: 12px; line-height: 14px; } @media (min-width: 992px) { .aa-hero.aa-hero--lp .aa-inner { flex-direction: row; padding-top: 120px; padding-bottom: 120px; } .aa-hero.aa-hero--lp .aa-bg-image-container { position: absolute; top: 0; left: 0; } .aa-hero.aa-hero--lp .aa-hero__header { max-width: calc(var(--full-site-width) / 12 * 6.5); padding-left: 0; padding-right: 30px; background: transparent; } .aa-hero.aa-hero--lp .aa-hero__body { max-width: 430px; margin-left: auto; margin-top: 0; } .aa-hero.aa-hero--lp .aa-hero__form { position: absolute; z-index: 31; right: 0; top: 0; max-width: 430px; } .aa-hero.aa-hero--lp .aa-hero__form.scrolled { position: fixed; right: auto; top: 20px; } } @media (min-width: 1600px) { .aa-hero.aa-hero--lp .aa-inner { padding-left: 0; padding-right: 0; } } .aa-image .aa-content { margin-left: auto; margin-right: auto; padding: 0; } @media (min-width: 768px) { .aa-image .aa-content-width--narrow { max-width: calc(var(--full-site-width) / 12 * 8); } .aa-image .aa-content-width--normal { max-width: calc(var(--full-site-width) / 12 * 10); } .aa-image .aa-content-width--wide { max-width: calc(var(--full-site-width) / 12 * 12); } } .aa-info-boxes { position: relative; background-size: cover; padding-top: 80px; padding-bottom: 80px; } @media (min-width: 768px) { .aa-info-boxes { background-size: contain; } } @media (min-width: 992px) { .aa-info-boxes { padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 1200px) { .aa-info-boxes { padding-top: 200px; } } .aa-info-boxes::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: radial-gradient(circle,transparent 5%,RGB(var(--secondary)) 100%); pointer-events: none; } .aa-info-boxes .aa-inner { position: relative; } .aa-info-boxes .aa-cards__body { max-width: calc(var(--full-site-width) / 12 * 8); margin-left: auto; margin-right: auto; flex-direction: column; } @media (min-width: 768px) { .aa-info-boxes .aa-cards__body { flex-wrap: wrap; flex-direction: row; } } .aa-info-boxes .aa-card { margin-bottom: 0; color: RGB(var(--white)); } @media (min-width: 768px) { .aa-info-boxes .aa-card { max-width: calc(100% / 2 - 32px/2); margin-right: 32px; margin-top: 32px; } .aa-info-boxes .aa-card:nth-of-type(2n + 2) { margin-right: 0; } .aa-info-boxes .aa-card:nth-of-type(-n + 2) { margin-top: 0; z-index: 31; } .aa-info-boxes .aa-card:last-of-type { margin-right: 0; } } .aa-info-boxes .aa-card:hover { box-shadow: none; } .aa-info-boxes .aa-card .aa-card__body { color: inherit; background-color: transparent; } .aa-info-boxes .aa-card hr { width: 95px; height: 2px; background-color: RGB(var(--secondary-b)); margin-left: 0; border-top: none; margin-bottom: 0; } .aa-info-boxes .aa-card p:last-of-type { margin-bottom: 30px; } .aa-info-boxes .aa-cards__body--extended { max-width: calc(var(--full-site-width) / 12 * 10); } @media (min-width: 768px) { .aa-info-boxes .aa-cards__body--extended .aa-card { max-width: calc(100% / 3 - 64px/3); margin-right: 32px; margin-top: 32px; } .aa-info-boxes .aa-cards__body--extended .aa-card:nth-of-type(3n + 3) { margin-right: 0; } .aa-info-boxes .aa-cards__body--extended .aa-card:nth-of-type(-n + 3) { margin-top: 0; z-index: 31; } .aa-info-boxes .aa-cards__body--extended .aa-card:last-of-type { margin-right: 0; } } .aa-link-boxes { padding-left: var(--padding); padding-right: var(--padding); } .aa-link-boxes .aa-inner, .aa-link-boxes .aa-cards__body { max-width: var(--full-site-width); flex-direction: column; } @media (min-width: 768px) { .aa-link-boxes .aa-inner, .aa-link-boxes .aa-cards__body { flex-wrap: wrap; flex-direction: row; } } .aa-link-boxes .aa-card { text-transform: uppercase; text-decoration: none; margin-bottom: 30px; color: RGB(var(--white)); border: 1px solid #9D9D9C; } .aa-link-boxes .aa-card:hover { border: 1px solid RGB(var(--primary)); box-shadow: none; } .aa-link-boxes .aa-card .aa-card__body { display: flex; flex-direction: column; justify-content: flex-end; min-height: 240px; padding: 40px 30px; color: inherit; background-color: transparent; } @media (min-width: 768px) { .aa-link-boxes .aa-card { max-width: calc(100% / 2 - 32px/2); margin-right: 32px; margin-top: 32px; } .aa-link-boxes .aa-card:nth-of-type(2n + 2) { margin-right: 0; } .aa-link-boxes .aa-card:nth-of-type(-n + 2) { margin-top: 0; z-index: 31; } .aa-link-boxes .aa-card:last-of-type { margin-right: 0; } } @media (min-width: 992px) { .aa-link-boxes .aa-card { margin-bottom: 0; } .aa-link-boxes .aa-card .aa-card__body { min-height: 280px; padding: 60px 40px; } } @media (min-width: 1200px) { .aa-link-boxes .aa-card .aa-card__body { min-height: 320px; padding: 70px 55px; } } .aa-link-boxes .aa-card .aa-card__body h2 { margin-bottom: 0; color: RGB(var(--white)); } .aa-link-boxes .aa-card .aa-card__body .aa-subheading { margin-bottom: 10px; color: inherit; } .aa-link-boxes .aa-card .aa-card__body .link-read { display: none; margin-top: 25px; color: RGB(var(--secondary)); font-weight: var(--weight-600); font-size: 16px; line-height: 20px; } .aa-link-boxes .aa-card:hover .aa-card__body { color: RGB(var(--secondary)); background-color: RGB(var(--primary)); } .aa-link-boxes .aa-card:hover .aa-card__body .link-read { display: block; } .aa-logo-slider .aa-inner { flex-direction: column; max-width: 2880px; } .aa-logo-slider__header { max-width: 720px; margin: 0 auto; text-align: center; margin-bottom: 55px; font-size: 20px; font-style: normal; font-weight: 700; line-height: 25px; text-transform: uppercase; color: RGB(var(--primary)); } .aa-logo-slider__body { overflow: hidden; } .aa-logo-slider .swiper-wrapper { max-width: 100%; -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } .aa-logo-wall-logo.swiper-slide { display: flex; align-items: center; justify-content: center; width: 100%; } .aa-logo-wall-logo.swiper-slide img { aspect-ratio: 4/3; object-fit: contain; height: auto; width: 100%; } .aa-numbers { padding-top: 60px; padding-bottom: 60px; } .aa-numbers .aa-text__header { margin-bottom: 50px; } .aa-numbers .aa-text__header .aa-title { margin-bottom: 0; } .aa-numbers .aa-text__header .aa-subheading { font-weight: var(--weight-700);; font-size: 16px; line-height: 25px; } @media (min-width: 992px) { .aa-numbers { padding-top: 170px; padding-bottom: 85px; } .aa-numbers .aa-text__header .aa-subheading { font-size: 20px; line-height: 25px; } } .aa-numbers .aa-content-alignment--center .aa-text__body .logo { margin-left: auto; margin-right: auto; } .aa-numbers .aa-numbers__inner { max-width: calc(#{var(--full-site-width)} / 12 * 10); margin-left: auto; margin-right: auto; } .aa-numbers .logo { margin-top: 75px; } .aa-numbers .aa-numbers__header { text-align: center; margin-bottom: 40px; } .aa-numbers .aa-numbers__body { display: flex; flex-wrap: wrap; justify-content: center; } .aa-numbers .number-container { width: 100%; margin-bottom: 40px; text-align: center; } @media (min-width: 576px) { .aa-numbers .number-container { max-width: calc( 100% / 2 - 30px / 2); margin-right: 30px; } .aa-numbers .number-container:nth-of-type(2n+2){ margin-right: 0; } .aa-numbers .number-container:nth-of-type(-n+2){ margin-top: 0; } } @media (min-width: 992px) { .aa-numbers .number-container { max-width: calc( 100% / 4 - 90px / 4); margin-right: 30px; margin-bottom: 0; } .aa-numbers .number-container:nth-of-type(2n+2){ margin-right: 30px; } .aa-numbers .number-container:last-of-type { margin-right: 0; } } .aa-numbers .number-container hr { height: 2px; width: 20px; background-color: RGB(var(--primary)); margin-top: 5px; margin-bottom: 30px; } .aa-numbers .number-container h2 { padding: 1px; margin-bottom: 0; display: block; font-size: 100px; line-height: 110px; font-weight: var(--weight-700); } @media (min-width: 1200px) { .aa-numbers .number-container h2 { font-size: 100px; line-height: 110px; } } .aa-numbers .aa-numbers__footer { position: relative; margin-top: 80px; } .aa-numbers .aa-numbers__footer .aa-button { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); } .aa-numbers-counter { padding-left: var(--padding); padding-right: var(--padding); padding-top: 50px; padding-bottom: 60px; } @media (min-width: 992px) { .aa-numbers-counter { padding-top: 70px; padding-bottom: 80px; } } .aa-panels__inner { width: 100%; } .aa-panels__body { display: flex; flex-direction: column; max-width: var(--full-site-width); margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .aa-panels__body { flex-direction: row; } } .aa-panel { position: relative; max-width: 600px; margin-left: auto; margin-right: auto; width: 100%; } @media (min-width: 1200px) { .aa-panel { padding-bottom: 200px; } } .aa-panel:first-of-type { max-width: 600px; width: 100%; padding-top: 30px; } @media (min-width: 768px) { .aa-panel:first-of-type { padding-top: 0; } } @media (min-width: 1440px) { .aa-panel:first-of-type { max-width: calc(100% / 12 * 7); padding-right: calc(var(--full-site-width) / 12); } } .aa-panel:last-of-type { padding-top: 60px; padding-bottom: 60px; } @media (min-width: 992px) { .aa-panel:last-of-type { padding-top: 0; } } @media (min-width: 1600px) { .aa-panel:last-of-type { max-width: calc(100% / 12 * 5); } } .aa-panel__body { display: flex; flex-direction: column; width: 100%; padding-left: 20px; padding-right: 20px; position: relative; z-index: 20; } @media (min-width: 768px) { .aa-panel__body { padding-top: 50px; } } /* hg */ @media (min-width: 1440px) { .aa-panel__body { max-width: calc(var(--full-site-width) / 12 * 5.5); margin-left: auto; } } /* en */ @media (min-width: 1600px) { .aa-panel__body { padding-left: 0; padding-right: 0; } } .aa-panel__body .aa-subheading { color: RGB(var(--primary)); } .aa-landing-form { max-width: calc(var(--full-site-width) / 12 * 5); display: flex; flex-direction: column; padding: 32px 20px; width: 100%; box-shadow: 0px 0px 20px #000000; background-color: RGB(var(--white)); } @media (min-width: 992px) { .aa-landing-form { padding: 60px 40px; } } @media (min-width: 1200px) { .aa-landing-form { padding: 60px 90px; } } @media (min-width: 1440px) { .aa-panel:last-of-type .aa-panel__body { margin-left: 0; } } .aa-landing-form__header { display: block; text-align: center; margin-bottom: 32px; } .aa-landing-form__header h3 { font-weight: var(--weight-500); } .aa-panels__inner.aa-bg-secondary .aa-panel { color: RGB(var(--white)); } .aa-panels__inner.aa-bg-secondary .aa-panel:last-of-type { color: RGB(var(--black)); } .aa-products { padding-left: 20px; padding-right: 20px; } .aa-products .aa-inner { flex-direction: column; } .aa-products__header { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #9D9D9C; } .aa-products__body .filter-container { display: flex; flex-direction: column; gap: 10px; margin-bottom: 55px; } @media (min-width: 992px) { .aa-products__body .filter-container { align-items: center; flex-direction: row; } } .aa-products__body .filter-container .filter-title { margin-right: 10px; } .aa-products__body .filter-container .tag-filter { cursor: pointer; padding: 10px; background: #172834; color: white; transition: background ease-in-out 0.2s; } .aa-products__body .filter-container .tag-filter:hover { background: #EE7203; } .aa-products__body .filter-container .tag-filter.active { background: #EE7203; } .aa-products__body .filter-container .tag-container { display: flex; gap: 10px; flex-wrap: wrap; } .products-container { display: grid; grid-template-columns: 1fr; gap: 45px; row-gap: 32px; } @media (min-width: 576px) { .products-container { grid-template-columns: repeat(2,1fr); } } @media (min-width: 992px) { .products-container { grid-template-columns: repeat(3,1fr); } } .product-image { width: 100%; height: 325px; box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.20); margin-bottom: 35px; overflow: hidden; } .product-image img { transition: all ease-in-out 0.3s; object-fit: cover; width: 100%; height: 100%; } .product-title { margin-bottom: 15px; } .product-content { margin-bottom: 25px; } .product-divider-line { margin-top: 25px; margin-bottom: 25px; width: 50px; height: 1px; background: #EE7203; } .product-buttons { display: flex; flex-direction: column; gap: 10px; margin-top: auto; } @media (min-width: 992px) { .product-buttons { align-items: center; justify-content: space-between; flex-direction: row; } } .product { display: flex; flex-direction: column; } .product:hover .product-button--2 { background: #172834; color: #ffffff; } .product:hover .product-button--2 svg path { fill: #ffffff; } .product-button { cursor: pointer; width: 100%; padding: 13px 20px; border: 1px solid #EE7203; display: flex; align-items: center; justify-content: center; gap: 10px; transition: all ease-in-out 0.2s; color: #EE7203; text-decoration: none; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } @media (min-width: 992px) { .product-button { max-width: 50%; } } .product-button svg path { fill: #172834 } .product-button:hover { background: #EE7203; color: #ffffff; } .product-button:hover svg path { fill: #ffffff; } .product-button.product-button--2 { border: 1px solid #172834; color: #172834; cursor: pointer; } .product-button.product-button--2:hover { background: #172834; color: #ffffff; } .product-popup { display: none; position: fixed; overflow: scroll; z-index: 45; width: 100%; height: 100%; top: 0; left: 0; } .product-popup.active { display: block; } .product-popup-open { position: relative; overflow: hidden; } .product-popup-open::after { content: ""; position: absolute; background: rgba(black, 0.6); top: 0; left: 0; width: 100%; height: 100%; } .product-popup-inner { position: relative; z-index: 60; background: #FFF; box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.85); padding: 85px 105px; max-width: 695px; margin: 0 auto; margin-top: 120px; color: #172834; } .product-popup-close-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 35; } .product-popup-close { cursor: pointer; position: absolute; z-index: 12; top: 20px; right: 20px; width: 54px; height: 54px; } /* Modifiers */ .aa-products.aa-bg-secondary .product:hover .product-button.product-button--2, .aa-products.aa-bg-complementary .product:hover .product-button.product-button--2, .aa-products.aa-bg-dark .product:hover .product-button.product-button--2 { color: #ffffff; } .aa-products.aa-bg-secondary .product:hover .product-button.product-button--2 svg path, .aa-products.aa-bg-complementary .product:hover .product-button.product-button--2 svg path, .aa-products.aa-bg-dark .product:hover .product-button.product-button--2 svg path { fill: #ffffff; } .aa-products.aa-bg-secondary .product-button.product-button--2, .aa-products.aa-bg-complementary .product-button.product-button--2, .aa-products.aa-bg-dark .product-button.product-button--2 { border: 1px solid #ffffff; color: #ffffff; } .aa-products.aa-bg-secondary .product-button.product-button--2:hover, .aa-products.aa-bg-complementary .product-button.product-button--2:hover, .aa-products.aa-bg-dark .product-button.product-button--2:hover { color: #ffffff; } .aa-products.aa-bg-secondary .product-image, .aa-products.aa-bg-complementary .product-image, .aa-products.aa-bg-dark .product-image { background-color: #ffffff; } .aa-products.aa-bg-secondary .aa-products__body .filter-container .tag-filter, .aa-products.aa-bg-complementary .aa-products__body .filter-container .tag-filter, .aa-products.aa-bg-dark .aa-products__body .filter-container .tag-filter { background: #ffffff; color: #172834; } .aa-products.aa-bg-secondary .aa-products__body .filter-container .tag-filter:hover, .aa-products.aa-bg-complementary .aa-products__body .filter-container .tag-filter:hover, .aa-products.aa-bg-dark .aa-products__body .filter-container .tag-filter:hover { background: #EE7203; } .aa-products.aa-bg-secondary .aa-products__body .filter-container .tag-filter.active, .aa-products.aa-bg-complementary .aa-products__body .filter-container .tag-filter.active, .aa-products.aa-bg-dark .aa-products__body .filter-container .tag-filter.active { background: #EE7203; } .aa-quote { padding-left: 20px; padding-right: 20px; } .aa-quote .aa-inner { padding-top: 60px; padding-bottom: 60px; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .aa-quote .aa-inner { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 1440px) { .aa-quote .aa-inner { padding-top: 100px; padding-bottom: 100px; } } .aa-quote__header { margin-bottom: 20px; } .aa-quote__header .aa-subheading { color: RGB(var(--primary)); } .aa-quote__body { margin-bottom: 40px; } .aa-quote__footer { display: flex; flex-direction: column; } .aa-quote__footer .aa-quote__title, .aa-quote__footer .aa-quote__company { color: RGB(var(--primary)); text-transform: uppercase; } .aa-quote__footer .aa-quote__name { font-size: 20px; line-height: 25px; font-weight: var(--weight-500); margin-bottom: 5px; } @media (min-width: 992px) { .aa-quote__footer .aa-quote__name { font-size: 32px; line-height: 30px; } } .aa-quote__image { width: 100px; height: 100px; margin-bottom: 20px; border-radius: 50%; } .aa-content-alignment--center .aa-quote__image { align-self: center; } .aa-quote.aa-bg-primary .aa-subheading { color: RGB(var(--white)); } //Quote V2 .aa-quote-v2 { padding-left: 20px; padding-right: 20px; } .aa-quote-v2 .aa-inner { flex-direction: column; gap: 2rem; max-width: 1400px; } .aa-quote-v2__header, .aa-quote-v2__body { width: 100%; } @media (min-width: 768px) { .aa-quote-v2 .aa-inner { flex-direction: row; gap: 60px; } .aa-quote-v2--reversed .aa-inner { flex-direction: row-reverse; } .aa-quote-v2__header, .aa-quote-v2__body { max-width: 50%; } } @media (min-width: 992px) { .aa-quote-v2 .aa-inner { gap: 150px; } } .aa-quote-v2__header { padding-top: 90px; } .aa-quote-v2__header blockquote { font-feature-settings: 'clig' off, 'liga' off; font-size: 43px; font-style: normal; font-weight: 700; line-height: 35px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } @media (min-width: 992px) { .aa-quote-v2__header blockquote { font-size: 63px; line-height: 55px; } } .aa-quote-v2__header .aa-quote__name, .aa-quote__title .aa-quote__name { display: block; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; color: RGB(var(--primary)); } .aa-quote-v2__header .aa-quote__name { margin-top: 35px; } .aa-quote-v2__header .aa-quote__title { font-weight: 400; } .aa-quote-v2__body .aa-quote-v2-image { width: 100%; } .aa-quote-v2__body .aa-quote-v2-image img { width: 100%; height: 100%; object-fit: cover; } .aa-side-accordion { background: white; } .aa-side-accordion-wrapper { gap: 30px; display: none; } @media (min-width: 768px) { .aa-side-accordion-wrapper { display: flex; } } .aa-side-accordion__header { max-width: 30%; width: 100%; } .aa-side-accordion-item__header { cursor: pointer; padding: 10px; background: #172834; color: white; transition: background ease-in-out 0.2s; font-weight: 500; font-size: 18px; line-height: 23px; } .aa-side-accordion-item__header:hover, .aa-side-accordion-item__header.active { background: #EE7203; } .aa-side-accordion-item__body { display: none; color: RGB(var(--secondary)); padding: 20px; } .aa-side-accordion-item__body.active { display: block; } /* modifier */ .aa-side-accordion--horizontal .aa-side-accordion-wrapper { flex-direction: column; } .aa-side-accordion--horizontal .aa-side-accordion-wrapper .aa-side-accordion__header { max-width: 100%; display: flex; flex-wrap: wrap; gap: 10px; } .aa-side-accordion--horizontal .aa-side-accordion-wrapper .aa-side-accordion-item__body { padding-left: 0; padding-right: 0; } .aa-side-accordion-mobile-wrapper { display: block; } @media (min-width: 768px) { .aa-side-accordion-mobile-wrapper { display: none; } } .aa-side-accordion-mobile-body { box-sizing: content-box; height: 0; overflow: hidden; transition: height 0.3s ease; } .aa-side-accordion-mobile-header, .aa-side-accordion-mobile-body { color: RGB(var(--secondary)); } .aa-side-accordion-mobile-header { position: relative; padding: 10px; background: #172834; color: white; } .aa-side-accordion-mobile-header::before, .aa-side-accordion-mobile-header::after { content: ""; position: absolute; right: 15px; top: calc(50% - 1px); width: 15px; height: 1px; background-color: RGB(var(--white)); } .aa-side-accordion-mobile-header::after { transform: rotate(90deg); transition: transform .5s ease; } .aa-side-accordion-mobile-item.active .aa-side-accordion-mobile-header::before { display: none; } .aa-side-accordion-mobile-item.active .aa-side-accordion-mobile-header::after { transform: rotate(180deg); } .aa-side-accordion-mobile-body__inner { padding: 20px 10px; } .aa-text--columns { padding-left: var(--padding); padding-right: var(--padding); } .aa-text--columns .aa-content { max-width: calc(var(--full-site-width) / 12 * 10); margin-left: auto; margin-right: auto; } .aa-text--columns__header { max-width: calc(var(--full-site-width) / 12 * 4); margin-bottom: 30px; } .aa-text--columns__body { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .aa-text--columns__body--item { width: 100%; margin-top: 30px; } .aa-text--columns__body--item:first-of-type { margin-top: 0; } .aa-text--columns__body--item:last-of-type { margin-right: 0; } @media (min-width: 768px) { .aa-text--columns__body--item { max-width: calc(100%/2 - 30px/2); margin-right: 30px; } .aa-text--columns__body--item:nth-of-type(2n+2) { margin-right: 0; } .aa-text--columns__body--item:nth-of-type(-n+2) { margin-top: 0; } } @media (min-width: 1200px) { .aa-text--columns__body--item { max-width: calc(100%/4 - 90px/4); margin-top: 0; } .aa-text--columns__body--item:nth-of-type(2n+2) { margin-right: 30px; } .aa-text--columns__body--item:last-of-type { margin-right: 0; } } .aa-text.aa-bg-overlay--primary .aa-subheading { color: RGB(var(--white)); } .aa-text__header, .aa-text__body { margin-bottom: 20px; } .aa-text__header:last-child, .aa-text__body:last-child { margin-bottom: 0; } .aa-text__body--columns { display: flex; flex-direction: column; } .aa-text__body--columns .aa-text__body--item { flex: 1; margin-bottom: 20px; } @media (min-width: 768px) { .aa-text__body--columns { flex-direction: row; } .aa-text__body--columns .aa-text__body--item { margin-bottom: 0; margin-right: 20px; } } .aa-text__body--columns .aa-text__body--item:last-of-type { margin-bottom: 0; margin-right: 0; } @media only screen and (min-width: 768px) { .aa-text:has(.aa-content-width--1440) .aa-inner, .aa-text .aa-content.aa-content-width--1440 { max-width: 1440px; } } .aa-timeline { padding-left: 20px; padding-right: 20px; } .aa-timeline .aa-inner { max-width: calc(var(--full-site-width) / 12 * 4.5); margin-left: auto; margin-right: auto; flex-direction: column; } @media (min-width: 768px) { .aa-timeline .aa-inner { max-width: calc(var(--full-site-width) / 12 * 10); } } .aa-timeline-junction::before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 2px solid RGB(var(--white)); border-radius: 50%; background-color: RGB(var(--secondary)); transform: translateY(-50%) translateX(-50%); pointer-events: none; z-index: 3; } .aa-timeline-dash::after { content: ""; display: block; position: absolute; left: 50%; width: 0; border-left: 2px dashed RGB(var(--white)); transform: translateX(-50%); pointer-events: none; } .aa-timeline-dash-hider { position: absolute; width: 4px; height: 1000px; transform: translateX(-50%); pointer-events: none; } .aa-timeline__header { max-width: calc(var(--full-site-width) / 12 * 8); padding-bottom: 40px; border-bottom: 1px solid RGB(var(--white)); } .aa-timeline__header .title { margin-bottom: 30px; } .aa-timeline__header .aa-button:not(:first-child) { margin-top: 20px; } .aa-timeline__body { position: relative; overflow: hidden; margin-top: 80px; } @media (min-width: 992px) { .aa-timeline__body { margin-top: 120px; } } .aa-timeline__body::after { content: ""; position: absolute; left: 50%; width: 0; border-left: 2px dashed RGB(var(--white)); transform: translateX(-50%); pointer-events: none; display: none; top: 0; bottom: 0; left: 50%; } .aa-timeline__footer { position: relative; margin-top: 120px; clear: both; } .aa-timeline__footer::after { content: ""; display: block; position: absolute; left: 50%; width: 0; border-left: 2px dashed RGB(var(--white)); transform: translateX(-50%); pointer-events: none; bottom: 100%; height: 80px; } .aa-timeline-item { position: relative; margin-top: 160px; } .aa-timeline-item::before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 2px solid RGB(var(--white)); border-radius: 50%; background-color: RGB(var(--secondary)); transform: translateY(-50%) translateX(-50%); pointer-events: none; z-index: 3; top: calc(100% + 80px); left: 50%; } .aa-timeline-item::after { content: ""; display: block; position: absolute; left: 50%; width: 0; border-left: 2px dashed RGB(var(--white)); transform: translateX(-50%); pointer-events: none; top: calc(100% + 40px); height: 80px; } @media (min-width: 768px) { .aa-timeline__body { max-width: none; } .aa-timeline__body::after { display: block; } .aa-timeline__footer { margin-top: 0; } .aa-timeline__footer::after { display: none; } .aa-timeline-item { width: calc(100% / 2 - 45px); margin-top: 120px; } .aa-timeline-item::before { display: none; } .aa-timeline-item::after { display: none; } } .aa-timeline-item:first-of-type { margin-top: 0; } .aa-timeline-item:last-of-type:before, .aa-timeline-item:last-of-type:after { display: none; } .aa-timeline-item:nth-of-type(odd) { float: left; clear: left; } .aa-timeline-item:nth-of-type(even) { float: right; clear: right; } @media (min-width: 768px) { .aa-timeline-item:nth-of-type(odd) { margin-right: 45px; } .aa-timeline-item:nth-of-type(even) { margin-left: 45px; } } @media (min-width: 1200px) { .aa-timeline-item:nth-of-type(2) { margin-top: 240px; } } .aa-timeline-item__header h4 { margin-bottom: 10px; } .aa-timeline-item__image, .aa-timeline-item__video { position: relative; display: block; overflow: visible; padding-bottom: 40%; } .aa-timeline-item__image::before, .aa-timeline-item__video::before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 2px solid RGB(var(--white)); border-radius: 50%; background-color: RGB(var(--secondary)); transform: translateY(-50%) translateX(-50%); pointer-events: none; z-index: 3; } .aa-timeline-item__image::after, .aa-timeline-item__video::after { content: ""; display: block; position: absolute; left: 50%; width: 0; border-left: 2px dashed RGB(var(--white)); transform: translateX(-50%); pointer-events: none; } .aa-timeline-item__image .aa-timeline-dash-hider::before, .aa-timeline-item__video .aa-timeline-dash-hider::before { display: none; top: 50%; left: calc(100% + 45px); } .aa-timeline-item__image .aa-timeline-dash-hider::after, .aa-timeline-item__video .aa-timeline-dash-hider::after { display: none; top: 50%; width: 45px; left: 100%; border-left: 0; border-top: 2px dashed RGB(var(--white)); transform: translateY(-50%); } .aa-timeline-item__image .aa-timeline-dash-hider, .aa-timeline-item__video .aa-timeline-dash-hider { display: none; z-index: 1; } @media (min-width: 768px) { .aa-timeline-item__image .aa-timeline-dash-hider, .aa-timeline-item__video .aa-timeline-dash-hider { display: block; } .aa-timeline-item__image .aa-timeline-dash-hider::before, .aa-timeline-item__video .aa-timeline-dash-hider::before { display: block; } .aa-timeline-item__image .aa-timeline-dash-hider::after, .aa-timeline-item__video .aa-timeline-dash-hider::after { display: block; } .aa-timeline-item__image .aa-timeline-dash-hider, .aa-timeline-item__video .aa-timeline-dash-hider { display: block; } } .aa-timeline-item:nth-of-type(even) .aa-timeline-item__image:before, .aa-timeline-item:nth-of-type(even) .aa-timeline-item__video::before { left: -45px; } .aa-timeline-item:nth-of-type(even) .aa-timeline-item__image::after, .aa-timeline-item:nth-of-type(even) .aa-timeline-item__video::after { left: auto; right: 100%; } .aa-timeline-item:first-of-type .aa-timeline-item__image .aa-timeline-dash-hider, .aa-timeline-item:first-of-type .aa-timeline-item__video .aa-timeline-dash-hider { bottom: 50%; left: calc(100% + 45px); } .aa-timeline-item:last-of-type:nth-of-type(odd) .aa-timeline-item__image .aa-timeline-dash-hider, .aa-timeline-item:last-of-type:nth-of-type(odd) .aa-timeline-item__video .aa-timeline-dash-hider { top: 50%; left: calc(100% + 45px); } .aa-timeline-item:last-of-type:nth-of-type(even) .aa-timeline-item__image .aa-timeline-dash-hider, .aa-timeline-item:last-of-type:nth-of-type(even) .aa-timeline-item__video .aa-timeline-dash-hider { top: 50%; left: -45px; } .aa-timeline-item__body { background-color: transparent; padding: 0; padding-top: 20px; } .aa-timeline-item__body .aa-button { margin-top: 25px; } .aa-timeline-info { display: flex; flex-wrap: wrap; background-color: RGB(var(--white)); box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25); padding: 40px 20px; } .aa-timeline-info .info-item { width: 100%; color: RGB(var(--black)); margin-top: 50px; } .aa-timeline-info .info-item:first-of-type { margin-top: 0; } .aa-timeline-info .info-item:last-of-type { margin-right: 0; } @media (min-width: 576px) { .aa-timeline-info { padding: 80px; } } @media (min-width: 768px) { .aa-timeline-info .info-item { max-width: calc(100%/ 2 - 60px / 2 ); margin-right: 60px; } .aa-timeline-info .info-item:nth-of-type(2n+2) { margin-right: 0; } .aa-timeline-info .info-item:nth-of-type(-n+2){ margin-top: 0; } } @media (min-width: 992px) { .aa-timeline-info .info-item { max-width: calc(100%/ 3 - 120px / 3 ); } .aa-timeline-info .info-item:nth-of-type(-n+3){ margin-top: 0; } .aa-timeline-info .info-item:nth-of-type(2n+2) { margin-right: 60px; } .aa-timeline-info .info-item:nth-of-type(3n+3) { margin-right: 0; } } .aa-timeline-info hr { width: 90px; background-color: RGB(var(--secondary-b)); height: 2px; margin-top: 30px; margin-bottom: 0; margin-left: 0; } /* Modifiers */ .aa-timeline--info-box .aa-timeline__body { padding-bottom: 120px; } .aa-timeline--info-box .aa-timeline-item:last-of-type .aa-timeline-dash-hider { display: none; } .aa-timeline-item__video { padding-bottom: 56.25%; } @media (min-width: 768px) { .aa-video .aa-content-width--narrow { max-width: calc(var(--full-site-width) / 12 * 8); } .aa-video .aa-content-width--normal { max-width: calc(var(--full-site-width) / 12 * 10); } .aa-video .aa-content-width--wide { max-width: calc(var(--full-site-width) / 12 * 12); } } .aa-video .aa-content { margin-left: auto; margin-right: auto; } .systems-page { width: 100%; padding-left: var(--padding); padding-right: var(--padding); padding-top: 80px; padding-bottom: 80px; } .systems-page p.header { padding: 20px; margin-bottom: 20px; } .systems-page .hs-button { margin-top: 20px; } .systems-page .error-page { text-align: center; } @media (min-width: 992px) { .systems-page { max-width: calc(var(--full-site-width) / 12 * 8); margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 1200px) { .systems-page { padding-top: 200px; padding-bottom: 200px; } } .aa-blog-post-header { padding-top: 80px; padding-bottom: 80px; } @media (min-width: 992px) { .aa-blog-post-header { padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 1440px) { .aa-blog-post-header { padding-top: 100px; padding-bottom: 100px; } } .aa-blog-post-header__inner { max-width: calc(var(--full-site-width) / 12 * 6); margin: 0 auto; padding-left: var(--padding); padding-right: var(--padding); } .aa-blog-post-header__inner::after { content: ''; display: block; border-bottom: 1px solid #9D9D9C; } @media (min-width: 992px) { .aa-blog-post-header__inner { max-width: calc(var(--full-site-width) / 12 * 10); } } @media (min-width: 1440px) { .aa-blog-post-header__inner { padding-left: 0; padding-right: 0; } } .aa-blog-post__body { display: flex; align-items: center; flex-direction: column-reverse; } .aa-blog-post__body .aa-blog-post__info { width: 100%; } .aa-blog-post__body .aa-blog-post__title { padding-top: 30px; } .aa-blog-post__body .aa-blog-post__title .aa-subtitle { display: block; color: RGB(var(--primary)); text-transform: uppercase; font-weight: var(--weight-600); margin-bottom: 20px; } .aa-blog-post__body .aa-blog-article__author { margin-left: 20px; } @media (min-width: 992px) { .aa-blog-post__body { flex-direction: row; } .aa-blog-post__body .aa-blog-post__info { width: 50%; padding-right: 30px; } .aa-blog-post__body .aa-blog-post__title { padding-top: 0; } } .aa-blog-post-header__image { height: 300px; width: 100%; } @media (min-width: 768px) { .aa-blog-post-header__image { height: 400px; } } @media (min-width: 992px) { .aa-blog-post-header__image { width: 50%; min-height: 350px; margin-bottom: 0; } } @media (min-width: 1200px) { .aa-blog-post-header__image { max-height: 420px; max-width: 600px; height: 100%; margin-bottom: 0; } } .aa-blog-post__footer { max-width: calc(var(--full-site-width) / 12 * 10); display: flex; flex-direction: column; padding-top: 20px; } @media (min-width: 768px) { .aa-blog-post__footer { flex-direction: row; padding-top: 50px; } } .aa-blog-post__footer .aa-blog-post__author { font-weight: var(--weight-600); font-size: 12px; line-height: 16px; text-transform: uppercase; color: RGB(var(--white)); } @media (min-width: 768px) { .aa-blog-post__footer .aa-blog-post__author { font-size: 16px; line-height: 20px; } } .aa-blog-post__footer ul { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; } .aa-blog-post__footer ul li { margin: 0; } .aa-blog-post__footer ul li:not(:last-of-type) { margin-right: 10px; } @media (min-width: 992px) { .aa-blog-post__footer ul li:not(:last-of-type) { margin-right: 20px; } } .aa-blog-post__footer ul li span { font-weight: var(--weight-600); font-size: 12px; line-height: 16px; text-transform: uppercase; color: #9D9D9C; } .aa-blog-post__footer ul a { text-decoration: none; } .aa-blog-post__footer .aa-social { display: flex; align-items: center; padding-top: 16px; padding-bottom: 16px; } @media (min-width: 768px) { .aa-blog-post__footer ul li span { font-size: 16px; line-height: 20px; } .aa-blog-post__footer .aa-social { margin-left: auto; } } .aa-blog-post-content { padding-top: 80px; padding-bottom: 60px; color: RGB(var(--text-dark)); background-color: RGB(var(--white)); } .aa-blog-post-content h3:first-child { margin-bottom: 30px; } @media (min-width: 992px) { .aa-blog-post-content { padding-top: 120px; padding-bottom: 80px; } .aa-blog-post-content h3:first-child { margin-bottom: 40px; } } @media (min-width: 1440px) { .aa-blog-post-content { padding-bottom: 100px; } } .aa-blog-post-content .hs-cta-img { height: auto; } .aa-blog-post-content__inner { width: 100%; padding-left: var(--padding); padding-right: var(--padding); } .aa-blog-post-content__inner span.cta-wrapper { display: block; } .aa-blog-post-content__inner * + img { margin-top: 30px; } .aa-blog-post-content__inner img { margin-bottom: 30px; } @media (min-width: 768px) { .aa-blog-post-content__inner { max-width: calc(var(--full-site-width) / 12 * 6); margin-left: auto; margin-right: auto; } .aa-blog-post-content__inner * + img { margin-top: 50px; } .aa-blog-post-content__inner img { margin-bottom: 50px; } } @media (min-width: 992px) { .aa-blog-post-content__inner { padding-left: 0; padding-right: 0; } } .aa-blog-post-content__inner td ul { margin-bottom: 25px; } .aa-blog-post-content__inner p > a { display: inline; } .aa-blog-post-content__inner ul, .aa-blog-post-content__inner ol { margin-top: 0; margin-bottom: 30px; } .aa-blog-post-intro { width: 100%; padding-top: 30px; padding-bottom: 30px; } @media (min-width: 768px) { .aa-blog-article__date { margin-bottom: 32px; } } @media (min-width: 992px) { .aa-blog-post-intro { max-width: calc(var(--full-site-width) / 12 * 10); margin-left: auto; margin-right: auto; } } @media (min-width: 1440px) { .aa-blog-post-intro { padding-top: 40px; padding-bottom: 40px; } } .aa-blog-post-intro__inner { display: flex; flex-flow: row wrap; } @media (min-width: 1200px) { .aa-blog-post-intro__inner { position: relative; flex-flow: row nowrap; padding-top: 32px; } } .aa-blog-post-intro__header { display: flex; width: 100%; padding-left: var(--padding); padding-right: var(--padding); margin-bottom: 30px; } @media (min-width: 768px) { .aa-blog-post-intro__header { flex-direction: column; align-items: flex-start; margin-bottom: 0; } } @media (min-width: 1200px) { .aa-blog-post-intro__header { max-width: calc(var(--full-site-width) / 12 * 1.5); position: absolute; } } @media (min-width: 1440px) { .aa-blog-post-intro__header { margin-bottom: 40px; padding-bottom: 0; padding-left: 0; padding-right: 0; max-width: calc(var(--full-site-width) / 12 * 2); } } .aa-blog-post-intro__header__inner { display: flex; align-items: center; width: 100%; } .aa-blog-post-intro .aa-avatar { flex: 0 0 auto; margin-bottom: 0; } .aa-blog-post-intro .aa-social { display: flex; flex-direction: column; width: 100%; max-width: calc(100% / 4); margin-left: auto; } @media (min-width: 768px) { .aa-blog-post-intro .aa-avatar { margin-bottom: 15px; } .aa-blog-post-intro .aa-social { max-width: calc(100% / 10 * 3); align-items: flex-end; } } @media (min-width: 1200px) { .aa-blog-post-intro__header__inner { flex-direction: column; } .aa-blog-post-intro .aa-social { margin-left: auto; order: 3; max-width: calc(var(--full-site-width) / 12 * 2); align-items: center; } } .aa-blog-post-intro .aa-social p { font-size: 14px; } .aa-blog-post-intro .aa-social svg path { fill: RGB(var(--primary)); } .aa-blog-post-intro__meta { display: flex; flex-direction: column; justify-content: center; margin-left: 15px; } .aa-blog-post-intro__meta .aa-blog-article__author { margin-bottom: 8px; } @media (min-width: 1200px) { .aa-blog-post-intro__meta { margin-left: 0; text-align: center; } } .aa-blog-post-intro__body { width: 100%; padding-left: var(--padding); padding-right: var(--padding); } @media (min-width: 768px) { .aa-blog-post-intro__body { padding-top: 32px; padding-bottom: 32px; } } @media (min-width: 992px) { .aa-blog-post-intro__body { max-width: calc(var(--full-site-width) / 12 * 6); margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } } @media (min-width: 1200px) { .aa-blog-post-intro__body { order: 2; padding-top: 0; padding-bottom: 0; } } .aa-avatar { width: 80px; height: 80px; border-radius: 50%; } @media (min-width: 768px) { .aa-avatar { width: 100px; height: 100px; } } .aa-social p { margin-bottom: 10px; text-align: center; font-weight: var(--weight-700); } .aa-social svg { fill: RGB(var(--white)); } .aa-social .aa-social__inner { display: flex; } .aa-social .aa-social__inner a { display: block; } .aa-social .aa-social__inner a:not(:last-of-type) { margin-right: 10px; } @media (min-width: 768px) { .aa-social .aa-social__inner a:not(:last-of-type) { margin-right: 20px; } } .aa-social .aa-social__inner svg { width: 29px; height: 29px; fill: RGB(var(--primary)); } .aa-social .aa-social__inner svg:hover { opacity: 0.7; } .aa-blog--index .aa-site-footer, .aa-blog--post .aa-site-footer { margin-top: 80px; } .aa-blog--index .aa-cards__header { max-width: calc(var(--full-site-width) / 12 * 10); } @media (min-width: 768px) { .aa-blog--index .aa-cards__header { display: flex; justify-content: space-between; } } .aa-blog--index .aa-card { display: flex; flex-direction: column; width: 100%; max-width: calc(var(--full-site-width) / 12 * 3); margin-left: auto; margin-right: auto; margin-bottom: 32px; transition: all var(--speed) var(--animation); } @media (min-width: 992px) { .aa-blog--index .aa-card { flex-wrap: wrap; max-width: calc(100%/4 - 45px/4); margin-left: 0; margin-right: 15px; margin-bottom: 0; margin-top: 50px; } .aa-blog--index .aa-card:nth-child(3n + 3) { margin-right: 15px; } .aa-blog--index .aa-card:nth-child(4n + 4) { margin-right: 0; } .aa-blog--index .aa-card:nth-child(-n + 4) { margin-top: 0; } .aa-blog--index .aa-card:last-child { margin-right: 0; } } .aa-blog--index .aa-cards__body { margin-bottom: 50px; } .aa-cards__body.grid { max-width: 1440px; margin: 0 auto; margin-bottom: 220px; padding-left: var(--padding); padding-right: var(--padding); } .aa-cards__body.grid .aa-card { width: calc(100% - 48px); margin: 0; margin-right: 16px; margin-bottom: 16px; max-width: 100%; } @media (min-width: 576px) { .aa-cards__body.grid .aa-card { max-width: calc(100%/2 - 48px); width: 50%; } } @media (min-width: 992px) { .aa-cards__body.grid { padding-left: 0; padding-right: 0; } .aa-cards__body.grid .aa-card { max-width: calc(100%/4 - 48px/3); width: 25%; } } .aa-tags--iso .aa-tags__inner .aa-article-cards__filter { margin-left: 0; } .aa-blog-index-filter-wrapper { padding-left: var(--padding); padding-right: var(--padding); margin-bottom: 65px; } .aa-blog-index-filter-wrapper .aa-inner { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; padding-bottom: 32px; max-width: 1440px; } .aa-blog-index-filter-wrapper .aa-pagination--iso { margin-bottom: 0; } .aa-blog-index-filter-wrapper .aa-pagination--iso ul { gap: 5px; } .aa-blog-index-filter-wrapper .aa-pagination--iso ul li { margin-bottom: 0; } .aa-filter-wrapper { display: flex; flex-direction: column; gap: 16px; } @media (min-width: 768px) { .aa-blog-index-filter-wrapper .aa-inner { flex-direction: row; align-items: center; justify-content: space-between; padding-top: 100px; padding-bottom: 100px; } .aa-filter-wrapper { flex-direction: row; align-items: center; } }