@charset "UTF-8";
@media (max-width: 47.9375rem) {
.layout--threecol-section {
flex-direction: column;
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.layout--threecol-section {
flex-direction: row;
flex-wrap: wrap;
}
.layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region {
flex: 0 1 50% !important;
}
.layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region {
flex: 0 1 50% !important;
}
.layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region.layout__region--third {
flex: 0 1 100% !important;
}
.layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region {
flex: 0 1 50% !important;
}
.layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region.layout__region--first {
flex: 0 1 100% !important;
}
.layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region {
flex: 0 1 50% !important;
}
.layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region.layout__region--second {
flex: 0 1 100% !important;
}
}
@media (max-width: 47.9375rem) {
.layout--fourcol-section {
flex-direction: column;
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.layout--fourcol-section {
flex-direction: row;
flex-wrap: wrap;
}
.layout--fourcol-section > .layout__region {
flex: 0 1 50% !important;
}
}
.block-inline-block-deal-library-list [data-layout] .card-article.card-article-transaction .link a.button:focus-visible:after {
width: 15px;
height: 13px;
display: inline-block;
margin-left: 5px;
position: initial;
outline: none;
border-radius: 0;
}
.page-wrapper h1 {
font-size: 2em;
margin: 0.67em 0;
}
.page-wrapper hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.page-wrapper a {
background-color: transparent;
}
.page-wrapper abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.page-wrapper b,
.page-wrapper strong {
font-weight: 700;
}
.page-wrapper pre,
.page-wrapper code,
.page-wrapper kbd,
.page-wrapper samp {
font-family: monospace, monospace;
font-size: 1em;
}
.page-wrapper small {
font-size: 80%;
}
.page-wrapper sub,
.page-wrapper sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.page-wrapper sub {
bottom: -0.25em;
}
.page-wrapper sup {
top: -0.5em;
}
.page-wrapper img {
border-style: none;
}
.page-wrapper button,
.page-wrapper input,
.page-wrapper optgroup,
.page-wrapper select,
.page-wrapper textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
}
.page-wrapper button,
.page-wrapper input {
overflow: visible;
}
.page-wrapper button,
.page-wrapper select {
text-transform: none;
}
.page-wrapper button,
.page-wrapper [type=button],
.page-wrapper [type=reset],
.page-wrapper [type=submit] {
-webkit-appearance: button;
}
.page-wrapper button::-moz-focus-inner,
.page-wrapper [type=button]::-moz-focus-inner,
.page-wrapper [type=reset]::-moz-focus-inner,
.page-wrapper [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.page-wrapper button:-moz-focusring,
.page-wrapper [type=button]:-moz-focusring,
.page-wrapper [type=reset]:-moz-focusring,
.page-wrapper [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.page-wrapper fieldset {
padding: 0.35em 0.75em 0.625em;
}
.page-wrapper legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.page-wrapper progress {
vertical-align: baseline;
}
.page-wrapper textarea {
overflow: auto;
}
.page-wrapper [type=checkbox],
.page-wrapper [type=radio] {
box-sizing: border-box;
padding: 0;
}
.page-wrapper [type=number]::-webkit-inner-spin-button,
.page-wrapper [type=number]::-webkit-outer-spin-button {
height: auto;
}
.page-wrapper [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.page-wrapper [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.page-wrapper ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.page-wrapper summary {
display: list-item;
}
.page-wrapper template,
.page-wrapper [hidden] {
display: none;
}
html {
box-sizing: border-box;
height: 100%;
font: -apple-system-body;
font-size: 1em;
line-height: 1.15;
}
body {
margin: 0;
font-kerning: normal;
text-rendering: optimizeLegibility;
font-variant-ligatures: common-ligatures contextual;
font-feature-settings: "kern", "liga", "clig", "calt";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
overscroll-behavior-y: none;
--safe-area-inset-top: 0;
--safe-area-inset-right: 0;
--safe-area-inset-bottom: 0;
--safe-area-inset-left: 0;
--safe-area-inset-top: constant(safe-area-inset-top);
--safe-area-inset-right: constant(safe-area-inset-right);
--safe-area-inset-bottom: constant(safe-area-inset-bottom);
--safe-area-inset-left: constant(safe-area-inset-left);
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-right: env(safe-area-inset-right);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--safe-area-inset-left: env(safe-area-inset-left);
}
.page-wrapper header,
.page-wrapper main,
.page-wrapper footer,
.page-wrapper nav,
.page-wrapper article,
.page-wrapper section,
.page-wrapper figure,
.page-wrapper figcaption,
.page-wrapper aside,
.page-wrapper details {
display: block;
padding: 0.015625px initial;
}
.page-wrapper a,
.page-wrapper button,
.page-wrapper label,
.page-wrapper select,
.page-wrapper [type=checkbox],
.page-wrapper [type=radio] {
cursor: pointer;
touch-action: manipulation;
}
.page-wrapper a svg,
.page-wrapper button svg,
.page-wrapper label svg,
.page-wrapper select svg,
.page-wrapper [type=checkbox] svg,
.page-wrapper [type=radio] svg {
pointer-events: none;
}
.page-wrapper nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.page-wrapper figure {
margin: 0;
}
.visually-hidden:not(:focus):not(:active):not(.trigger) {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
* {
--ff-0: "CentraNo2";
--ff-1: "CentraNo2";
--fw-300: 300;
--fw-400: 400;
--fw-500: 500;
--fw-700: 700;
--fw-800: 800;
--fw-900: 900;
--lh--4: 1.35;
--lh--3: 1.34;
--lh--2: 1.33;
--lh--1: 1.29;
--lh-0: 1.2;
--lh-1: 1.15;
--lh-2: 1.14;
--lh-3: 1.11;
--lh-4: 1.1;
--lh-5: 1.05;
--lh-6: 1.06;
--lh-7: 1.04;
--lh-8: 1;
--lh-9: 1;
--lh-10: 1;
--lh-11: 1;
--lh-12: 1;
--fs--4: 0.59rem;
--fs--3: 0.71rem;
--fs--2: 0.84rem;
--fs--1: 0.92rem;
--fs-0: 1rem;
--fs-1: 1.09rem;
--fs-2: 1.18rem;
--fs-3: 1.28rem;
--fs-4: 1.39rem;
--fs-5: 1.51rem;
--fs-6: 1.64rem;
--fs-7: 1.78rem;
--fs-8: 1.94rem;
--fs-9: 2.1rem;
--fs-10: 2.28rem;
--fs-11: 2.48rem;
--fs-12: 2.69rem;
}
@media (min-width: 20rem) {
* {
--fs--4: calc(
0.59rem +
0.13 *
(100vw - 20rem) /
60
);
--fs--3: calc(
0.71rem +
0.07 *
(100vw - 20rem) /
60
);
--fs--2: calc(
0.84rem +
0.01 *
(100vw - 20rem) /
60
);
--fs--1: calc(
0.92rem +
0.08 *
(100vw - 20rem) /
60
);
--fs-0: calc(
1rem +
0.19 *
(100vw - 20rem) /
60
);
--fs-1: calc(
1.09rem +
0.32 *
(100vw - 20rem) /
60
);
--fs-2: calc(
1.18rem +
0.5 *
(100vw - 20rem) /
60
);
--fs-3: calc(
1.28rem +
0.72 *
(100vw - 20rem) /
60
);
--fs-4: calc(
1.39rem +
0.99 *
(100vw - 20rem) /
60
);
--fs-5: calc(
1.51rem +
1.32 *
(100vw - 20rem) /
60
);
--fs-6: calc(
1.64rem +
1.72 *
(100vw - 20rem) /
60
);
--fs-7: calc(
1.78rem +
2.22 *
(100vw - 20rem) /
60
);
--fs-8: calc(
1.94rem +
2.82 *
(100vw - 20rem) /
60
);
--fs-9: calc(
2.1rem +
3.56 *
(100vw - 20rem) /
60
);
--fs-10: calc(
2.28rem +
4.45 *
(100vw - 20rem) /
60
);
--fs-11: calc(
2.48rem +
5.52 *
(100vw - 20rem) /
60
);
--fs-12: calc(
2.69rem +
6.82 *
(100vw - 20rem) /
60
);
}
}
@media (min-width: 80rem) {
* {
--fs--4: 0.72rem;
--fs--3: 0.78rem;
--fs--2: 0.85rem;
--fs--1: 1rem;
--fs-0: 1.19rem;
--fs-1: 1.41rem;
--fs-2: 1.68rem;
--fs-3: 2rem;
--fs-4: 2.38rem;
--fs-5: 2.83rem;
--fs-6: 3.36rem;
--fs-7: 4rem;
--fs-8: 4.76rem;
--fs-9: 5.66rem;
--fs-10: 6.73rem;
--fs-11: 8rem;
--fs-12: 9.51rem;
}
}
@font-face {
font-family: "CentraNo2";
src: url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-300.woff2") format("woff2"), url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-300.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: "CentraNo2";
src: url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-400.woff2") format("woff2"), url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-400.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: "CentraNo2";
src: url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-500.woff2") format("woff2"), url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-500.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: "CentraNo2";
src: url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-700.woff2") format("woff2"), url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-700.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: "CentraNo2";
src: url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-800.woff2") format("woff2"), url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-800.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: "CentraNo2";
src: url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-900.woff2") format("woff2"), url("/themes/custom/frankly_theme/css/storybook/../fonts/CentraNo2-900.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: auto;
}
body {
font-family: "CentraNo2", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 300;
color: #000000;
}
.page-main p {
font-family: "CentraNo2";
}
.page-main a:first-child,
.page-main li:first-child {
margin-top: 0;
}
.page-main a:only-child,
.page-main li:only-child {
margin: 0;
}
.page-main p a {
font-weight: var(--fw-400);
}
.page-main strong a {
font-weight: var(--fw-700);
}
.page-main .text-light h3 {
color: white;
}
.page-main .heavy {
font-weight: 900;
}
.page-main .bold {
font-weight: 700;
}
.page-main .medium {
font-weight: 500;
}
.page-main .regular {
font-weight: 400;
}
.page-main .thin {
font-weight: 300;
}
.page-main h1,
.page-main h2,
.page-main h3,
.page-main h4,
.page-main h5,
.page-main h6,
.page-main blockquote {
margin: 0;
}
.page-main h1 .strong,
.page-main h1 strong,
.page-main h2 .strong,
.page-main h2 strong,
.page-main h3 .strong,
.page-main h3 strong,
.page-main h4 .strong,
.page-main h4 strong,
.page-main h5 .strong,
.page-main h5 strong,
.page-main h6 .strong,
.page-main h6 strong,
.page-main blockquote .strong,
.page-main blockquote strong {
font-weight: 700;
}
.page-main h1 {
font: var(--fw-300) var(--fs-7)/var(--lh-5) var(--ff-0);
margin: 1.875rem 0;
}
.page-main h2 {
font: var(--fw-300) var(--fs-8)/var(--lh-1) var(--ff-0);
}
.page-main h3 {
font: var(--fw-300) var(--fs-4)/var(--lh--1) var(--ff-0);
}
.page-main h4 {
font: var(--fw-300) var(--fs-3)/var(--lh--1) var(--ff-0);
}
.page-main h4.medium {
font-weight: 500;
}
.page-main h5 {
font: var(--fw-500) var(--fs-2)/var(--lh--1) var(--ff-0);
color: #757679;
}
.page-main h5.white {
color: white;
}
.page-main h5.blue {
color: #004c99;
}
.page-main h5.green {
color: #008c95;
}
.page-main h6 {
font: var(--fw-500) var(--fs-1)/var(--lh--1) var(--ff-0);
color: #757679;
}
.page-main h6.bold {
font-weight: bold;
}
.page-main h6.white {
color: white;
}
.page-main h6.blue {
color: #004c99;
}
.page-main h6.green {
color: #008c95;
}
.page-main h1,
.page-main h2 {
margin-inline-start: -0.12ch;
}
.page-main p,
.page-main figcaption,
.page-main li {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
}
.page-main p .strong,
.page-main p strong,
.page-main span .strong,
.page-main span strong {
font-weight: 700;
}
.page-main p.bigger,
.page-main span.bigger {
font-size: var(--fs-2) !important;
}
.page-main p.normal,
.page-main span.normal {
font-size: var(--fs--1);
}
.page-main p.smaller,
.page-main span.smaller {
font-size: var(--fs--2) !important;
}
.page-main p.reference,
.page-main span.reference {
font-size: var(--fs--4) !important;
}
.page-main p.text-in-box,
.page-main span.text-in-box {
border: unset !important;
background-color: #008c95;
color: white;
padding: 0.625rem;
}
.page-main p.text-align-center a,
.page-main span.text-align-center a {
margin-left: auto;
margin-right: auto;
}
.page-main .reference sup {
top: -0.5em;
font-size: 75%;
}
.page-main sup {
top: -1em;
font-size: 50%;
}
.page-main .italic,
.page-main em,
.page-main i {
font-style: italic;
}
.page-main .caps {
text-transform: uppercase;
}
.page-main .capitalize {
text-transform: capitalize;
}
.page-main address {
font-style: normal;
}
.page-main .text-left {
text-align: left;
}
.page-main .text-center {
text-align: center;
}
.page-main .text-right {
text-align: right;
}
.page-main .text-justify {
text-align: justify;
}
.page-main .text-hidden {
font: 0/0 a;
}
html {
--color-none: transparent;
--color-white: white;
--color-black: black;
--color-b: #004c99;
--color-grn: #008c95;
--color-g0: #ededeb;
--color-g1: #cececc;
--color-g2: #b9b9b9;
--color-g3: #a6a6a8;
--color-g4: #757679;
--color-g5: #454648;
--color-b0: #f2f6fa;
--color-b1: #e5edf4;
--color-b2: #ccdbeb;
--color-b3: #7fa5cc;
--color-b4: #a5c0db;
--color-o1: #e5eff1;
--color-o2: #cce1e4;
--color-o3: #99c3c9;
--color-o4: #66a4af;
--color-bg1: #ffffff;
--color-p: #000000;
--color-p1: #ffffff;
--color-p2: #004c99;
--color-p3: #008c95;
}
* {
--theme-padding: 3.125rem;
}
@media (max-width: 63.9375rem) {
* {
--theme-padding: 1.875rem;
}
}
body {
color: var(--color-p, black);
}
.page-main {
padding-top: var(--header-height);
margin: 0 auto;
}
.page-main a#main-content {
padding: 0;
margin: 0;
}
article {
z-index: 0;
}
footer {
max-width: 100rem;
margin: 0 auto;
}
/*
.mark {
background-color: var(--color-back, #ffffff);
}
*/
p {
color: var(--color-p, black);
}
a {
color: var(--color-black);
}
a:hover, a:focus {
color: var(--color-black);
}
.drop-cap::first-letter {
color: var(--color-p1);
}
[data-theme=white],
[data-theme=light-blue],
[data-theme=dark-grey],
[data-theme=b1] {
padding: var(--theme-padding);
}
[data-theme=white][data-layout~=justify] .block, [data-theme=white][data-layout~=wide] .block, [data-theme=white][data-layout~=full] .block,
[data-theme=light-blue][data-layout~=justify] .block,
[data-theme=light-blue][data-layout~=wide] .block,
[data-theme=light-blue][data-layout~=full] .block,
[data-theme=dark-grey][data-layout~=justify] .block,
[data-theme=dark-grey][data-layout~=wide] .block,
[data-theme=dark-grey][data-layout~=full] .block,
[data-theme=b1][data-layout~=justify] .block,
[data-theme=b1][data-layout~=wide] .block,
[data-theme=b1][data-layout~=full] .block {
padding-top: 0 !important;
}
[data-theme=white][data-layout~=justify] .block:only-of-type, [data-theme=white][data-layout~=wide] .block:only-of-type, [data-theme=white][data-layout~=full] .block:only-of-type,
[data-theme=light-blue][data-layout~=justify] .block:only-of-type,
[data-theme=light-blue][data-layout~=wide] .block:only-of-type,
[data-theme=light-blue][data-layout~=full] .block:only-of-type,
[data-theme=dark-grey][data-layout~=justify] .block:only-of-type,
[data-theme=dark-grey][data-layout~=wide] .block:only-of-type,
[data-theme=dark-grey][data-layout~=full] .block:only-of-type,
[data-theme=b1][data-layout~=justify] .block:only-of-type,
[data-theme=b1][data-layout~=wide] .block:only-of-type,
[data-theme=b1][data-layout~=full] .block:only-of-type {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
[data-theme=white][data-layout~=justify] .block:last-of-type, [data-theme=white][data-layout~=wide] .block:last-of-type, [data-theme=white][data-layout~=full] .block:last-of-type,
[data-theme=light-blue][data-layout~=justify] .block:last-of-type,
[data-theme=light-blue][data-layout~=wide] .block:last-of-type,
[data-theme=light-blue][data-layout~=full] .block:last-of-type,
[data-theme=dark-grey][data-layout~=justify] .block:last-of-type,
[data-theme=dark-grey][data-layout~=wide] .block:last-of-type,
[data-theme=dark-grey][data-layout~=full] .block:last-of-type,
[data-theme=b1][data-layout~=justify] .block:last-of-type,
[data-theme=b1][data-layout~=wide] .block:last-of-type,
[data-theme=b1][data-layout~=full] .block:last-of-type {
padding-bottom: 0 !important;
}
@media (max-width: 47.9375rem) {
[data-theme=white][data-layout~=justify].layout--onecol .block, [data-theme=white][data-layout~=wide].layout--onecol .block, [data-theme=white][data-layout~=full].layout--onecol .block,
[data-theme=light-blue][data-layout~=justify].layout--onecol .block,
[data-theme=light-blue][data-layout~=wide].layout--onecol .block,
[data-theme=light-blue][data-layout~=full].layout--onecol .block,
[data-theme=dark-grey][data-layout~=justify].layout--onecol .block,
[data-theme=dark-grey][data-layout~=wide].layout--onecol .block,
[data-theme=dark-grey][data-layout~=full].layout--onecol .block,
[data-theme=b1][data-layout~=justify].layout--onecol .block,
[data-theme=b1][data-layout~=wide].layout--onecol .block,
[data-theme=b1][data-layout~=full].layout--onecol .block {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 47.9375rem) {
[data-theme=white][data-layout~=justify].layout--twocol-section .block, [data-theme=white][data-layout~=wide].layout--twocol-section .block, [data-theme=white][data-layout~=full].layout--twocol-section .block,
[data-theme=light-blue][data-layout~=justify].layout--twocol-section .block,
[data-theme=light-blue][data-layout~=wide].layout--twocol-section .block,
[data-theme=light-blue][data-layout~=full].layout--twocol-section .block,
[data-theme=dark-grey][data-layout~=justify].layout--twocol-section .block,
[data-theme=dark-grey][data-layout~=wide].layout--twocol-section .block,
[data-theme=dark-grey][data-layout~=full].layout--twocol-section .block,
[data-theme=b1][data-layout~=justify].layout--twocol-section .block,
[data-theme=b1][data-layout~=wide].layout--twocol-section .block,
[data-theme=b1][data-layout~=full].layout--twocol-section .block {
padding: 0 !important;
padding-bottom: 0.625rem !important;
}
}
@media (min-width: 48rem) {
[data-theme=white][data-layout~=justify].layout--twocol-section .layout__region--first .block-image, [data-theme=white][data-layout~=wide].layout--twocol-section .layout__region--first .block-image, [data-theme=white][data-layout~=full].layout--twocol-section .layout__region--first .block-image,
[data-theme=light-blue][data-layout~=justify].layout--twocol-section .layout__region--first .block-image,
[data-theme=light-blue][data-layout~=wide].layout--twocol-section .layout__region--first .block-image,
[data-theme=light-blue][data-layout~=full].layout--twocol-section .layout__region--first .block-image,
[data-theme=dark-grey][data-layout~=justify].layout--twocol-section .layout__region--first .block-image,
[data-theme=dark-grey][data-layout~=wide].layout--twocol-section .layout__region--first .block-image,
[data-theme=dark-grey][data-layout~=full].layout--twocol-section .layout__region--first .block-image,
[data-theme=b1][data-layout~=justify].layout--twocol-section .layout__region--first .block-image,
[data-theme=b1][data-layout~=wide].layout--twocol-section .layout__region--first .block-image,
[data-theme=b1][data-layout~=full].layout--twocol-section .layout__region--first .block-image {
padding-right: 2.5rem !important;
}
}
@media (min-width: 48rem) {
[data-theme=white][data-layout~=justify].layout--twocol-section .layout__region--second .block-image, [data-theme=white][data-layout~=wide].layout--twocol-section .layout__region--second .block-image, [data-theme=white][data-layout~=full].layout--twocol-section .layout__region--second .block-image,
[data-theme=light-blue][data-layout~=justify].layout--twocol-section .layout__region--second .block-image,
[data-theme=light-blue][data-layout~=wide].layout--twocol-section .layout__region--second .block-image,
[data-theme=light-blue][data-layout~=full].layout--twocol-section .layout__region--second .block-image,
[data-theme=dark-grey][data-layout~=justify].layout--twocol-section .layout__region--second .block-image,
[data-theme=dark-grey][data-layout~=wide].layout--twocol-section .layout__region--second .block-image,
[data-theme=dark-grey][data-layout~=full].layout--twocol-section .layout__region--second .block-image,
[data-theme=b1][data-layout~=justify].layout--twocol-section .layout__region--second .block-image,
[data-theme=b1][data-layout~=wide].layout--twocol-section .layout__region--second .block-image,
[data-theme=b1][data-layout~=full].layout--twocol-section .layout__region--second .block-image {
padding-left: 2.5rem !important;
}
}
[data-theme=white] {
background-color: var(--color-white);
--theme-color: white;
}
[data-theme=light-blue],
[data-theme=b1] {
background-color: var(--color-b1);
--theme-color: #e5edf4;
position: relative;
}
[data-theme=dark-grey] {
background-color: var(--color-grn);
--theme-color: #008c95;
position: relative;
}
.layout-flex {
display: flex;
}
[data-layout] {
z-index: 0;
}
[data-layout] .layout__region {
width: 100%;
}
.vertical-align-top .layout__region {
justify-content: flex-start;
}
.vertical-align-middle .layout__region {
justify-content: center;
}
.vertical-align-bottom .layout__region {
justify-content: flex-end;
}
.layout__region {
display: flex;
flex-direction: column;
}
[data-layout~=justify] .layout__region--content,
[data-layout~=justify] .layout--wrapper {
max-width: 81.25rem;
margin-left: auto;
margin-right: auto;
}
[data-layout~=justify] .layout__region--content .block,
[data-layout~=justify] .layout--wrapper .block {
max-width: 62.5rem;
padding: var(--block-spacing);
margin: 0;
}
[data-layout~=wide] .layout__region--content,
[data-layout~=wide] .layout--wrapper {
max-width: 100rem;
margin-left: auto;
margin-right: auto;
}
[data-layout~=wide] .layout__region--content .block,
[data-layout~=wide] .layout--wrapper .block {
max-width: 81.25rem;
padding: var(--block-spacing);
margin: 0;
}
[data-layout~=full] .layout__region--content {
max-width: 100%;
}
:root {
--component-width: 62.5rem;
--block-spacing: 1.875rem;
--component-spacing: 1.875rem;
--theme-padding: 1.875rem;
--side-spacing: 1.875rem;
}
@media (min-width: 48rem) {
:root {
--component-spacing: 2.5rem 5rem;
--block-spacing: 1.875rem 3.125rem;
--side-spacing: 5rem;
}
}
@media (min-width: 64rem) {
:root {
--component-spacing: 3.125rem 5rem;
--block-spacing: 2.5rem 5rem;
--theme-padding: 3.125rem;
}
}
@media (min-width: 80rem) {
:root {
--side-spacing: 9.375rem;
--component-spacing: 3.125rem 9.375rem;
--block-spacing: 3.125rem 9.375rem;
}
}
[data-layout*=mt0] {
margin-top: 0rem;
}
[data-layout*=mt1] {
margin-top: 1.25rem;
}
[data-layout*=mt2] {
margin-top: 1.25rem;
}
[data-layout*=mt3] {
margin-top: 2.5rem;
}
[data-layout*=mt4] {
margin-top: 2.5rem;
}
[data-layout*=mb0] {
margin-bottom: 0rem;
}
[data-layout*=mb1] {
margin-bottom: 1.25rem;
}
[data-layout*=mb2] {
margin-bottom: 1.25rem;
}
[data-layout*=mb3] {
margin-bottom: 2.5rem;
}
[data-layout*=mb4] {
margin-bottom: 2.5rem;
}
@media (min-width: 30rem) {
[data-layout*=mt0] {
margin-top: -1.25rem;
}
[data-layout*=mt1] {
margin-top: 1.25rem;
}
[data-layout*=mt2] {
margin-top: 2.5rem;
}
[data-layout*=mt3] {
margin-top: 3.75rem;
}
[data-layout*=mt4] {
margin-top: 5rem;
}
[data-layout*=mb0] {
margin-bottom: -1.25rem;
}
[data-layout*=mb1] {
margin-bottom: 1.25rem;
}
[data-layout*=mb2] {
margin-bottom: 2.5rem;
}
[data-layout*=mb3] {
margin-bottom: 3.75rem;
}
[data-layout*=mb4] {
margin-bottom: 5rem;
}
}
@media (max-width: 47.9375rem) {
[data-layout*=mt0] {
margin-top: -1rem;
}
[data-layout*=mt1] {
margin-top: 1rem;
}
[data-layout*=mt2] {
margin-top: 2rem;
}
[data-layout*=mt3] {
margin-top: 3rem;
}
[data-layout*=mt4] {
margin-top: 4rem;
}
[data-layout*=mb0] {
margin-bottom: -1rem;
}
[data-layout*=mb1] {
margin-bottom: 1rem;
}
[data-layout*=mb2] {
margin-bottom: 2rem;
}
[data-layout*=mb3] {
margin-bottom: 3rem;
}
[data-layout*=mb4] {
margin-bottom: 4rem;
}
}
.layout--twocol-section .layout--wrapper > .layout__region--first .block,
.layout--twocol-section .layout--wrapper > .layout__region--second .block {
padding: 1.25rem;
}
@media (min-width: 48rem) {
.layout--twocol-section .layout--wrapper > .layout__region--first .block,
.layout--twocol-section .layout--wrapper > .layout__region--second .block {
padding: 1.25rem 1.875rem;
}
}
.layout--twocol-section .icon-cards .icon-cards-boxes[data-layout=horizontal] .icon-card {
max-width: unset !important;
}
@media (max-width: 47.9375rem) {
.layout--twocol-section {
flex-direction: column;
}
.layout--twocol-section .layout--wrapper > .layout__region--first {
margin-bottom: 1.875rem;
}
}
@media (min-width: 48rem) {
.layout--twocol-section .layout--wrapper > .layout__region--first > .block-image,
.layout--twocol-section .layout--wrapper > .layout__region--first > .block-text {
padding-right: 1.875rem;
padding-left: 0;
}
.layout--twocol-section .layout--wrapper > .layout__region--second > .block-image,
.layout--twocol-section .layout--wrapper > .layout__region--second > .block-text {
padding-left: 1.875rem;
padding-right: 0;
}
}
.layout--wrapper {
display: flex;
width: 100%;
}
/*
* @file
* Provides the layout styles for layout_onecol.
*/
.layout--onecol .layout__region {
width: 100%;
}
/*
* @file
* Provides the layout styles for two-column layout section.
*/
.layout--twocol-section {
display: flex;
}
.layout--twocol-section .layout__region {
height: 100%;
flex: 0 1 100%;
}
@media screen and (max-width: 48rem) {
.layout--twocol-section .layout--wrapper {
flex-direction: column;
}
}
@media screen and (min-width: 48rem) {
.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first,
.layout--twocol-section.layout--twocol-section--50-50 .layout__region--second {
flex: 0 1 50%;
}
.layout--twocol-section.layout--twocol-section--33-67 .layout__region--first,
.layout--twocol-section.layout--twocol-section--67-33 .layout__region--second {
flex: 0 1 33%;
}
.layout--twocol-section.layout--twocol-section--33-67 .layout__region--second,
.layout--twocol-section.layout--twocol-section--67-33 .layout__region--first {
flex: 0 1 67%;
}
.layout--twocol-section.layout--twocol-section--25-75 .layout__region--first,
.layout--twocol-section.layout--twocol-section--75-25 .layout__region--second {
flex: 0 1 25%;
}
.layout--twocol-section.layout--twocol-section--25-75 .layout__region--second,
.layout--twocol-section.layout--twocol-section--75-25 .layout__region--first {
flex: 0 1 75%;
}
}
/*
* @file
* Provides the layout styles for three-column layout section.
*/
.layout--threecol-section {
display: flex;
}
.layout--threecol-section > .layout__region {
flex: 0 1 100%;
}
@media screen and (min-width: 48rem) {
.layout--threecol-section--25-50-25 > .layout__region--first,
.layout--threecol-section--25-50-25 > .layout__region--third,
.layout--threecol-section--25-25-50 > .layout__region--first,
.layout--threecol-section--25-25-50 > .layout__region--second,
.layout--threecol-section--50-25-25 > .layout__region--second,
.layout--threecol-section--50-25-25 > .layout__region--third {
flex: 0 1 25%;
}
.layout--threecol-section--25-50-25 > .layout__region--second,
.layout--threecol-section--25-25-50 > .layout__region--third,
.layout--threecol-section--50-25-25 > .layout__region--first {
flex: 0 1 50%;
}
.layout--threecol-section--33-34-33 > .layout__region--first,
.layout--threecol-section--33-34-33 > .layout__region--third {
flex: 0 1 33%;
}
.layout--threecol-section--33-34-33 > .layout__region--second {
flex: 0 1 34%;
}
}
/*
* @file
* Provides the layout styles for four-column layout section.
*/
.layout--fourcol-section {
display: flex;
}
.layout--fourcol-section > .layout__region {
flex: 0 1 100%;
}
@media screen and (min-width: 48rem) {
.layout--fourcol-section > .layout__region {
flex: 0 1 25%;
}
}
[data-anim=parallax] img,
[data-anim=parallax] video {
will-change: transform;
height: 120% !important;
transform: translateY(calc(var(--ty) * 100%));
}
html[data-theme],
body,
body[data-theme] {
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
background: transparent;
}
.page-main img,
.page-main video {
z-index: 0;
display: block;
max-width: 100%;
}
.page-main img::before, .page-main img::after,
.page-main video::before,
.page-main video::after {
content: "";
display: table;
clear: left;
}
.page-main img::before,
.page-main video::before {
float: left;
padding-bottom: 56.25%;
}
figure.original_size {
width: fit-content;
margin: 0 auto;
}
.page-main img.full_width,
.page-main video.full_width {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.page-main img.original_size,
.page-main video.original_size {
width: auto;
height: auto;
margin: 0 auto;
}
.page-main img.wallpaper,
.page-main video.wallpaper {
z-index: -1;
position: absolute;
object-fit: cover;
object-position: center center;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-main img.circular,
.page-main video.circular {
border-radius: 50%;
aspect-ratio: 1;
}
.page-main .hover {
--imgAccent: var(--accent, #ccdbeb);
--scale: var(--imgScale, 1);
--transition: 0.5s ease;
position: relative;
aspect-ratio: var(--aspect, 16/9);
overflow: hidden;
}
.page-main .hover::after {
transition: var(--transition);
display: block;
content: "";
position: absolute;
inset-inline: 0;
inset-block-end: 0;
height: 6px;
background: var(--imgAccent);
}
.page-main .hover.article-image img {
height: auto;
}
.page-main .hover img {
transition: var(--transition);
height: 100%;
transform: scale(var(--scale));
}
.page-main .hover:hover, .page-main .hover:focus-within {
--imgAccent: var(--accent, #008c95);
--scale: var(--imgScale, 1.2);
}
.page-main .media-disclaimer {
font-size: 0.625rem;
font-weight: var(--fw-300);
}
.page-main .wallpaper .media-disclaimer {
position: absolute;
color: #ffffff;
padding-inline: 1.875rem;
}
@media (min-width: 48rem) {
.page-main .wallpaper .media-disclaimer {
padding-inline: 5rem;
}
}
@media (min-width: 80rem) {
.page-main .wallpaper .media-disclaimer {
padding-inline: 9.375rem;
}
}
@media (min-width: 100rem) {
.page-main .wallpaper .media-disclaimer {
padding-inline: max(var(--pad), var(--theme-padding, 9.375rem));
}
}
.page-main .media-disclaimer.left-align {
text-align: left;
left: 0;
}
.page-main .media-disclaimer.center-align {
text-align: center;
}
.page-main .media-disclaimer.right-align {
text-align: right;
right: 0;
}
@media (max-width: 47.9375rem) {
.page-main .media-disclaimer.right-align {
text-align: left;
left: 0;
right: auto;
}
}
picture.circular,
figure.circular {
width: 100%;
}
picture.circular div,
figure.circular div {
position: relative;
padding-top: 100%;
height: 0;
}
picture.circular img,
figure.circular img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border-radius: 50%;
}
.page-main img.caption,
.page-main video.caption {
height: 100%;
max-width: 100%;
max-height: 100%;
padding: 0;
}
.page-main img.natural img,
.page-main video.natural img {
position: relative;
height: auto;
}
.page-main img.contain img,
.page-main video.contain img {
object-fit: contain;
}
.page-main img.cover img,
.page-main video.cover img {
object-fit: cover;
}
.page-main img.aspect-21\:9::before, .page-main img.aspect-21\:9::after,
.page-main video.aspect-21\:9::before,
.page-main video.aspect-21\:9::after {
content: "";
display: table;
clear: left;
}
.page-main img.aspect-21\:9::before,
.page-main video.aspect-21\:9::before {
float: left;
padding-bottom: 42.8571428571%;
}
.page-main img.aspect-16\:9::before, .page-main img.aspect-16\:9::after,
.page-main video.aspect-16\:9::before,
.page-main video.aspect-16\:9::after {
content: "";
display: table;
clear: left;
}
.page-main img.aspect-16\:9::before,
.page-main video.aspect-16\:9::before {
float: left;
padding-bottom: 56.25%;
}
.page-main img.aspect-4\:3::before, .page-main img.aspect-4\:3::after,
.page-main video.aspect-4\:3::before,
.page-main video.aspect-4\:3::after {
content: "";
display: table;
clear: left;
}
.page-main img.aspect-4\:3::before,
.page-main video.aspect-4\:3::before {
float: left;
padding-bottom: 75%;
}
.page-main img.aspect-35\:45::before, .page-main img.aspect-35\:45::after,
.page-main video.aspect-35\:45::before,
.page-main video.aspect-35\:45::after {
content: "";
display: table;
clear: left;
}
.page-main img.aspect-35\:45::before,
.page-main video.aspect-35\:45::before {
float: left;
padding-bottom: 128.5714285714%;
}
.page-main img.focal-t,
.page-main video.focal-t {
object-position: 50% 16.66%;
}
.page-main img.focal-c,
.page-main video.focal-c {
object-position: 50%;
}
.page-main img.focal-b,
.page-main video.focal-b {
object-position: 50% 83.33%;
}
.page-main img.focal-l,
.page-main video.focal-l {
object-position: 16.66% 50%;
}
.page-main img.focal-r,
.page-main video.focal-r {
object-position: 83.33% 50%;
}
.page-main img.focal-tl,
.page-main video.focal-tl {
object-position: 16.66%;
}
.page-main img.focal-tr,
.page-main video.focal-tr {
object-position: 83.33% 16.66%;
}
.page-main img.focal-bl,
.page-main video.focal-bl {
object-position: 16.66% 83.33%;
}
.page-main img.focal-br,
.page-main video.focal-br {
object-position: 83.33%;
}
.page-main img::before,
.page-main video::before {
width: 100%;
height: 100%;
}
.page-main img.overlay-light::before,
.page-main video.overlay-light::before {
background-color: var(--color-white);
opacity: 0.5;
}
.page-main img.overlay-dark::before,
.page-main video.overlay-dark::before {
background-color: var(--color-black);
opacity: 0.25;
}
.page-main .video-wrapper {
position: relative;
}
.page-main .video-wrapper .play-pause {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtb3BhY2l0eTowLjU7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNODAsNTBMMzUsNzZWMjRMODAsNTB6Ii8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
width: 100px;
height: 100px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
background-position: center;
cursor: pointer;
z-index: 1;
}
@media (max-width: 47.9375rem) {
.page-main .video-wrapper .play-pause {
width: 60px;
height: 60px;
}
}
.image-wrapper {
margin-bottom: 1.25rem;
}
.image-wrapper .collection {
align-items: end;
}
.page-main .block-logo {
max-width: 13.75rem;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2;
}
.page-main .block-logo a {
height: 100%;
display: inline-block;
max-width: 250px;
width: fit-content;
margin-bottom: 0;
padding: 0;
padding-bottom: 0.625rem;
position: relative;
}
.page-main .block-logo a:focus, .page-main .block-logo a:focus-visible, .page-main .block-logo a:focus-within {
border-radius: 0;
}
.page-main .block-logo a:focus::before, .page-main .block-logo a:focus-visible::before, .page-main .block-logo a:focus-within::before {
content: "";
position: absolute;
top: -0.625rem;
left: -0.625rem;
width: calc(100% + 1.25rem);
height: 100%;
border: 1px solid #008c95;
}
.page-main .block-logo a svg {
width: 100%;
height: 100%;
max-height: 5.5rem;
min-width: 2.5rem;
}
.parallel-logo svg {
max-width: 20rem;
height: 100%;
}
.banner {
--pad: calc(50vw - min(50vw - 1.875rem, 40rem));
--theme-padding: 0;
position: relative;
left: 0;
right: 0;
width: auto;
padding-right: max(var(--pad), var(--theme-padding, 9.375rem));
padding-left: max(var(--pad), var(--theme-padding, 9.375rem));
}
.banner .wrapper {
padding-block: 1.875rem 3.75rem;
padding-inline: 1.875rem;
}
@media (min-width: 48rem) {
.banner .wrapper {
padding-block: 3.75rem 5rem;
padding-inline: 5rem;
}
}
@media (min-width: 80rem) {
.banner .wrapper {
padding-inline: 9.375rem;
padding-block: 9.375rem;
}
}
@media (min-width: 100rem) {
.banner .wrapper {
padding-inline: max(var(--pad), var(--theme-padding, 9.375rem));
}
}
.banner .wrapper.right-align * {
text-align: right;
margin-left: auto;
margin-right: 0;
}
.banner .banner-boxes {
display: flex;
flex-direction: column;
width: auto;
}
@media (min-width: 48rem) {
.banner .banner-boxes {
margin: var(--component-spacing);
margin-top: -1.25rem;
}
}
@media (min-width: 80rem) {
.banner .banner-boxes {
margin-top: -2.5rem;
}
}
@media (min-width: 100rem) {
.banner .banner-boxes {
margin-right: max(var(--pad), var(--theme-padding, 9.375rem));
margin-left: max(var(--pad), var(--theme-padding, 9.375rem));
}
}
.banner .banner-boxes .banner-box {
padding: 2.5rem;
}
@media (max-width: 63.9375rem) {
.banner .banner-boxes .banner-box {
padding: 1.875rem;
}
}
.banner .banner-boxes .banner-box h2,
.banner .banner-boxes .banner-box h3,
.banner .banner-boxes .banner-box h4,
.banner .banner-boxes .banner-box h5,
.banner .banner-boxes .banner-box h6,
.banner .banner-boxes .banner-box p {
color: #ffffff;
}
@media (max-width: 47.9375rem) {
.banner .banner-boxes .banner-box h2,
.banner .banner-boxes .banner-box h3,
.banner .banner-boxes .banner-box h4,
.banner .banner-boxes .banner-box h5,
.banner .banner-boxes .banner-box h6,
.banner .banner-boxes .banner-box p {
text-align: center;
}
}
.banner .banner-boxes .banner-box h2,
.banner .banner-boxes .banner-box h3,
.banner .banner-boxes .banner-box h4,
.banner .banner-boxes .banner-box h5,
.banner .banner-boxes .banner-box h6 {
font-weight: var(--fw-700);
margin-bottom: 0.625rem;
}
.banner .banner-boxes .banner-box.box-bg-green {
background-color: #008c95;
}
.banner .banner-boxes .banner-box.box-bg-green ~ .key-features {
background-color: #004c99;
}
.banner .banner-boxes .banner-box.box-bg-blue {
background-color: #004c99;
}
.banner .banner-boxes .banner-box.box-bg-blue ~ .key-features {
background-color: #008c95;
}
.banner.box-count-2 {
flex-direction: row;
}
.banner.box-count-2 .banner-box:first-of-type {
flex: 0 67%;
}
.banner.box-count-2 .banner-box:last-of-type {
flex: 0 33%;
}
@media (max-width: 47.9375rem) {
.banner.box-count-2 {
flex-direction: column;
}
}
form.webform-submission-form {
position: relative;
background-color: white;
padding-block: 1px;
padding-inline: 1.875rem;
max-width: var(--component-width);
margin: 0 auto;
}
form.webform-submission-form .form-item {
position: relative;
margin-block: 1.25rem;
padding: 0;
}
form.webform-submission-form .form-item.form-type-checkbox:last-of-type {
display: flex;
flex-wrap: wrap;
}
form.webform-submission-form .form-item.form-type-checkbox:last-of-type > input#edit-certification {
order: 1;
}
form.webform-submission-form .form-item.form-type-checkbox:last-of-type > input#edit-certification ~ label {
width: 100%;
}
form.webform-submission-form .form-item.form-type-checkbox:last-of-type > input#edit-certification ~ .form-item__description {
order: 1;
flex: 1;
}
form.webform-submission-form .form-wrapper {
border: none;
padding: 0;
margin: 0;
}
form.webform-submission-form .form-wrapper legend {
font-weight: var(--fw-500);
}
form.webform-submission-form .form-actions .button.form-submit {
background-color: transparent !important;
color: #008c95 !important;
border: 2px solid #008c95 !important;
border-radius: 100px;
font: var(--fw-500) var(--fs--1)/var(--lh--1) var(--ff-0);
padding: 0 1.2625rem;
line-height: 35px;
height: 35px;
margin-left: auto;
margin-right: auto;
}
form.webform-submission-form .form-actions .button.form-submit:hover {
transform: scale(1.07);
box-shadow: unset !important;
}
form.webform-submission-form .form-item__description {
font: var(--fw-300) var(--fs--4)/var(--lh-7) var(--ff-0);
}
form.webform-submission-form .form-boolean {
border: 1px solid #008c95;
}
form.webform-submission-form .form-boolean:checked {
background-color: #008c95;
border-color: #008c95;
}
form.webform-submission-form .form-text,
form.webform-submission-form .form-select,
form.webform-submission-form .form-tel,
form.webform-submission-form .form-email,
form.webform-submission-form .form-textarea {
background-color: white !important;
border: 1px solid #008c95 !important;
}
@media (min-width: 768px) {
form.webform-submission-form .webform-flexbox {
margin-inline: -0.625rem;
}
form.webform-submission-form .webform-flex--container {
margin-inline: 0.625rem;
}
}
:not(.layout-builder-configure-section) .form-actions button,
:not(.layout-builder-configure-section) .form-actions .button {
width: auto;
border-radius: 8px;
min-width: 100px;
padding: 10px 20px;
text-align: center;
margin: 0;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #29997a;
border: 1px solid #29997a;
color: #ffffff;
margin-bottom: 20px;
line-height: 30px;
padding-top: 7.5px;
padding-bottom: 7.5px;
font-size: 18px;
font-weight: bold;
padding-left: 50px;
padding-right: 50px;
}
:not(.layout-builder-configure-section) .form-boolean {
margin-inline-end: 0.625rem;
}
:not(.layout-builder-configure-section) .form-element:hover, :not(.layout-builder-configure-section) .form-element:active,
:not(.layout-builder-configure-section) .form-textarea:hover,
:not(.layout-builder-configure-section) .form-textarea:active,
:not(.layout-builder-configure-section) .form-boolean:hover,
:not(.layout-builder-configure-section) .form-boolean:active,
:not(.layout-builder-configure-section) .form-submit:hover,
:not(.layout-builder-configure-section) .form-submit:active {
border-color: #454648;
box-shadow: inset 0 0 0 1px #454648;
}
:not(.layout-builder-configure-section) .form-element:focus,
:not(.layout-builder-configure-section) .form-textarea:focus,
:not(.layout-builder-configure-section) .form-boolean:focus,
:not(.layout-builder-configure-section) .form-submit:focus {
box-shadow: 0 0 0 2px white, 0 0 0 5px #008c95;
}
:not(.layout-builder-configure-section) .form-element:hover:focus,
:not(.layout-builder-configure-section) .form-textarea:hover:focus,
:not(.layout-builder-configure-section) .form-boolean:hover:focus,
:not(.layout-builder-configure-section) .form-submit:hover:focus {
box-shadow: 0 0 0 2px white, 0 0 0 5px #008c95, inset 0 0 0 1px #454648;
}
:not(.layout-builder-configure-section) input[type=text], :not(.layout-builder-configure-section) input[type=email], :not(.layout-builder-configure-section) :not(.iti) > input[type=tel], :not(.layout-builder-configure-section) textarea, :not(.layout-builder-configure-section) .form-element {
padding: 0.625rem;
}
:not(.layout-builder-configure-section) input[type=text], .iti, input[type=tel], :not(.layout-builder-configure-section) input[type=email], :not(.layout-builder-configure-section) :not(.iti) > input[type=tel], :not(.layout-builder-configure-section) textarea, :not(.layout-builder-configure-section) .form-element {
font-size: var(--fs--1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ededeb;
border-radius: 0;
border-color: transparent;
width: 100%;
box-sizing: border-box;
}
:not(.layout-builder-configure-section) label {
display: inline-block;
}
:not(.layout-builder-configure-section) label,
:not(.layout-builder-configure-section) legend {
font-size: var(--fs--2);
font-weight: var(--fw-400);
color: #000000;
margin-block-end: 0.5em;
}
:not(.layout-builder-configure-section) label *,
:not(.layout-builder-configure-section) legend * {
margin: 0.125em;
}
:not(.layout-builder-configure-section) label.block,
:not(.layout-builder-configure-section) legend.block {
display: flex;
}
:not(.layout-builder-configure-section) label.ltr,
:not(.layout-builder-configure-section) legend.ltr {
flex-direction: row;
align-items: center;
}
:not(.layout-builder-configure-section) label.rtl,
:not(.layout-builder-configure-section) legend.rtl {
flex-direction: row-reverse;
align-items: center;
}
.page-main button,
.page-main a,
.page-main a.link {
display: flex;
align-items: center;
justify-content: center;
padding: 0 1.2625rem;
border-radius: 100px;
margin: 1.875rem auto;
text-decoration: none;
transition: 300ms ease;
color: #004c99;
text-align: center;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
}
.page-main button:hover,
.page-main a:hover,
.page-main a.link:hover {
cursor: pointer;
}
.page-main button.sm,
.page-main a.sm,
.page-main a.link.sm {
font-weight: 700;
}
.page-main button.lg,
.page-main a.lg,
.page-main a.link.lg {
font: var(--fw-500) var(--fs-2)/var(--lh--1) var(--ff-0);
}
.page-main button[data-theme=fill][data-color=green],
.page-main a[data-theme=fill][data-color=green],
.page-main a.link[data-theme=fill][data-color=green] {
background-color: #008c95;
color: white;
border: 2px solid #008c95;
}
.page-main button[data-theme=fill][data-color=blue],
.page-main a[data-theme=fill][data-color=blue],
.page-main a.link[data-theme=fill][data-color=blue] {
background-color: #004c99;
color: white;
border: 2px solid #004c99;
}
.page-main button[data-theme=fill][data-color=green]:hover, .page-main button[data-theme=fill][data-color=green]:focus, .page-main button[data-theme=fill][data-color=green]:focus-within, .page-main button[data-theme=fill][data-color=blue]:hover, .page-main button[data-theme=fill][data-color=blue]:focus, .page-main button[data-theme=fill][data-color=blue]:focus-within,
.page-main a[data-theme=fill][data-color=green]:hover,
.page-main a[data-theme=fill][data-color=green]:focus,
.page-main a[data-theme=fill][data-color=green]:focus-within,
.page-main a[data-theme=fill][data-color=blue]:hover,
.page-main a[data-theme=fill][data-color=blue]:focus,
.page-main a[data-theme=fill][data-color=blue]:focus-within,
.page-main a.link[data-theme=fill][data-color=green]:hover,
.page-main a.link[data-theme=fill][data-color=green]:focus,
.page-main a.link[data-theme=fill][data-color=green]:focus-within,
.page-main a.link[data-theme=fill][data-color=blue]:hover,
.page-main a.link[data-theme=fill][data-color=blue]:focus,
.page-main a.link[data-theme=fill][data-color=blue]:focus-within {
transform: scale(1.07);
}
.page-main button[data-theme=transparent][data-color=green],
.page-main a[data-theme=transparent][data-color=green],
.page-main a.link[data-theme=transparent][data-color=green] {
background-color: transparent;
color: #008c95;
border: 2px solid #008c95;
min-height: 35px;
line-height: 20px;
}
.page-main button[data-theme=transparent][data-color=blue],
.page-main a[data-theme=transparent][data-color=blue],
.page-main a.link[data-theme=transparent][data-color=blue] {
background-color: transparent;
color: #004c99;
border: 2px solid #004c99;
min-height: 35px;
line-height: 20px;
}
.page-main button[data-theme=transparent][data-color=green]:hover, .page-main button[data-theme=transparent][data-color=green]:focus, .page-main button[data-theme=transparent][data-color=green]:focus-within, .page-main button[data-theme=transparent][data-color=blue]:hover, .page-main button[data-theme=transparent][data-color=blue]:focus, .page-main button[data-theme=transparent][data-color=blue]:focus-within, .page-main button[data-theme=transparent][data-color=white]:hover, .page-main button[data-theme=transparent][data-color=white]:focus, .page-main button[data-theme=transparent][data-color=white]:focus-within,
.page-main a[data-theme=transparent][data-color=green]:hover,
.page-main a[data-theme=transparent][data-color=green]:focus,
.page-main a[data-theme=transparent][data-color=green]:focus-within,
.page-main a[data-theme=transparent][data-color=blue]:hover,
.page-main a[data-theme=transparent][data-color=blue]:focus,
.page-main a[data-theme=transparent][data-color=blue]:focus-within,
.page-main a[data-theme=transparent][data-color=white]:hover,
.page-main a[data-theme=transparent][data-color=white]:focus,
.page-main a[data-theme=transparent][data-color=white]:focus-within,
.page-main a.link[data-theme=transparent][data-color=green]:hover,
.page-main a.link[data-theme=transparent][data-color=green]:focus,
.page-main a.link[data-theme=transparent][data-color=green]:focus-within,
.page-main a.link[data-theme=transparent][data-color=blue]:hover,
.page-main a.link[data-theme=transparent][data-color=blue]:focus,
.page-main a.link[data-theme=transparent][data-color=blue]:focus-within,
.page-main a.link[data-theme=transparent][data-color=white]:hover,
.page-main a.link[data-theme=transparent][data-color=white]:focus,
.page-main a.link[data-theme=transparent][data-color=white]:focus-within {
transform: scale(1.07);
}
.page-main button[data-color=white],
.page-main a[data-color=white],
.page-main a.link[data-color=white] {
background-color: transparent;
color: white;
border: 2px solid white;
}
.page-main button.cta-blue,
.page-main a.cta-blue,
.page-main a.link.cta-blue {
background-color: transparent;
color: #004c99;
border: 2px solid #004c99;
}
.page-main button.cta-green,
.page-main a.cta-green,
.page-main a.link.cta-green {
background-color: transparent;
color: #008c95;
border: 2px solid #008c95;
}
.page-main button.cta-blue, .page-main button.cta-green,
.page-main a.cta-blue,
.page-main a.cta-green,
.page-main a.link.cta-blue,
.page-main a.link.cta-green {
padding: 0 1.2625rem;
font-weight: var(--fw-500);
text-align: center;
display: inline-flex;
min-height: 35px;
line-height: 20px;
}
.page-main button.cta-blue:hover, .page-main button.cta-blue:focus, .page-main button.cta-blue:focus-within, .page-main button.cta-green:hover, .page-main button.cta-green:focus, .page-main button.cta-green:focus-within,
.page-main a.cta-blue:hover,
.page-main a.cta-blue:focus,
.page-main a.cta-blue:focus-within,
.page-main a.cta-green:hover,
.page-main a.cta-green:focus,
.page-main a.cta-green:focus-within,
.page-main a.link.cta-blue:hover,
.page-main a.link.cta-blue:focus,
.page-main a.link.cta-blue:focus-within,
.page-main a.link.cta-green:hover,
.page-main a.link.cta-green:focus,
.page-main a.link.cta-green:focus-within {
transform: scale(1.07);
}
.page-main button.cta-arrow-right,
.page-main a.cta-arrow-right,
.page-main a.link.cta-arrow-right {
position: relative;
padding: 0 3.2em 0 1em;
font-size: 20px;
text-decoration: none;
color: #008c95;
display: inline-flex;
min-height: 35px;
line-height: 20px;
background-color: transparent;
font-weight: 500;
}
@media (max-width: 47.9375rem) {
.page-main button.cta-arrow-right,
.page-main a.cta-arrow-right,
.page-main a.link.cta-arrow-right {
font-size: 18px;
}
}
.page-main button.cta-arrow-right::before, .page-main button.cta-arrow-right::after,
.page-main a.cta-arrow-right::before,
.page-main a.cta-arrow-right::after,
.page-main a.link.cta-arrow-right::before,
.page-main a.link.cta-arrow-right::after {
content: "";
display: block;
position: absolute;
transition: all 0.5s ease-in-out;
}
.page-main button.cta-arrow-right::before,
.page-main a.cta-arrow-right::before,
.page-main a.link.cta-arrow-right::before {
top: 50%;
right: 1em;
width: 0.5em;
height: 0.5em;
transform-origin: 50% 50%;
transform: translate(0, -0.3em) rotate(45deg);
box-shadow: inset -0.1em 0.1em 0 0 #008c95;
border-radius: 0 0.1em 0 0;
}
.page-main button.cta-arrow-right::after,
.page-main a.cta-arrow-right::after,
.page-main a.link.cta-arrow-right::after {
top: 50%;
right: 1em;
width: 1.5em;
height: 0.1em;
transform: translate(0, -0.1em);
background-color: #008c95;
}
.page-main button.cta-arrow-right:hover::before,
.page-main a.cta-arrow-right:hover::before,
.page-main a.link.cta-arrow-right:hover::before {
transform: translate(0.5em, -0.3em) rotate(45deg);
}
.page-main button.cta-arrow-right:hover::after,
.page-main a.cta-arrow-right:hover::after,
.page-main a.link.cta-arrow-right:hover::after {
transform: translate(0.5em, -0.1em);
}
.page-main button.cta-arrow-left,
.page-main a.cta-arrow-left,
.page-main a.link.cta-arrow-left {
position: relative;
padding: 0 1em 0 3.2em;
font-size: 20px;
text-decoration: none;
color: #008c95;
display: inline-flex;
min-height: 35px;
line-height: 20px;
background-color: transparent;
font-weight: 500;
}
@media (max-width: 47.9375rem) {
.page-main button.cta-arrow-left,
.page-main a.cta-arrow-left,
.page-main a.link.cta-arrow-left {
font-size: 18px;
}
}
.page-main button.cta-arrow-left::before, .page-main button.cta-arrow-left::after,
.page-main a.cta-arrow-left::before,
.page-main a.cta-arrow-left::after,
.page-main a.link.cta-arrow-left::before,
.page-main a.link.cta-arrow-left::after {
content: "";
display: block;
position: absolute;
transition: all 0.5s ease-in-out;
}
.page-main button.cta-arrow-left::before,
.page-main a.cta-arrow-left::before,
.page-main a.link.cta-arrow-left::before {
top: 50%;
left: 1em;
width: 0.5em;
height: 0.5em;
transform-origin: 50% 50%;
transform: translate(0, -0.3em) rotate(-135deg);
box-shadow: inset -0.1em 0.1em 0 0 #008c95;
border-radius: 0 0.1em 0 0;
}
.page-main button.cta-arrow-left::after,
.page-main a.cta-arrow-left::after,
.page-main a.link.cta-arrow-left::after {
top: 50%;
left: 1em;
width: 1.5em;
height: 0.1em;
transform: translate(0, -0.1em);
background-color: #008c95;
}
.page-main button.cta-arrow-left:hover::before,
.page-main a.cta-arrow-left:hover::before,
.page-main a.link.cta-arrow-left:hover::before {
transform: translate(-0.5em, -0.3em) rotate(-135deg);
}
.page-main button.cta-arrow-left:hover::after,
.page-main a.cta-arrow-left:hover::after,
.page-main a.link.cta-arrow-left:hover::after {
transform: translate(-0.5em, -0.1em);
}
a {
width: fit-content;
}
a {
outline: 0;
text-decoration: none;
}
a .page-main button,
a .page-main a,
a .page-main a.link {
display: flex;
align-items: center;
justify-content: center;
padding: 0 1.2625rem;
border-radius: 100px;
margin: 1.875rem auto;
text-decoration: none;
transition: 300ms ease;
color: #004c99;
text-align: center;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
}
a .page-main button:hover,
a .page-main a:hover,
a .page-main a.link:hover {
cursor: pointer;
}
a .page-main button.sm,
a .page-main a.sm,
a .page-main a.link.sm {
font-weight: 700;
}
a .page-main button.lg,
a .page-main a.lg,
a .page-main a.link.lg {
font: var(--fw-500) var(--fs-2)/var(--lh--1) var(--ff-0);
}
a .page-main button[data-theme=fill][data-color=green],
a .page-main a[data-theme=fill][data-color=green],
a .page-main a.link[data-theme=fill][data-color=green] {
background-color: #008c95;
color: white;
border: 2px solid #008c95;
}
a .page-main button[data-theme=fill][data-color=blue],
a .page-main a[data-theme=fill][data-color=blue],
a .page-main a.link[data-theme=fill][data-color=blue] {
background-color: #004c99;
color: white;
border: 2px solid #004c99;
}
a .page-main button[data-theme=fill][data-color=green]:hover, a .page-main button[data-theme=fill][data-color=green]:focus, a .page-main button[data-theme=fill][data-color=green]:focus-within, a .page-main button[data-theme=fill][data-color=blue]:hover, a .page-main button[data-theme=fill][data-color=blue]:focus, a .page-main button[data-theme=fill][data-color=blue]:focus-within,
a .page-main a[data-theme=fill][data-color=green]:hover,
a .page-main a[data-theme=fill][data-color=green]:focus,
a .page-main a[data-theme=fill][data-color=green]:focus-within,
a .page-main a[data-theme=fill][data-color=blue]:hover,
a .page-main a[data-theme=fill][data-color=blue]:focus,
a .page-main a[data-theme=fill][data-color=blue]:focus-within,
a .page-main a.link[data-theme=fill][data-color=green]:hover,
a .page-main a.link[data-theme=fill][data-color=green]:focus,
a .page-main a.link[data-theme=fill][data-color=green]:focus-within,
a .page-main a.link[data-theme=fill][data-color=blue]:hover,
a .page-main a.link[data-theme=fill][data-color=blue]:focus,
a .page-main a.link[data-theme=fill][data-color=blue]:focus-within {
transform: scale(1.07);
}
a .page-main button[data-theme=transparent][data-color=green],
a .page-main a[data-theme=transparent][data-color=green],
a .page-main a.link[data-theme=transparent][data-color=green] {
background-color: transparent;
color: #008c95;
border: 2px solid #008c95;
min-height: 35px;
line-height: 20px;
}
a .page-main button[data-theme=transparent][data-color=blue],
a .page-main a[data-theme=transparent][data-color=blue],
a .page-main a.link[data-theme=transparent][data-color=blue] {
background-color: transparent;
color: #004c99;
border: 2px solid #004c99;
min-height: 35px;
line-height: 20px;
}
a .page-main button[data-theme=transparent][data-color=green]:hover, a .page-main button[data-theme=transparent][data-color=green]:focus, a .page-main button[data-theme=transparent][data-color=green]:focus-within, a .page-main button[data-theme=transparent][data-color=blue]:hover, a .page-main button[data-theme=transparent][data-color=blue]:focus, a .page-main button[data-theme=transparent][data-color=blue]:focus-within, a .page-main button[data-theme=transparent][data-color=white]:hover, a .page-main button[data-theme=transparent][data-color=white]:focus, a .page-main button[data-theme=transparent][data-color=white]:focus-within,
a .page-main a[data-theme=transparent][data-color=green]:hover,
a .page-main a[data-theme=transparent][data-color=green]:focus,
a .page-main a[data-theme=transparent][data-color=green]:focus-within,
a .page-main a[data-theme=transparent][data-color=blue]:hover,
a .page-main a[data-theme=transparent][data-color=blue]:focus,
a .page-main a[data-theme=transparent][data-color=blue]:focus-within,
a .page-main a[data-theme=transparent][data-color=white]:hover,
a .page-main a[data-theme=transparent][data-color=white]:focus,
a .page-main a[data-theme=transparent][data-color=white]:focus-within,
a .page-main a.link[data-theme=transparent][data-color=green]:hover,
a .page-main a.link[data-theme=transparent][data-color=green]:focus,
a .page-main a.link[data-theme=transparent][data-color=green]:focus-within,
a .page-main a.link[data-theme=transparent][data-color=blue]:hover,
a .page-main a.link[data-theme=transparent][data-color=blue]:focus,
a .page-main a.link[data-theme=transparent][data-color=blue]:focus-within,
a .page-main a.link[data-theme=transparent][data-color=white]:hover,
a .page-main a.link[data-theme=transparent][data-color=white]:focus,
a .page-main a.link[data-theme=transparent][data-color=white]:focus-within {
transform: scale(1.07);
}
a .page-main button[data-color=white],
a .page-main a[data-color=white],
a .page-main a.link[data-color=white] {
background-color: transparent;
color: white;
border: 2px solid white;
}
a .page-main button.cta-blue,
a .page-main a.cta-blue,
a .page-main a.link.cta-blue {
background-color: transparent;
color: #004c99;
border: 2px solid #004c99;
}
a .page-main button.cta-green,
a .page-main a.cta-green,
a .page-main a.link.cta-green {
background-color: transparent;
color: #008c95;
border: 2px solid #008c95;
}
a .page-main button.cta-blue, a .page-main button.cta-green,
a .page-main a.cta-blue,
a .page-main a.cta-green,
a .page-main a.link.cta-blue,
a .page-main a.link.cta-green {
padding: 0 1.2625rem;
font-weight: var(--fw-500);
text-align: center;
display: inline-flex;
min-height: 35px;
line-height: 20px;
}
a .page-main button.cta-blue:hover, a .page-main button.cta-blue:focus, a .page-main button.cta-blue:focus-within, a .page-main button.cta-green:hover, a .page-main button.cta-green:focus, a .page-main button.cta-green:focus-within,
a .page-main a.cta-blue:hover,
a .page-main a.cta-blue:focus,
a .page-main a.cta-blue:focus-within,
a .page-main a.cta-green:hover,
a .page-main a.cta-green:focus,
a .page-main a.cta-green:focus-within,
a .page-main a.link.cta-blue:hover,
a .page-main a.link.cta-blue:focus,
a .page-main a.link.cta-blue:focus-within,
a .page-main a.link.cta-green:hover,
a .page-main a.link.cta-green:focus,
a .page-main a.link.cta-green:focus-within {
transform: scale(1.07);
}
a .page-main button.cta-arrow-right,
a .page-main a.cta-arrow-right,
a .page-main a.link.cta-arrow-right {
position: relative;
padding: 0 3.2em 0 1em;
font-size: 20px;
text-decoration: none;
color: #008c95;
display: inline-flex;
min-height: 35px;
line-height: 20px;
background-color: transparent;
font-weight: 500;
}
@media (max-width: 47.9375rem) {
a .page-main button.cta-arrow-right,
a .page-main a.cta-arrow-right,
a .page-main a.link.cta-arrow-right {
font-size: 18px;
}
}
a .page-main button.cta-arrow-right::before, a .page-main button.cta-arrow-right::after,
a .page-main a.cta-arrow-right::before,
a .page-main a.cta-arrow-right::after,
a .page-main a.link.cta-arrow-right::before,
a .page-main a.link.cta-arrow-right::after {
content: "";
display: block;
position: absolute;
transition: all 0.5s ease-in-out;
}
a .page-main button.cta-arrow-right::before,
a .page-main a.cta-arrow-right::before,
a .page-main a.link.cta-arrow-right::before {
top: 50%;
right: 1em;
width: 0.5em;
height: 0.5em;
transform-origin: 50% 50%;
transform: translate(0, -0.3em) rotate(45deg);
box-shadow: inset -0.1em 0.1em 0 0 #008c95;
border-radius: 0 0.1em 0 0;
}
a .page-main button.cta-arrow-right::after,
a .page-main a.cta-arrow-right::after,
a .page-main a.link.cta-arrow-right::after {
top: 50%;
right: 1em;
width: 1.5em;
height: 0.1em;
transform: translate(0, -0.1em);
background-color: #008c95;
}
a .page-main button.cta-arrow-right:hover::before,
a .page-main a.cta-arrow-right:hover::before,
a .page-main a.link.cta-arrow-right:hover::before {
transform: translate(0.5em, -0.3em) rotate(45deg);
}
a .page-main button.cta-arrow-right:hover::after,
a .page-main a.cta-arrow-right:hover::after,
a .page-main a.link.cta-arrow-right:hover::after {
transform: translate(0.5em, -0.1em);
}
a .page-main button.cta-arrow-left,
a .page-main a.cta-arrow-left,
a .page-main a.link.cta-arrow-left {
position: relative;
padding: 0 1em 0 3.2em;
font-size: 20px;
text-decoration: none;
color: #008c95;
display: inline-flex;
min-height: 35px;
line-height: 20px;
background-color: transparent;
font-weight: 500;
}
@media (max-width: 47.9375rem) {
a .page-main button.cta-arrow-left,
a .page-main a.cta-arrow-left,
a .page-main a.link.cta-arrow-left {
font-size: 18px;
}
}
a .page-main button.cta-arrow-left::before, a .page-main button.cta-arrow-left::after,
a .page-main a.cta-arrow-left::before,
a .page-main a.cta-arrow-left::after,
a .page-main a.link.cta-arrow-left::before,
a .page-main a.link.cta-arrow-left::after {
content: "";
display: block;
position: absolute;
transition: all 0.5s ease-in-out;
}
a .page-main button.cta-arrow-left::before,
a .page-main a.cta-arrow-left::before,
a .page-main a.link.cta-arrow-left::before {
top: 50%;
left: 1em;
width: 0.5em;
height: 0.5em;
transform-origin: 50% 50%;
transform: translate(0, -0.3em) rotate(-135deg);
box-shadow: inset -0.1em 0.1em 0 0 #008c95;
border-radius: 0 0.1em 0 0;
}
a .page-main button.cta-arrow-left::after,
a .page-main a.cta-arrow-left::after,
a .page-main a.link.cta-arrow-left::after {
top: 50%;
left: 1em;
width: 1.5em;
height: 0.1em;
transform: translate(0, -0.1em);
background-color: #008c95;
}
a .page-main button.cta-arrow-left:hover::before,
a .page-main a.cta-arrow-left:hover::before,
a .page-main a.link.cta-arrow-left:hover::before {
transform: translate(-0.5em, -0.3em) rotate(-135deg);
}
a .page-main button.cta-arrow-left:hover::after,
a .page-main a.cta-arrow-left:hover::after,
a .page-main a.link.cta-arrow-left:hover::after {
transform: translate(-0.5em, -0.1em);
}
a.skip-link {
color: #fff;
}
a:focus-visible {
color: blue;
}
a[data-theme=link][data-color] {
border: none;
background-color: transparent;
position: relative;
width: 100%;
max-width: 30rem;
justify-content: initial;
padding: 0 0 1.25rem;
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: 700;
}
a[data-theme=link][data-color]::before {
content: "";
background-size: 1.875rem 1.875rem;
background-color: transparent;
height: 1.875rem;
width: 1.875rem;
display: inline-block;
align-self: center;
position: absolute;
right: 0;
top: auto;
}
a[data-theme=link][data-color]::after {
content: "";
border-bottom: 1px solid white;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
a[data-theme=link][data-color=white] {
color: white;
}
a[data-theme=link][data-color=white]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 31'%3E%3Cpath stroke='%23008E4F' stroke-width='1.381' d='M15.5 30C23.508 30 30 23.508 30 15.5S23.508 1 15.5 1 1 7.492 1 15.5 7.492 30 15.5 30Z'/%3E%3Cpath fill='%23fff' d='m19.428 20.166 4.142-4.143a.416.416 0 0 0 .173-.216l.033-.129.01-.13a.814.814 0 0 0-.043-.258.416.416 0 0 0-.172-.216l-4.143-4.143c-.317-.345-.64-.352-.971-.022-.331.331-.324.655.021.971l2.935 2.978H7.905a.706.706 0 0 0-.518.216c-.115.115-.172.273-.172.475 0 .2.065.366.194.496.13.13.295.194.496.194h13.508l-2.935 2.978c-.345.316-.352.64-.021.97.33.331.654.324.97-.02Z'/%3E%3C/svg%3E");
}
a[data-theme=link][data-color=green] {
color: #008c95;
}
a[data-theme=link][data-color=green]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 31'%3E%3Cpath stroke='%23008E4F' stroke-width='1.381' d='M15.5 30C23.508 30 30 23.508 30 15.5S23.508 1 15.5 1 1 7.492 1 15.5 7.492 30 15.5 30Z'/%3E%3Cpath fill='%23008E4F' d='m19.428 20.166 4.142-4.143a.416.416 0 0 0 .173-.216l.033-.129.01-.13a.814.814 0 0 0-.043-.258.416.416 0 0 0-.172-.216l-4.143-4.143c-.317-.345-.64-.352-.971-.022-.331.331-.324.655.021.971l2.935 2.978H7.905a.706.706 0 0 0-.518.216c-.115.115-.172.273-.172.475 0 .2.065.366.194.496.13.13.295.194.496.194h13.508l-2.935 2.978c-.345.316-.352.64-.021.97.33.331.654.324.97-.02Z'/%3E%3C/svg%3E");
}
a[data-theme=link][data-color=green]::after {
border-bottom: 1px solid #008c95;
}
a[data-theme=link][data-color=blue] {
color: #004c99;
}
a[data-theme=link][data-color=blue]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 31'%3E%3Cpath stroke='%23008E4F' stroke-width='1.381' d='M15.5 30C23.508 30 30 23.508 30 15.5S23.508 1 15.5 1 1 7.492 1 15.5 7.492 30 15.5 30Z'/%3E%3Cpath fill='%23004C99' d='m19.428 20.166 4.142-4.143a.416.416 0 0 0 .173-.216l.033-.129.01-.13a.814.814 0 0 0-.043-.258.416.416 0 0 0-.172-.216l-4.143-4.143c-.317-.345-.64-.352-.971-.022-.331.331-.324.655.021.971l2.935 2.978H7.905a.706.706 0 0 0-.518.216c-.115.115-.172.273-.172.475 0 .2.065.366.194.496.13.13.295.194.496.194h13.508l-2.935 2.978c-.345.316-.352.64-.021.97.33.331.654.324.97-.02Z'/%3E%3C/svg%3E");
}
a[data-theme=link][data-color=blue]::after {
border-bottom: 1px solid #004c99;
}
.link-list {
list-style-type: none;
padding: 0;
}
.link-list li {
margin-top: 1.25rem;
}
.link-list li:first-child {
margin-top: 0;
}
.link-list li:first-child a {
margin-top: 0;
}
.link-list li a[data-theme=link][data-color] {
max-width: none;
border: none;
}
.link-list li a[data-theme=link][data-color]:hover, .link-list li a[data-theme=link][data-color]:focus, .link-list li a[data-theme=link][data-color]:focus-within, .link-list li a[data-theme=link][data-color]:focus-visible {
transform: translateX(0.5rem);
}
p {
/*
font-size: 1rem; // 16px default
*/
line-height: 1.25rem;
font-weight: 300;
margin-block-end: 0;
padding: 0;
margin: 0;
}
p:first-child {
margin-top: 0;
}
p:only-child {
margin-top: 0;
margin-bottom: 0;
}
.heading main h1,
.heading main h2,
.heading main h3,
.heading main h4,
.heading main h5,
.heading main h6 {
margin-bottom: 0.5em;
margin-left: 0;
}
.heading main h1:first-child,
.heading main h2:first-child,
.heading main h3:first-child,
.heading main h4:first-child,
.heading main h5:first-child,
.heading main h6:first-child {
margin-top: 0;
}
.heading main h1:only-child,
.heading main h2:only-child,
.heading main h3:only-child,
.heading main h4:only-child,
.heading main h5:only-child,
.heading main h6:only-child {
margin-top: 0;
margin-bottom: 0;
}
.heading main h3.storybook-header {
font: var(--fw-300) var(--fs-1)/var(--lh-1) var(--ff-0);
}
.heading main h1 {
font: var(--fw-300) var(--fs-12)/var(--lh-12) var(--ff-1);
}
.heading main h2 {
font: var(--fw-300) var(--fs-7)/var(--lh-7) var(--ff-1);
}
.heading main h3 {
font: var(--fw-300) var(--fs-1)/var(--lh-1) var(--ff-0);
}
.heading main h4 {
font: var(--fw-300) var(--fs-0)/var(--lh-0) var(--ff-0);
}
.heading main h5 {
font: var(--fw-500) var(--fs--1)/var(--lh--1) var(--ff-0);
}
.heading main h6 {
font: var(--fw-700) var(--fs--4)/var(--lh--4) var(--ff-0);
}
.quotes {
margin: 0;
}
.quotes blockquote {
position: relative;
padding-top: 3.125rem;
}
.quotes blockquote::before {
display: none;
}
.quotes blockquote[data-theme] figcaption {
color: black;
}
.quotes blockquote[data-theme] figcaption p {
margin: 0;
padding: 0;
}
.quotes blockquote[data-theme] figcaption p:last-of-type::after {
content: "”";
margin-inline-start: 0.1ch;
}
.quotes blockquote[data-theme=green] > *, .quotes blockquote[data-theme=green] figcaption {
color: #008c95;
}
.quotes blockquote[data-theme=blue] > *, .quotes blockquote[data-theme=blue] figcaption {
color: #004c99;
}
.quotes blockquote .title-wrapper p {
color: #008c95;
font: var(--fw-300) var(--fs-3)/var(--lh--1) var(--ff-0);
font-weight: 700;
}
.quotes blockquote .author-wrapper {
margin-block-start: 1.25rem;
}
.quotes blockquote .quotes-mark-open {
font: var(--fw-700) var(--fs-11)/var(--lh--1) var(--ff-0);
font-size: 6.25rem;
top: -1.25rem;
position: absolute;
left: 0;
}
@media (min-width: 48rem) {
.quotes blockquote .quotes-mark-open {
font-size: 7.5rem;
top: -1.875rem;
}
}
.quotes blockquote a,
.quotes blockquote button {
margin-bottom: 0;
}
.article-highlights .article-wrapper:nth-of-type(even) .content .quotes blockquote .quotes-mark-open,
.article-highlights .article-wrapper:nth-of-type(even) .content .quotes blockquote .title-wrapper p {
color: #004c99;
}
:root {
overflow-y: scroll;
}
.sb-show-main {
overflow: hidden;
}
.discover {
margin-inline: auto;
padding-block: 3.125rem 0.625rem;
position: relative;
max-width: 81.25rem;
color: white;
padding-bottom: 5rem;
}
.discover .wallpaper {
content: "";
position: absolute;
background-color: #e5edf4;
left: 50%;
transform: translateX(-50%);
top: 0;
bottom: 0;
width: 100vw;
z-index: -1;
}
.discover .wallpaper img {
object-fit: cover;
object-position: top center;
width: 100%;
height: 100%;
}
.discover h2,
.discover p,
.discover a,
.discover button {
color: inherit;
}
.discover h2:hover,
.discover p:hover,
.discover a:hover,
.discover button:hover {
color: inherit;
}
.discover h2,
.discover .description {
text-align: center;
}
.discover hr {
width: 40%;
max-width: 380px;
margin-inline: auto;
border-top: 2px solid white;
margin-block: 1.875rem 2.5rem;
}
.discover .description {
margin-block: 1.875rem;
}
.discover .description p {
font: var(--fw-300) var(--fs-3)/var(--lh--1) var(--ff-0);
font-weight: 500;
color: #ffffff;
}
.discover .discover-tags {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
align-items: center;
justify-content: center;
margin-inline: 5vw;
margin-block: 1.875rem 3.75rem 2.5rem;
}
@media (min-width: 100rem) {
.discover .discover-tags {
max-width: 60rem;
margin: 1.875rem auto 2.5rem;
}
}
.discover .discover-tag-toggle {
flex-basis: max-content;
margin: 0;
}
.discover .discover-carousel {
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
max-width: 100rem;
margin: 0 auto;
text-align: center;
position: relative;
height: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
}
@media (min-width: 48rem) {
.discover .discover-carousel {
padding-left: 8.75rem;
}
}
.discover .discover-carousel.show {
animation: discoverFadeIn 200ms ease both;
}
.discover .discover-carousel .discover-cards {
margin-bottom: 0;
}
.discover .discover-carousel .discover-cards .slick-list {
padding: 0 1.875rem;
}
.discover .discover-carousel .discover-cards .slick-list .slick-track {
margin-left: -1.875rem;
display: grid;
grid-auto-flow: column;
}
.discover .discover-carousel .discover-cards .slick-list .slick-track .discover-card {
width: auto;
margin: 0;
margin-right: 1.875rem;
position: relative;
text-align: left;
height: 100%;
}
.discover .discover-carousel .discover-cards .slick-list .slick-track .discover-card > div {
display: flex;
flex-direction: column;
background: #004c99;
height: 100%;
}
.discover .discover-carousel .discover-cards .slick-list .slick-track .discover-card > div h3 {
flex: 1;
}
.discover .discover-carousel .discover-cards .slick-list .slick-track .discover-card > div .area {
text-align: right;
padding-block-start: 1.25rem;
padding-inline: 1.25rem;
}
.discover .discover-carousel .discover-cards .slick-list .slick-track .discover-card > div .area > div {
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
}
.discover .discover-carousel .discover-cards .slick-list .slick-track .discover-card > div a {
display: flex;
padding: 1.25rem;
align-items: start;
justify-content: start;
width: auto;
height: 100%;
text-align: left;
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: 500;
}
.discover .discover-carousel .discover-cards .slick-list .slick-track .discover-card > div img {
max-width: 100%;
object-fit: cover;
object-position: center center;
aspect-ratio: 340/250;
margin-block-start: auto;
width: unset !important;
height: unset !important;
}
.discover .discover-carousel .discover-cards .slick-dots li.slick-active button::before {
opacity: 1;
background-color: white;
}
.discover .discover-carousel .discover-cards .slick-dots li.slick-active button:hover::before, .discover .discover-carousel .discover-cards .slick-dots li.slick-active button:focus::before, .discover .discover-carousel .discover-cards .slick-dots li.slick-active button:focus-within::before, .discover .discover-carousel .discover-cards .slick-dots li.slick-active button:focus-visible::before {
opacity: 1;
}
.discover .discover-carousel .discover-cards .slick-dots li button {
margin: unset;
}
.discover .discover-carousel .discover-cards .slick-dots li button::before {
background-color: white;
opacity: 0.5;
}
.discover .discover-carousel .discover-cards .slick-dots li button:hover::before, .discover .discover-carousel .discover-cards .slick-dots li button:focus::before, .discover .discover-carousel .discover-cards .slick-dots li button:focus-within::before, .discover .discover-carousel .discover-cards .slick-dots li button:focus-visible::before {
opacity: 0.75;
background-color: white;
}
@keyframes discoverFadeIn {
from {
opacity: 0;
}
to {
height: 100%;
max-height: 100vh;
opacity: 1;
overflow: initial;
}
}
.news-highlights-collection {
--gap: clamp(1.25rem, 6vmin, 5rem);
display: flex;
flex-wrap: wrap;
gap: var(--gap);
justify-content: space-between;
margin-inline: auto;
max-width: 81.25rem;
padding: var(--component-spacing);
}
.news-highlights-collection > .header {
position: relative;
flex: 1;
}
.news-highlights-collection > .header .title {
color: #004c99;
text-align: center;
}
.news-highlights-collection.expanded ~ button.expand-btn {
display: none;
}
.news-highlight {
--gap: clamp(1.25rem, 6vmin, 5rem);
--accent: #ccdbeb;
--textAccent: #004c99;
--imgScale: 1;
--transition: 0.2s ease;
position: relative;
}
.news-highlight .news-highlight_image img {
object-fit: cover;
}
.news-highlight .news-highlight_content {
margin-block: 1.25rem;
font-weight: var(--fw-400);
}
.news-highlight .news-highlight_content .news-highlight_title {
color: var(--textAccent);
margin-block: 0.625rem;
transition: color var(--transition);
}
.news-highlight .news-highlight_content .news-highlight_summary {
font-weight: inherit;
}
.news-highlight .news-highlight_content time {
color: #757679;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
line-height: var(--lh-10);
}
.news-highlight a {
all: initial;
position: absolute;
inset: 0;
color: transparent;
outline-color: transparent;
padding: 0;
margin: 0;
cursor: pointer;
}
.news-highlight a:focus {
outline-color: var(--accent);
}
.news-highlight:hover, .news-highlight:focus-within {
--accent: #008c95;
--textAccent: var(--accent);
--imgScale: 1.2;
}
@media (min-width: 48rem) {
.news-highlight:nth-of-type(3n + 2) {
flex: 0 0 36.3636363636%;
}
.news-highlight:nth-of-type(3n + 2) .news-highlight_content {
margin-block-end: 0;
}
.news-highlight:nth-of-type(3n + 3) {
flex: 0 0 54.5454545455%;
}
.news-highlight:nth-of-type(3n + 3) .news-highlight_content {
margin-block-end: 0;
}
.news-highlight:nth-of-type(3n + 1) {
display: flex;
flex-wrap: wrap;
gap: 0 var(--gap);
}
.news-highlight:nth-of-type(3n + 1) .news-highlight_content {
flex: 0 0 36.3636363636%;
align-self: center;
}
.news-highlight:nth-of-type(3n + 1) .news-highlight_image {
flex: 0 0 54.5454545455%;
}
}
.news-highlights-collection:not(.expanded) .news-highlight:nth-of-type(n + 4) {
display: none;
}
.article-highlights {
margin-inline: auto;
padding-block: 3.125rem;
position: relative;
max-width: 81.25rem;
padding: 1.875rem;
}
@media (min-width: 48rem) {
.article-highlights {
padding: 3.75rem;
}
}
.article-highlights .headline {
text-align: center;
}
.article-highlights .headline .title {
color: #004c99;
}
.article-highlights .headline .intro {
padding-inline: 1.25rem;
max-width: 110ch;
margin: auto;
}
.article-highlights article, .article-highlights .article-wrapper {
--accent: #ccdbeb;
--transition: 0.2s ease;
--imgScale: 1;
display: flex;
flex-wrap: wrap;
gap: 0 3.125rem;
align-items: center;
margin-block: 3.75rem;
position: relative;
}
.article-highlights article:hover, .article-highlights article:focus-within, .article-highlights .article-wrapper:hover, .article-highlights .article-wrapper:focus-within {
--accent: #008c95;
--imgScale: 1.2;
}
.article-highlights article.reverse, .article-highlights article:nth-of-type(even), .article-highlights .article-wrapper.reverse, .article-highlights .article-wrapper:nth-of-type(even) {
flex-direction: row-reverse;
}
.article-highlights article .article-image, .article-highlights .article-wrapper .article-image {
flex: 1 max((100% - 3.125rem) * 0.5454545455, 400px);
}
.article-highlights article .content, .article-highlights .article-wrapper .content {
flex: 1 max((100% - 3.125rem) * 0.4545454545);
margin-block: 1.25rem;
}
.article-highlights article .title, .article-highlights .article-wrapper .title {
color: #004c99;
transition: var(--transition);
}
.article-highlights article .summary, .article-highlights .article-wrapper .summary {
font-weight: var(--fw-400);
}
.article-highlights article .quotes h3, .article-highlights .article-wrapper .quotes h3 {
font: var(--fw-500) var(--fs-2)/var(--lh--1) var(--ff-0);
font-weight: 700;
}
.article-highlights article button, .article-highlights .article-wrapper button {
background-color: #004c99;
border-color: #004c99;
margin-block: 0.625rem;
transition: var(--transition);
}
.article-highlights article a, .article-highlights article button, .article-highlights .article-wrapper a, .article-highlights .article-wrapper button {
margin-bottom: 0;
}
.article-highlights-columns,
.article-highlights-horizontal {
margin-inline: auto;
position: relative;
}
.article-highlights-columns .headline,
.article-highlights-horizontal .headline {
flex-basis: 100%;
text-align: center;
}
.article-highlights-columns .headline .title,
.article-highlights-horizontal .headline .title {
color: #004c99;
}
.article-highlights-columns .headline .intro,
.article-highlights-horizontal .headline .intro {
padding-inline: 1.25rem;
max-width: 110ch;
margin: auto;
}
.article-highlights-columns[data-columns="2"],
.article-highlights-horizontal[data-columns="2"] {
display: grid;
grid-gap: 2.5rem;
grid-template-columns: repeat(2, 1fr);
}
.article-highlights-columns[data-columns="3"],
.article-highlights-horizontal[data-columns="3"] {
display: flex;
flex-direction: row;
gap: 1.875rem;
}
@media (max-width: 47.9375rem) {
.article-highlights-columns[data-columns="3"],
.article-highlights-horizontal[data-columns="3"] {
flex-direction: column;
}
}
@media (min-width: 30rem) and (max-width: 47.9375rem) {
.article-highlights-columns[data-columns="3"],
.article-highlights-horizontal[data-columns="3"] {
padding: 1.875rem 5rem;
}
}
.article-highlights-columns[data-columns="3"] article,
.article-highlights-horizontal[data-columns="3"] article {
width: -webkit-fill-available;
}
.article-highlights-columns article,
.article-highlights-horizontal article {
--accent: #ccdbeb;
--textAccent: #004c99;
--imgScale: 1;
--transition: 0.2s ease;
position: relative;
}
.article-highlights-columns article .title,
.article-highlights-horizontal article .title {
margin-block-start: 1.25rem;
color: var(--textAccent);
transition: var(--transition);
}
.article-highlights-columns article p,
.article-highlights-horizontal article p {
font-weight: var(--fw-400);
}
.article-highlights-columns article a,
.article-highlights-horizontal article a {
all: initial;
position: absolute;
inset: 0;
color: transparent;
outline-color: transparent;
padding: 0;
margin: 0;
cursor: pointer;
}
.article-highlights-columns article a:focus,
.article-highlights-horizontal article a:focus {
outline-color: var(--accent);
}
.article-highlights-columns article:hover, .article-highlights-columns article:focus-within,
.article-highlights-horizontal article:hover,
.article-highlights-horizontal article:focus-within {
--accent: #008c95;
--textAccent: var(--accent);
--imgScale: 1.2;
}
.animated-parallel {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 2.5rem 1.875rem 0;
transition: 1s ease;
}
@media (min-width: 48rem) {
.animated-parallel {
padding: 2.5rem 3.75rem 0;
}
}
.animated-parallel .text-wrapper {
max-width: 80%;
margin: 0 auto;
}
@media (max-width: 47.9375rem) {
.animated-parallel .text-wrapper {
max-width: 100%;
padding: 2.5rem 0;
}
}
.animated-parallel .text-wrapper .title {
color: #004c99;
margin-bottom: 1.25rem;
}
.animated-parallel .text-wrapper p {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: 500;
line-height: var(--lh--2);
color: #757679;
padding: 0;
}
.animated-parallel .articles-wrapper {
text-align: left;
display: none;
}
.animated-parallel.active picture svg {
animation: scaleDown 600ms ease-in both;
}
.animated-parallel.active .articles-wrapper {
animation: fadeIn 600ms ease-in both;
display: block;
}
@keyframes scaleDown {
from {
max-width: 20rem;
}
to {
max-width: 10rem;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
display: none;
}
1% {
display: block;
}
100% {
opacity: 1;
}
}
.financial-highlights {
display: flex;
flex-direction: column;
max-width: 1300px;
padding: 0;
margin: 0 auto;
}
.financial-highlights h2 {
margin: 2.5rem auto 1.875rem;
color: #004c99;
text-align: center;
}
.financial-highlights .financial-highlights-content {
position: relative;
padding: 3.75rem;
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
gap: 1.875rem 3.125rem;
}
@media (max-width: 47.9375rem) {
.financial-highlights .financial-highlights-content {
padding: 1.875rem;
}
}
.financial-highlights .financial-highlights-content::before {
content: "";
width: 100vw;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #e5edf4;
z-index: -1;
}
.financial-highlights .financial-highlights-content .chart {
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 1.875rem 0;
width: fit-content;
}
@media (max-width: 47.9375rem) {
.financial-highlights .financial-highlights-content .chart {
margin-bottom: 2.5rem;
}
}
@media (min-width: 48rem) {
.financial-highlights .financial-highlights-content .chart {
padding: 2.5rem 0;
}
}
.financial-highlights .financial-highlights-content .chart .chart-title {
color: #004c99;
font: var(--fw-500) var(--fs-2)/var(--lh--1) var(--ff-0);
font-weight: 700;
line-height: var(--lh-10);
}
.financial-highlights .financial-highlights-content .chart .chart-content {
margin-bottom: 3.75rem;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.financial-highlights .financial-highlights-content .chart .chart-content .chart-wrapper {
margin: 2.5rem auto 0;
width: 11.625rem;
height: 11.625rem;
}
.financial-highlights .financial-highlights-content .chart .chart-values {
justify-content: center;
display: flex;
width: 100%;
}
@media (min-width: 48rem) {
.financial-highlights .financial-highlights-content .chart .chart-values {
flex-direction: row;
}
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content {
flex: auto;
margin-bottom: 2.5rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 48rem) {
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content {
margin-right: 1.875rem;
margin-bottom: 1.875rem;
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content:last-child {
margin-right: 0;
}
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content > div {
width: 100%;
height: 100%;
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content > div:last-child {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content > div h4 {
font: var(--fw-500) var(--fs-1)/var(--lh--1) var(--ff-0);
font-weight: 700;
line-height: var(--lh-10);
padding: 0;
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content > div h5 {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: 700;
line-height: var(--lh-10);
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content > div h5 .value-unit {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
line-height: var(--lh-10);
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content > div h6 {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
line-height: var(--lh-10);
margin-bottom: 0.625rem;
}
.financial-highlights .financial-highlights-content .chart .chart-values .chart-values-content > div span.value-block {
height: 0.4875rem;
width: 4rem;
display: inline-block;
margin: 1.25rem 0;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
ul {
list-style: disc;
margin: 0;
padding: 0 1rem;
}
ol {
list-style: decimal;
margin: 0;
padding: 20px;
}
.link-card {
--icon-size: 3.5rem;
--link-size: 3.2rem;
--gap: 1.25rem;
--icon-color: #0A5174;
position: relative;
display: flex;
column-gap: var(--gap);
background-color: rgba(255, 255, 255, 0.7);
padding: var(--gap, 1.25rem 1.875rem);
transition: 0.2s background-color ease;
}
.link-card:hover {
background-color: rgba(255, 255, 255, 0.85);
}
.link-card-collection {
display: grid;
gap: 1.25rem;
}
.link-card.has-link .link-card-content {
padding-right: var(--gap);
margin-right: var(--link-size);
}
.link-card .link-card-icon {
flex-shrink: 0;
width: var(--icon-size);
height: var(--icon-size);
}
.link-card .link-card-icon svg {
width: 100%;
height: 100%;
object-fit: contain;
}
.link-card .link-card-text {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
color: #000000;
font-weight: var(--fw-300);
line-height: var(--lh--2);
}
.link-card .link-card-title {
color: #000000;
margin: 0;
font: var(--fw-500) var(--fs-1)/var(--lh--1) var(--ff-0);
line-height: var(--lh-0);
}
.link-card .link-card-content {
flex: 1;
}
.link-card .link-card-link {
all: unset;
}
.link-card .link-card-link:hover::after {
transform: translateX(5px);
}
.link-card .link-card-link::before {
content: "";
position: absolute;
inset: 0;
}
.link-card .link-card-link::after {
content: "";
background-size: contain;
height: var(--link-size);
width: var(--link-size);
display: inline-block;
position: absolute;
right: var(--gap);
top: calc(50% - var(--link-size) / 2);
transition: 0.25s ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 31'%3E'%0A'%3Cpath fill='%23F7F4F3' d='M15.5 30C23.508 30 30 23.508 30 15.5S23.508 1 15.5 1 1 7.492 1 15.5 7.492 30 15.5 30Z'/%3E'%0A'%3Cpath fill='%230A5174' d='m19.428 20.166 4.142-4.143a.416.416 0 0 0 .173-.216l.033-.129.01-.13a.814.814 0 0 0-.043-.258.416.416 0 0 0-.172-.216l-4.143-4.143c-.317-.345-.64-.352-.971-.022-.331.331-.324.655.021.971l2.935 2.978H7.905a.706.706 0 0 0-.518.216c-.115.115-.172.273-.172.475 0 .2.065.366.194.496.13.13.295.194.496.194h13.508l-2.935 2.978c-.345.316-.352.64-.021.97.33.331.654.324.97-.02Z'/%3E'%0A'%3C/svg%3E");
}
.icon-cards {
display: flex;
flex-direction: column;
text-align: center;
}
.icon-cards > .text-wrapper {
margin-bottom: 1.875rem;
}
@media (min-width: 48rem) {
.icon-cards > .text-wrapper {
margin-bottom: 2.5rem;
}
}
.icon-cards .icon-cards-boxes {
display: flex;
gap: 0 2.5rem;
align-items: center;
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes {
gap: 1.25rem;
}
}
.icon-cards .icon-cards-boxes[data-layout=horizontal] {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
max-width: 95%;
margin: 0 auto;
gap: 2.5rem;
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes[data-layout=horizontal] {
max-width: 100%;
}
}
.icon-cards .icon-cards-boxes[data-layout=horizontal] .icon-card {
flex-direction: column;
}
@media (min-width: 30rem) {
.icon-cards .icon-cards-boxes[data-layout=horizontal] .icon-card {
flex: 1 25%;
}
}
@media (min-width: 48rem) {
.icon-cards .icon-cards-boxes[data-layout=horizontal] .icon-card {
max-width: 13.75rem;
}
}
.icon-cards .icon-cards-boxes[data-layout=vertical] {
flex-direction: column;
}
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-cards .icon-cards-boxes {
gap: 2.5rem 2.5rem;
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-cards .icon-cards-boxes {
gap: 1.25rem;
}
}
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-cards .icon-cards-boxes .icon-cards .text-wrapper {
margin-bottom: 0 !important;
}
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card {
flex-direction: row;
text-align: left;
width: 100%;
margin-bottom: 2.5rem;
align-self: flex-start;
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card {
flex-direction: column;
align-self: center;
margin-bottom: 1.875rem;
}
}
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card picture {
align-self: flex-start;
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card picture {
align-self: center;
}
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card .text-wrapper h2,
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card .text-wrapper h3,
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card .text-wrapper h4,
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card .text-wrapper h5,
.icon-cards .icon-cards-boxes[data-layout=vertical] .icon-card .text-wrapper h6 {
text-align: center;
}
}
.icon-cards .icon-cards-boxes .icon-card {
display: flex;
gap: 1.875rem;
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes .icon-card {
gap: 1.25rem;
}
}
.icon-cards .icon-cards-boxes .icon-card picture {
border-radius: 50%;
padding: 1.875rem;
background-color: #008c95;
display: flex;
align-self: center;
}
.icon-cards .icon-cards-boxes .icon-card picture svg {
width: 3rem;
height: 3rem;
}
.icon-cards .icon-cards-boxes .icon-card picture svg path {
fill: white;
}
.icon-cards .icon-cards-boxes .icon-card > .text-wrapper .title {
margin-bottom: 0.625rem;
}
.icon-cards .icon-cards-boxes .icon-card > .text-wrapper h5,
.icon-cards .icon-cards-boxes .icon-card > .text-wrapper h6 {
margin-bottom: 1.25rem;
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes .icon-card > .text-wrapper h5,
.icon-cards .icon-cards-boxes .icon-card > .text-wrapper h6 {
margin-bottom: 0.625rem;
}
}
.icon-cards .icon-cards-boxes .icon-card > .text-wrapper p.reference {
margin-top: 0.625rem;
}
@media (max-width: 47.9375rem) {
.icon-cards .icon-cards-boxes .icon-card > .text-wrapper ul {
text-align: left;
}
}
.focus-areas {
height: 100%;
}
.focus-areas .focus-areas-content {
position: relative;
width: auto;
height: 100%;
}
.focus-areas .focus-areas-content h2 {
color: #ffffff;
text-align: center;
font: var(--fw-300) var(--fs-4)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
}
.focus-areas .focus-areas-content .focus-areas-boxes {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.25rem 1.875rem;
margin: 2.5rem auto 0;
}
@media (min-width: 48rem) {
.focus-areas .focus-areas-content .focus-areas-boxes {
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.25rem 3.125rem;
}
}
@media (min-width: 80rem) {
.focus-areas .focus-areas-content .focus-areas-boxes {
grid-gap: 1.25rem 9.375rem;
}
}
.focus-areas .focus-areas-content .focus-areas-boxes .box {
background-color: rgba(255, 255, 255, 0.8);
padding: 1.25rem;
}
.focus-areas .focus-areas-content .focus-areas-boxes .box h3, .focus-areas .focus-areas-content .focus-areas-boxes .box p {
color: #454648;
}
.focus-areas .focus-areas-content .focus-areas-boxes .box h3 {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
margin-bottom: 0.625rem;
}
.focus-areas .focus-areas-content .focus-areas-boxes .box p {
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
}
.custom-list {
display: flex;
flex-direction: column;
gap: 3.75rem;
margin-inline: auto;
position: relative;
padding: 1.875rem;
}
@media (min-width: 48rem) {
.custom-list {
padding: 3.125rem;
}
}
@media (min-width: 80rem) {
.custom-list {
padding: 3.125rem 9.375rem;
}
}
@media (min-width: 100rem) {
.custom-list {
padding: 3.125rem 0;
}
}
.custom-list .headline {
flex-basis: 100%;
text-align: center;
}
.custom-list .headline .title {
color: #004c99;
}
.custom-list .headline .intro {
padding-inline: 1.25rem;
max-width: 110ch;
margin: auto;
}
.custom-list article {
--accent: #ccdbeb;
--textAccent: #004c99;
--imgScale: 1;
--transition: 0.2s ease;
--col: calc(100% / 11 - 1.875rem);
position: relative;
display: flex;
gap: 1.875rem;
}
.custom-list article .subject {
text-transform: uppercase;
color: #757679;
font-weight: var(--fw-400);
font-size: var(--fs--1);
}
.custom-list article .divider span {
display: block;
background-color: #004c99;
margin-inline: auto;
}
.custom-list article .title {
margin-block-end: 1.25rem;
color: var(--textAccent);
}
.custom-list article a {
font: inherit;
color: inherit;
display: block;
width: 100%;
height: 100%;
padding: 0;
text-align: left;
}
.custom-list article a::before {
display: block;
content: "";
inset: 0;
position: absolute;
z-index: 1;
}
.custom-list article:hover, .custom-list article:focus-within {
--accent: #008c95;
--textAccent: var(--accent);
--imgScale: 1.2;
}
@media screen and (max-width: 860px) {
.custom-list article {
flex-direction: column;
}
.custom-list .subject {
padding-block-end: 0.625rem;
border-bottom: 1px solid #004c99;
}
.custom-list .divider {
display: none;
}
}
@media screen and (min-width: 860px) {
.custom-list article .subject {
flex: 1 0 var(--col);
}
.custom-list article .divider {
flex: 1 0 var(--col);
height: auto;
background-color: transparent;
}
.custom-list article .divider span {
height: 100%;
width: 1px;
}
.custom-list article .content {
flex: 5 0 calc(var(--col) * 5);
padding-inline-end: 2.5rem;
}
.custom-list article .image {
align-self: flex-start;
flex: 4 0 calc(var(--col) * 4);
}
}
.carousel,
.discover-carousel {
padding: 1.875rem;
padding-right: 0;
max-width: 100rem;
margin: 0 auto;
text-align: center;
position: relative;
}
@media (min-width: 48rem) {
.carousel,
.discover-carousel {
padding: 5rem 0;
padding-left: 8.75rem;
}
}
.carousel h4, .carousel p,
.discover-carousel h4,
.discover-carousel p {
color: #004c99;
margin: 0 auto;
margin-bottom: 1.875rem;
padding-right: 1.875rem;
}
@media (min-width: 48rem) {
.carousel h4, .carousel p,
.discover-carousel h4,
.discover-carousel p {
margin-right: 9.375rem;
}
}
@media (min-width: 64rem) {
.carousel h4, .carousel p,
.discover-carousel h4,
.discover-carousel p {
padding-right: 5rem;
padding-left: 5rem;
}
}
.carousel p,
.discover-carousel p {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: 500;
color: #757679;
margin-bottom: 2.5rem;
}
.carousel .slides.slick-slider .slick-list,
.discover-carousel .slides.slick-slider .slick-list {
padding: 0 1.875rem;
}
.carousel .slides.slick-slider .slick-list .slick-track,
.discover-carousel .slides.slick-slider .slick-list .slick-track {
margin-left: -1.875rem;
}
.carousel .slides.slick-slider .slick-list .slick-track .slick-slide,
.discover-carousel .slides.slick-slider .slick-list .slick-track .slick-slide {
margin: 0;
margin-right: 1.875rem;
position: relative;
text-align: left;
}
.carousel .slides.slick-slider .slick-list .slick-track .slick-slide p,
.discover-carousel .slides.slick-slider .slick-list .slick-track .slick-slide p {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
color: #ffffff;
position: absolute;
top: 1.25rem;
left: 1.25rem;
padding: 0;
width: auto;
right: 0;
margin: 0;
padding-right: 0.625rem;
max-width: 25rem;
}
.carousel .slides.slick-slider .slick-list .slick-track .slick-slide img,
.discover-carousel .slides.slick-slider .slick-list .slick-track .slick-slide img {
width: 100%;
height: 25rem;
object-fit: cover;
object-position: center center;
}
.carousel .slides.slick-slider .slick-list .slick-track .slick-slide a,
.discover-carousel .slides.slick-slider .slick-list .slick-track .slick-slide a {
display: none;
}
.carousel .slides button.slick-prev, .carousel .slides button.slick-next,
.discover-carousel .slides button.slick-prev,
.discover-carousel .slides button.slick-next {
color: transparent;
top: 14rem;
margin: 0;
width: 1.875rem;
height: 1.875rem;
}
.carousel .slides button.slick-prev:focus, .carousel .slides button.slick-prev:focus-within, .carousel .slides button.slick-prev:focus-visible, .carousel .slides button.slick-next:focus, .carousel .slides button.slick-next:focus-within, .carousel .slides button.slick-next:focus-visible,
.discover-carousel .slides button.slick-prev:focus,
.discover-carousel .slides button.slick-prev:focus-within,
.discover-carousel .slides button.slick-prev:focus-visible,
.discover-carousel .slides button.slick-next:focus,
.discover-carousel .slides button.slick-next:focus-within,
.discover-carousel .slides button.slick-next:focus-visible {
outline: 2px solid #008c95;
}
.carousel .slides button.slick-prev,
.discover-carousel .slides button.slick-prev {
left: -3.75rem;
}
.carousel .slides button.slick-prev::before,
.discover-carousel .slides button.slick-prev::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 38 38'%3E%3Cpath fill='%23A6A6A8' d='M23.2344 11.4844c.625-.5729.625-1.1459 0-1.71878-.5729-.57291-1.1459-.57291-1.7188 0l-8.125 8.12498c-.2604.2084-.3906.4948-.3906.8594 0 .3646.1302.651.3906.8594l8.125 8.125c.5729.5729 1.1459.5729 1.7188 0 .2604-.2604.3906-.5469.3906-.8594 0-.3646-.1302-.651-.3906-.8594L16.0469 18.75l7.1875-7.2656Zm9.2187-5.93752C28.8073 1.84896 24.4062 0 19.25 0 14.0938 0 9.66667 1.84896 5.96875 5.54688 2.32292 9.19271.5 13.5938.5 18.75s1.82292 9.5833 5.46875 13.2812C9.66667 35.6771 14.0938 37.5 19.25 37.5s9.5573-1.8229 13.2031-5.4688C36.151 28.3333 38 23.9062 38 18.75s-1.849-9.55729-5.5469-13.20312ZM30.7344 30.2344C27.5573 33.4115 23.7292 35 19.25 35c-4.4792 0-8.3073-1.5885-11.48438-4.7656C4.58854 27.0573 3 23.2292 3 18.75c0-4.4792 1.58854-8.3073 4.76562-11.48438S14.7708 2.5 19.25 2.5s8.3073 1.58854 11.4844 4.76562C33.9115 10.4427 35.5 14.2708 35.5 18.75s-1.5885 8.3073-4.7656 11.4844Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 1.875rem;
height: 1.875rem;
position: absolute;
top: 0;
left: 0;
}
.carousel .slides button.slick-next,
.discover-carousel .slides button.slick-next {
left: calc(100% - 3.75rem - 5rem);
}
.carousel .slides button.slick-next::before,
.discover-carousel .slides button.slick-next::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 38 38'%3E%3Cpath fill='%23fff' d='m25.1094 17.8906-8.125-8.12498c-.5729-.57291-1.1719-.57291-1.7969 0-.5729.57288-.5469 1.14588.0781 1.71878l7.1875 7.2656-7.1875 7.2656c-.625.5729-.651 1.1459-.0781 1.7188.625.5729 1.224.5729 1.7969 0l8.125-8.125c.2604-.2084.3906-.4948.3906-.8594 0-.3646-.1302-.651-.3906-.8594ZM32.5312 5.625C28.8854 1.97917 24.4844.15625 19.3281.15625c-5.1562 0-9.55727 1.82292-13.2031 5.46875C2.47917 9.27083.65625 13.6719.65625 18.8281c0 5.1563 1.82292 9.5573 5.46875 13.2031C9.77083 35.6771 14.1719 37.5 19.3281 37.5c5.1563 0 9.5573-1.8229 13.2031-5.4688C36.1771 28.3854 38 23.9844 38 18.8281c0-5.1562-1.8229-9.55727-5.4688-13.2031Zm-1.7968 24.6875C27.6094 33.4375 23.8073 35 19.3281 35c-4.4271 0-8.2291-1.5625-11.40622-4.6875-3.17709-3.1771-4.76563-6.9792-4.76563-11.4063 0-4.4791 1.58854-8.3072 4.76563-11.48432C11.099 4.24479 14.901 2.65625 19.3281 2.65625c4.4792 0 8.2813 1.58854 11.4063 4.76563C33.9115 10.599 35.5 14.4271 35.5 18.9062c0 4.4271-1.5885 8.2292-4.7656 11.4063Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 1.875rem;
height: 1.875rem;
position: absolute;
top: 0;
left: 0;
}
.carousel .slides ul.slick-dots,
.discover-carousel .slides ul.slick-dots {
position: relative;
bottom: 0;
margin-top: 1.875rem;
}
@media (min-width: 48rem) {
.carousel .slides ul.slick-dots,
.discover-carousel .slides ul.slick-dots {
margin-left: -5rem;
}
}
.carousel .slides ul.slick-dots li button::before,
.discover-carousel .slides ul.slick-dots li button::before {
content: "";
width: 0.675rem;
height: 0.675rem;
background-color: #cececc;
border-radius: 50%;
opacity: 1;
}
.carousel .slides ul.slick-dots li button:hover::before, .carousel .slides ul.slick-dots li button:focus::before, .carousel .slides ul.slick-dots li button:focus-within::before, .carousel .slides ul.slick-dots li button:focus-visible::before,
.discover-carousel .slides ul.slick-dots li button:hover::before,
.discover-carousel .slides ul.slick-dots li button:focus::before,
.discover-carousel .slides ul.slick-dots li button:focus-within::before,
.discover-carousel .slides ul.slick-dots li button:focus-visible::before {
background-color: #b9b9b9;
}
.carousel .slides ul.slick-dots li.slick-active button::before,
.discover-carousel .slides ul.slick-dots li.slick-active button::before {
background-color: #757679;
}
.hero-carousel {
position: relative;
--pad: calc(50vw - min(50vw - 3.75rem,40rem));
--theme-padding: 0;
}
.hero-carousel .hero-carousel-slides {
position: relative;
width: 100vw;
margin-right: calc(50% - 50vw + 0.5px);
margin-left: calc(50% - 50vw + 0.5px);
z-index: 0;
}
.hero-carousel .hero-carousel-slides.slick-slider {
margin-bottom: 0;
}
.hero-carousel .hero-carousel-slides .slick-list .slick-slide .hero-carousel-slide {
position: relative;
height: 100%;
min-height: 65vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 1.875rem 3.125rem;
}
@media (min-width: 48rem) {
.hero-carousel .hero-carousel-slides .slick-list .slick-slide .hero-carousel-slide {
padding-top: 0;
padding-bottom: 9.375rem;
padding-right: 5rem;
padding-left: 5rem;
}
}
@media (min-width: 80rem) {
.hero-carousel .hero-carousel-slides .slick-list .slick-slide .hero-carousel-slide {
padding-right: 9.375rem;
padding-left: 9.375rem;
}
}
@media (min-width: 100rem) {
.hero-carousel .hero-carousel-slides .slick-list .slick-slide .hero-carousel-slide {
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
}
}
.hero-carousel .hero-carousel-slides .slick-list .slick-slide .hero-carousel-slide.image-slide .wallpaper {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
z-index: -1;
}
.hero-carousel .hero-carousel-slides .slick-list .slick-slide .hero-carousel-slide.image-slide .wallpaper img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.hero-carousel .hero-carousel-slides .slick-list .slick-slide .hero-carousel-slide.image-slide h1, .hero-carousel .hero-carousel-slides .slick-list .slick-slide .hero-carousel-slide.image-slide h2 {
margin: 0;
color: #ffffff;
font: var(--fw-300) var(--fs-9)/var(--lh-5) var(--ff-0);
left: 1.875rem;
margin-top: 1.875rem;
}
.hero-carousel .hero-carousel-slides ul.slick-dots {
bottom: auto;
top: calc(100% - 3.75rem - 1.875rem);
left: 50%;
transform: translateX(-50%);
max-width: 33rem;
display: flex;
flex-direction: row;
width: fit-content;
z-index: 2;
}
@media (max-width: 47.9375rem) {
.hero-carousel .hero-carousel-slides ul.slick-dots {
top: calc(100% - 1.875rem);
}
}
@media (max-width: 47.9375rem) {
.hero-carousel .hero-carousel-slides ul.slick-dots {
width: 80%;
}
}
.hero-carousel .hero-carousel-slides ul.slick-dots li {
width: 11rem;
height: 100%;
margin: 0;
}
.hero-carousel .hero-carousel-slides ul.slick-dots li button {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
.hero-carousel .hero-carousel-slides ul.slick-dots li button::before {
content: "";
width: 100%;
height: 3px;
background-color: white;
opacity: 0.5;
}
.hero-carousel .hero-carousel-slides ul.slick-dots li button:hover::before, .hero-carousel .hero-carousel-slides ul.slick-dots li button:focus::before, .hero-carousel .hero-carousel-slides ul.slick-dots li button:focus-within::before {
opacity: 0.65;
}
.hero-carousel .hero-carousel-slides ul.slick-dots li.slick-active button::before {
opacity: 1;
}
.hero-carousel .hero-carousel-slides ul.slick-dots li.slick-active button:hover::before {
opacity: 1;
}
.hero-carousel .hero-carousel-boxes {
max-width: 80rem;
margin: -3.75rem 1.875rem 1.875rem;
margin-top: -3.75rem;
display: flex;
z-index: 1;
}
@media (min-width: 48rem) {
.hero-carousel .hero-carousel-boxes {
margin: -3.75rem 5rem 1.875rem;
}
}
@media (min-width: 80rem) {
.hero-carousel .hero-carousel-boxes {
margin: -3.75rem 9.375rem 1.875rem;
}
}
@media (min-width: 100rem) {
.hero-carousel .hero-carousel-boxes {
margin: -3.75rem auto;
}
}
@media (max-width: 47.9375rem) {
.hero-carousel .hero-carousel-boxes {
flex-direction: column;
width: 100%;
margin: 0;
}
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box {
width: auto;
z-index: inherit;
padding: 2.5rem;
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box.text_cta-wrapper,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box.text_cta-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 63.9375rem) {
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box {
padding: 1.875rem;
}
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box.box-bg-green,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box.box-bg-green {
background-color: #008c95;
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box.box-bg-blue,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box.box-bg-blue {
background-color: #004c99;
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box p,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box p {
color: white;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box a,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box a {
margin-bottom: 0;
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box.links-wrapper,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box.links-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
width: auto;
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box.links-wrapper .text-wrapper .inner-box-links,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box.links-wrapper .text-wrapper .inner-box-links {
width: 100%;
}
.hero-carousel .hero-carousel-boxes .hero-carousel-left-box.links-wrapper .text-wrapper .inner-box-links .link-list li a,
.hero-carousel .hero-carousel-boxes .hero-carousel-right-box.links-wrapper .text-wrapper .inner-box-links .link-list li a {
padding-right: 3.125rem;
max-width: -webkit-fill-available;
text-align: left;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
}
.hero-carousel .hero-carousel-boxes[data-layout=flex-two-layout] {
flex-direction: row;
}
@media (min-width: 48rem) {
.hero-carousel .hero-carousel-boxes[data-layout=flex-two-layout] .hero-carousel-left-box,
.hero-carousel .hero-carousel-boxes[data-layout=flex-two-layout] .hero-carousel-right-box {
flex: 0 50%;
}
}
@media (max-width: 47.9375rem) {
.hero-carousel .hero-carousel-boxes[data-layout=flex-two-layout] {
flex-direction: column;
}
}
.connect-banner {
position: relative;
width: auto;
padding: 1.25rem 1.875rem;
margin: 2.5rem 0;
--pad: calc(50vw - min(50vw - 3.75rem,40rem));
--theme-padding: 0;
position: relative;
margin-right: calc(50% - 50vw + 0.5px);
margin-left: calc(50% - 50vw + 0.5px);
}
.connect-banner::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #e5edf4;
z-index: -1;
}
.connect-banner .connect-banner-content {
position: relative;
width: fit-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.connect-banner .connect-banner-content img {
--image-size: 3rem;
width: var(--image-size);
height: var(--image-size);
margin-right: 0.625rem;
}
.connect-banner .connect-banner-content a {
position: static;
}
.connect-banner .connect-banner-content a.link[data-theme], .connect-banner .connect-banner-content a.link[data-color] {
font-weight: 400;
border: none;
margin: 0;
padding: 0;
transition: none;
text-align: left;
}
.connect-banner .connect-banner-content a.link[data-theme]:focus, .connect-banner .connect-banner-content a.link[data-theme]:focus-within, .connect-banner .connect-banner-content a.link[data-theme]:focus-visible, .connect-banner .connect-banner-content a.link[data-color]:focus, .connect-banner .connect-banner-content a.link[data-color]:focus-within, .connect-banner .connect-banner-content a.link[data-color]:focus-visible {
color: #004c99;
border-bottom: 1px solid #004c99;
border-radius: 0;
}
.connect-banner .connect-banner-content a::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.table-wrapper {
z-index: 0;
overflow: hidden;
overflow: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
outline: 1px solid #b9b9b9;
outline-offset: -1px;
background: radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 0;
background-color: white;
background-repeat: no-repeat;
background-size: 10px 100%;
}
.table-wrapper table {
border-collapse: collapse;
min-width: 100%;
background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), linear-gradient(to left, white 30%, rgba(255, 255, 255, 0)) 100% 0;
background-size: 50px 100%;
background-repeat: no-repeat;
max-width: none;
margin-bottom: 0;
}
.table-wrapper th span {
position: sticky;
left: 0.5rem;
right: 0.5rem;
}
.table-wrapper th,
.table-wrapper td {
font: var(--fw-300) var(--fs--2)/var(--lh--2) var(--ff-0);
padding: 0.25rem 0.5rem;
text-align: left;
vertical-align: top;
border: 1px solid #b9b9b9;
}
.table-wrapper th p,
.table-wrapper td p {
font-size: inherit;
}
.table-wrapper th {
z-index: 1;
color: var(--color-black);
font: var(--fw-700) var(--fs--2)/var(--lh--2) var(--ff-0);
white-space: nowrap;
padding: 1rem 0.5rem;
scroll-snap-align: center;
border: 1px solid #b9b9b9;
box-shadow: 0 2px 0 -1px #b9b9b9, 0 -2px 0 -1px #b9b9b9;
position: sticky;
top: 0;
}
.table-wrapper tr {
background-color: var(--color-none);
transition: background-color 150ms;
}
.table-wrapper tr:hover {
background-color: var(--color-g1);
}
.spacer .line {
background-color: transparent;
height: 0.125rem;
width: 100%;
}
.block:not(:first-of-type) {
padding-top: 0 !important;
}
.block:empty {
padding: 0 !important;
}
.block-text h2 {
margin-inline-start: 0 !important;
}
.block-text .text-align-center a.link {
margin: 0 auto;
}
.block-text p a:not([class]) {
display: inline-block;
padding: 0;
margin: 0;
}
.block-text p a:not([class]) > span {
text-decoration: underline;
}
.block-text ~ .block-webform form.webform-submission-form {
margin-top: 0;
}
.block-image .media-disclaimer {
margin: 0.3rem 0 0;
}
.full-image-banner .media-disclaimer {
position: absolute;
bottom: 1.25rem;
}
@media (min-width: 48rem) {
.full-image-banner .media-disclaimer {
bottom: 1.875rem;
}
}
@media (min-width: 80rem) {
.full-image-banner .media-disclaimer {
bottom: 2.5rem;
}
}
.full-image-banner .text-wrapper h2 {
font: var(--fw-300) var(--fs-6)/var(--lh-1) var(--ff-0);
margin-bottom: 1.875rem;
}
.full-image-banner .text-wrapper h2 strong {
font: var(--fw-700) var(--fs-8)/var(--lh-1) var(--ff-0);
}
.full-image-banner .text-wrapper > * {
margin-top: 0;
color: white;
}
@media (min-width: 64rem) {
.full-image-banner .text-wrapper .copy {
max-width: 55%;
}
}
.full-image-banner .text-wrapper .copy p {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
color: #ffffff;
}
.full-image-banner .text-wrapper a,
.full-image-banner .text-wrapper button {
justify-content: left;
margin: 3.125rem 0 1.875rem 0;
padding: 0 2.5rem;
min-height: 35px;
line-height: 20px;
}
.tall-image-banner {
--gap: 6.875rem;
--pad: calc(50vw - min(50vw - 1.875rem, 40rem));
--theme-padding: 0;
position: relative;
padding: 0;
margin: 0;
height: 100%;
width: 100vw;
margin-right: calc(50% - 50vw + 0.5px);
margin-left: calc(50% - 50vw + 0.5px);
}
.tall-image-banner[data-theme=dark] h1,
.tall-image-banner[data-theme=dark] h2,
.tall-image-banner[data-theme=dark] h3,
.tall-image-banner[data-theme=dark] h4,
.tall-image-banner[data-theme=dark] h5,
.tall-image-banner[data-theme=dark] h6,
.tall-image-banner[data-theme=dark] p {
color: white;
}
.tall-image-banner .wrapper {
position: relative;
}
.tall-image-banner .tall-image-banner-content {
display: grid;
padding-bottom: 0;
margin-bottom: 3.75rem;
}
@media (min-width: 48rem) {
.tall-image-banner .tall-image-banner-content {
padding: 3.75rem;
padding-bottom: 0;
grid-auto-rows: minmax(min-content, max-content);
grid-template-columns: repeat(2, 50%);
}
}
@media (min-width: 80rem) {
.tall-image-banner .tall-image-banner-content {
padding: 9.375rem;
padding-bottom: 0;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 100rem) {
.tall-image-banner .tall-image-banner-content {
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
padding-top: 9.375rem;
}
}
.tall-image-banner .tall-image-banner-content .wallpaper {
position: relative;
z-index: -1;
margin-right: calc(50% - 50vw + 0.5px);
margin-left: calc(50% - 50vw + 0.5px);
}
@media (max-width: 47.9375rem) {
.tall-image-banner .tall-image-banner-content .wallpaper {
height: 45vh;
}
}
@media (min-width: 48rem) {
.tall-image-banner .tall-image-banner-content .wallpaper {
margin-top: -3.75rem;
grid-row: 1/4;
grid-column: 1/-1;
}
}
@media (min-width: 80rem) {
.tall-image-banner .tall-image-banner-content .wallpaper {
margin-top: -9.375rem;
}
}
.tall-image-banner .tall-image-banner-content .wallpaper img {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.tall-image-banner .tall-image-banner-content .text-wrapper {
display: flex;
flex-direction: column;
margin-bottom: 9.375rem;
}
@media (max-width: 47.9375rem) {
.tall-image-banner .tall-image-banner-content .text-wrapper {
position: absolute;
top: 1.875rem;
left: 1.875rem;
}
}
@media (min-width: 48rem) {
.tall-image-banner .tall-image-banner-content .text-wrapper {
grid-row: 1/span 1;
grid-column: 1/-1;
}
}
.tall-image-banner .tall-image-banner-content .text-wrapper.right-align {
align-items: flex-end;
text-align: right;
}
.tall-image-banner .tall-image-banner-content .text-wrapper p {
margin-top: 1.25rem;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
}
@media (min-width: 48rem) {
.tall-image-banner .tall-image-banner-content .text-wrapper p {
max-width: 60%;
}
}
.tall-image-banner .tall-image-banner-content .tall-image-banner-box {
padding: 1.875rem;
width: auto;
}
.tall-image-banner .tall-image-banner-content .tall-image-banner-box p {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
}
.tall-image-banner .tall-image-banner-content .tall-image-banner-box a.link[data-theme], .tall-image-banner .tall-image-banner-content .tall-image-banner-box a.link[data-color] {
margin-bottom: 0;
}
.tall-image-banner .tall-image-banner-content .tall-image-banner-box.box-bg-green {
background-color: #008c95;
}
.tall-image-banner .tall-image-banner-content .tall-image-banner-box.box-bg-blue {
background-color: #004c99;
}
.tall-image-banner .tall-image-banner-content .tall-image-banner-box.box-bg-white {
background-color: white;
color: #008c95;
}
@media (min-width: 48rem) {
.tall-image-banner .tall-image-banner-content .tall-image-banner-box {
grid-row: 3/span 2;
}
.tall-image-banner .tall-image-banner-content .tall-image-banner-box.box-position-right {
grid-column: 2/span 2;
}
.tall-image-banner .tall-image-banner-content .tall-image-banner-box.box-position-left {
grid-column: 1/span 1;
}
}
.career-banner {
--pad: calc(50vw - min(50vw - 1.875rem, 40rem));
--theme-padding: 0;
position: relative;
width: 100vw;
margin-right: calc(50% - 50vw + 0.5px);
margin-left: calc(50% - 50vw + 0.5px);
}
.career-banner .text-wrapper {
padding: 3.75rem;
padding-bottom: 1.875rem;
}
@media (min-width: 80rem) {
.career-banner .text-wrapper {
padding: 9.375rem;
padding-bottom: 1.875rem;
}
}
@media (max-width: 47.9375rem) {
.career-banner .text-wrapper {
padding: 1.875rem;
}
}
@media (min-width: 100rem) {
.career-banner .text-wrapper {
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
padding-top: 9.375rem;
padding-bottom: 2.5rem;
}
}
.career-banner .text-wrapper h2 {
color: #008c95;
}
.career-banner .text-wrapper h2 > strong {
color: #004c99;
}
.career-banner .text-wrapper .copy {
margin-top: 1.875rem;
}
@media (min-width: 64rem) {
.career-banner .text-wrapper .copy {
max-width: 55%;
}
}
.career-banner .text-wrapper .copy p {
font: var(--fw-500) var(--fs-1)/var(--lh--1) var(--ff-0);
color: #757679;
}
.career-banner .text-wrapper .copy ul {
margin-left: 0.625rem;
}
.career-banner .text-wrapper a,
.career-banner .text-wrapper button {
justify-content: left;
margin: 3.125rem 0 1.875rem 0;
}
.career-banner .text-wrapper .links-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin-bottom: 3.75rem;
margin-top: 2.5rem;
}
@media (min-width: 80rem) {
.career-banner .text-wrapper .links-wrapper {
margin-bottom: 5rem;
}
}
.career-banner .text-wrapper .links-wrapper a {
font-weight: 700;
margin: 0;
margin-bottom: 1.25rem;
}
.career-banner .text-wrapper .links-wrapper a:first-of-type {
margin-right: 1.25rem;
}
.career-banner .text-wrapper .linkedin-link {
background: white;
border: none;
width: fit-content;
display: flex;
flex-direction: row;
position: relative;
border-radius: 100px;
padding: 0.65rem 0.75rem;
padding-right: 0.95rem;
transition: 300ms ease;
}
.career-banner .text-wrapper .linkedin-link:hover {
transform: scale(1.07);
}
.career-banner .text-wrapper .linkedin-link::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 35 35'%3E%3Cpath fill='%23004C99' fill-rule='evenodd' d='M17.5 0c4.8307 0 8.9551 1.70898 12.373 5.12695C33.291 8.54492 35 12.6693 35 17.5c0 4.8307-1.709 8.9551-5.127 12.373C26.4551 33.291 22.3307 35 17.5 35c-4.8307 0-8.95508-1.709-12.37305-5.127C1.70898 26.4551 0 22.3307 0 17.5c0-4.8307 1.70898-8.95508 5.12695-12.37305C8.54492 1.70898 12.6693 0 17.5 0ZM8.97461 26.0256h4.48719V10.7692H8.97461v15.2564ZM12.0259 9.39315c-.359.31909-.7778.47864-1.2564.47864-.4787 0-.89745-.16952-1.25643-.50855-.35897-.33903-.53846-.75784-.53846-1.25641 0-.49858.17949-.92735.53846-1.28632.35898-.35898.77773-.53847 1.25643-.53847.4786 0 .8974.17949 1.2564.53847.359.35897.5385.78774.5385 1.28632 0 .49857-.1795.92735-.5385 1.28632ZM24.2322 26.0256h4.4872v-9.3309c0-2.2249-.4791-3.7687-1.4373-4.6314-.9582-.8627-1.9749-1.2941-3.0499-1.2941-1.6827 0-3.1784.4768-4.4872 1.4303v-1.4303h-4.4872v15.2564h4.4872v-9.399l.2103-.4768c.0935-.3178.374-.6356.8414-.9535.4674-.3178 1.0283-.4768 1.6827-.4768 1.1685 0 1.7528.6357 1.7528 1.9071v9.399Z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-size: 1.875rem 1.875rem;
background-color: transparent;
height: 1.875rem;
width: 1.875rem;
display: inline-block;
align-self: center;
margin-right: 0.3rem;
}
.career-banner .text-wrapper .linkedin-link a[data-fill], .career-banner .text-wrapper .linkedin-link a[data-color] {
margin: 0;
font-size: var(--fs--1);
color: #004c99;
background-color: transparent;
border: none;
padding: 0;
position: static;
}
.career-banner .text-wrapper .linkedin-link a[data-fill]:hover, .career-banner .text-wrapper .linkedin-link a[data-color]:hover {
transform: none;
}
.career-banner .text-wrapper .linkedin-link a[data-fill]::before, .career-banner .text-wrapper .linkedin-link a[data-color]::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 100px;
}
.small-hero-banner {
--pad: calc(50vw - min(50vw - 1.875rem,40rem));
--theme-padding: 0;
width: 100vw;
height: 100%;
margin-bottom: 5rem;
position: relative;
margin-right: calc(50% - 50vw + 0.5px);
margin-left: calc(50% - 50vw + 0.5px);
}
.small-hero-banner .small-hero-banner-content {
position: relative;
width: auto;
height: 100%;
padding-top: 3.75rem;
padding-bottom: 1.875rem;
padding-right: 1.875rem;
padding-left: 1.875rem;
}
@media (max-width: 47.9375rem) {
.small-hero-banner .small-hero-banner-content {
height: 45vh;
}
.small-hero-banner .small-hero-banner-content h2 {
position: absolute;
bottom: 1.875rem;
left: auto;
}
}
@media (min-width: 48rem) {
.small-hero-banner .small-hero-banner-content {
padding-top: 10rem;
padding-bottom: 5rem;
padding-right: 5rem;
padding-left: 5rem;
}
}
@media (min-width: 80rem) {
.small-hero-banner .small-hero-banner-content {
padding-top: 18.75rem;
padding-bottom: 9.375rem;
padding-right: 9.375rem;
padding-left: 9.375rem;
}
}
@media (min-width: 100rem) {
.small-hero-banner .small-hero-banner-content {
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
}
}
.small-hero-banner h1, .small-hero-banner h2 {
color: white;
}
.small-hero-banner .small-hero-banner-boxes {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
max-width: 80rem;
}
@media (min-width: 48rem) {
.small-hero-banner .small-hero-banner-boxes {
width: calc(100% - 10rem);
margin: -2.5rem auto 0;
}
}
@media (min-width: 80rem) {
.small-hero-banner .small-hero-banner-boxes {
margin: -5rem auto 0;
width: calc(100% - 18.75rem);
}
}
.small-hero-banner .small-hero-banner-boxes .small-hero-banner-box {
padding: 2.5rem;
}
@media (max-width: 63.9375rem) {
.small-hero-banner .small-hero-banner-boxes .small-hero-banner-box {
padding: 1.875rem;
}
}
.small-hero-banner .small-hero-banner-boxes .small-hero-banner-box.box-bg-green {
background-color: #008c95;
}
.small-hero-banner .small-hero-banner-boxes .small-hero-banner-box.box-bg-blue {
background-color: #004c99;
}
.small-hero-banner .small-hero-banner-boxes.box-count-2 {
flex-direction: row;
}
@media (max-width: 47.9375rem) {
.small-hero-banner .small-hero-banner-boxes.box-count-2 {
flex-direction: column;
}
}
.small-hero-banner .small-hero-banner-boxes .copy {
color: white;
font: var(--fw-500) var(--fs-2)/var(--lh--1) var(--ff-0);
}
.small-hero-banner .small-hero-banner-boxes .copy p {
color: white;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
}
.product-hero-banner {
height: 100%;
}
@media (min-width: 48rem) {
.product-hero-banner {
margin-bottom: 2.5rem;
}
}
.product-hero-banner .media-disclaimer {
position: absolute;
left: 0;
bottom: 1.25rem;
}
@media (min-width: 48rem) {
.product-hero-banner .media-disclaimer {
bottom: 2.5rem;
}
}
@media (min-width: 80rem) {
.product-hero-banner .media-disclaimer {
bottom: 3.125rem;
}
}
.product-hero-banner .product-hero-banner-content {
position: relative;
width: auto;
height: 100%;
display: flex;
}
@media (max-width: 47.9375rem) {
.product-hero-banner .product-hero-banner-content {
min-height: 35vh;
flex-direction: column;
justify-content: flex-end;
}
}
@media (min-width: 48rem) {
.product-hero-banner .product-hero-banner-content {
align-items: center;
}
}
.product-hero-banner .product-hero-banner-content.wide {
min-height: 35vmin;
padding-block: 9.375rem;
}
.product-hero-banner .product-hero-banner-content.normal {
min-height: 30vmin;
padding-block: 5rem;
}
@media (max-width: 47.9375rem) {
.product-hero-banner .product-hero-banner-content.normal {
padding-block: 6.25rem;
}
}
.product-hero-banner .product-hero-banner-content.small {
min-height: 20vmin;
padding-block: 3.125rem;
}
@media (max-width: 47.9375rem) {
.product-hero-banner .product-hero-banner-content.small {
padding-block: 5rem;
}
}
.product-hero-banner .text-wrapper {
max-width: 100%;
width: 100%;
margin-bottom: 1.25rem;
}
.product-hero-banner .text-wrapper p {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-400);
}
.product-hero-banner .text-wrapper h1,
.product-hero-banner .text-wrapper h2,
.product-hero-banner .text-wrapper .copy * {
color: #ffffff;
}
@media (min-width: 80rem) {
.product-hero-banner .text-wrapper h1,
.product-hero-banner .text-wrapper h2,
.product-hero-banner .text-wrapper .copy * {
max-width: 100%;
}
}
.product-hero-banner .text-wrapper h1 ~ .copy {
margin-top: -1.875rem;
}
.product-hero-banner .banner-boxes .banner-box.box-bg-green ~ .key-features {
background-color: #004c99;
}
.product-hero-banner .banner-boxes .banner-box.box-bg-blue ~ .key-features {
background-color: #008c95;
}
.product-hero-banner .banner-boxes .banner-box.key-features p {
margin-top: 1.25rem;
padding-bottom: 1.25rem;
border-bottom: 1px solid white;
font-weight: var(--fw-700);
}
.product-hero-banner .banner-boxes .banner-box.key-features p:first-of-type {
margin-top: 0;
}
.product-hero-banner .banner-boxes .banner-box.key-features p:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.product-small-banner {
height: 100%;
}
@media (min-width: 48rem) {
.product-small-banner {
margin-bottom: 2.5rem;
}
}
.product-small-banner .media-disclaimer {
position: absolute;
left: 0;
bottom: 2%;
}
@media (min-width: 48rem) {
.product-small-banner .media-disclaimer {
top: calc(100% - 2.5rem - 1.25rem);
}
}
@media (min-width: 80rem) {
.product-small-banner .media-disclaimer {
top: calc(100% - 5rem - 1.25rem);
}
}
.product-small-banner .product-small-banner-content {
position: relative;
width: auto;
height: 100%;
display: flex;
min-height: 27vmin;
}
@media (max-width: 47.9375rem) {
.product-small-banner .product-small-banner-content {
height: 35vh;
flex-direction: column;
justify-content: flex-end;
}
}
@media (min-width: 48rem) {
.product-small-banner .product-small-banner-content {
align-items: center;
min-height: 55vmin;
}
}
.product-small-banner .text-wrapper {
max-width: 100%;
width: 100%;
margin-bottom: 1.25rem;
}
.product-small-banner .text-wrapper > * {
color: white;
}
@media (min-width: 48rem) {
.product-small-banner .text-wrapper > * {
max-width: 60%;
}
}
.info-banner {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--component-spacing);
}
.info-banner > h3 {
margin-bottom: 3.125rem;
color: #004c99;
text-align: center;
}
.info-banner a {
margin: 2.5rem auto 0;
}
.info-banner .info-banner-items {
width: 100%;
justify-items: center;
justify-content: space-evenly;
width: fit-content;
margin: 0 auto;
}
.info-banner .info-banner-items[data-layout=one-row] {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3.125rem;
}
.info-banner .info-banner-items[data-layout=one-row] .info-banner-content-item {
flex: 1 25%;
}
@media (min-width: 64rem) {
.info-banner .info-banner-items[data-layout=one-row] .info-banner-content-item {
flex: 1 10%;
}
}
.info-banner .info-banner-items[data-layout=two-rows] {
display: grid;
grid-gap: 3.125rem;
}
@media (min-width: 30rem) {
.info-banner .info-banner-items[data-layout=two-rows] {
grid-template-columns: repeat(5, 3.5rem);
grid-gap: 1.875rem;
}
}
@media (min-width: 48rem) {
.info-banner .info-banner-items[data-layout=two-rows] {
grid-template-columns: repeat(5, 6rem);
}
}
@media (min-width: 30rem) {
.info-banner .info-banner-items[data-layout=two-rows] .info-banner-content-item {
width: fit-content;
}
.info-banner .info-banner-items[data-layout=two-rows] .info-banner-content-item:nth-child(5n+1) {
grid-column: 1;
}
.info-banner .info-banner-items[data-layout=two-rows] .info-banner-content-item:nth-child(5n+2) {
grid-column: 3;
}
.info-banner .info-banner-items[data-layout=two-rows] .info-banner-content-item:nth-child(5n+3) {
grid-column: 5;
}
.info-banner .info-banner-items[data-layout=two-rows] .info-banner-content-item:nth-child(5n+4) {
grid-column: 2;
}
.info-banner .info-banner-items[data-layout=two-rows] .info-banner-content-item:nth-child(5n+5) {
grid-column: 4;
}
}
.info-banner .info-banner-items .info-banner-content-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.info-banner .info-banner-items .info-banner-content-item > h6 {
color: #008c95;
margin-bottom: 0.625rem;
width: max-content;
}
.info-banner .info-banner-items .info-banner-content-item > p {
color: #004c99;
}
.info-banner .info-banner-items .info-banner-content-item .info-banner-content-icon {
width: 2.5rem;
height: 2.5rem;
background-color: white;
border-radius: 50%;
padding: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
margin-bottom: 1.875rem;
}
.info-banner .info-banner-items .info-banner-content-item .info-banner-content-icon svg {
width: 100%;
height: 100%;
}
.block-image-text-rows .image-text-rows .text-wrapper {
text-align: center;
}
.block-image-text-rows .image-text-rows .text-wrapper h3 {
color: #004c99;
margin-bottom: 1.25rem;
}
.block-image-text-rows .image-text-rows .text-wrapper ~ .text-boxes {
margin-top: 2.5rem;
}
@media (max-width: 47.9375rem) {
.block-image-text-rows .image-text-rows .text-wrapper ~ .text-boxes {
margin-top: 1.875rem;
}
}
.block-image-text-rows .image-text-rows .image-text-box {
display: grid;
align-items: center;
grid-template-columns: 1fr;
margin: 1.25rem 0;
}
@media (min-width: 48rem) {
.block-image-text-rows .image-text-rows .image-text-box {
grid-gap: 3.125rem;
margin: 3.125rem 0;
grid-template-columns: repeat(2, 1fr);
}
}
.block-image-text-rows .image-text-rows .image-text-box:first-of-type {
margin-top: 0;
}
.block-image-text-rows .image-text-rows .image-text-box:last-of-type {
margin-bottom: 0;
}
@media (min-width: 48rem) {
.block-image-text-rows .image-text-rows .image-text-box[data-layout=right-align] img {
grid-column: 2;
grid-row: 1;
}
.block-image-text-rows .image-text-rows .image-text-box[data-layout=right-align] .text-box {
grid-column: 1;
grid-row: 1;
}
}
.block-image-text-rows .image-text-rows .image-text-box figure {
margin: 0;
height: 100%;
}
@media (max-width: 47.9375rem) {
.block-image-text-rows .image-text-rows .image-text-box figure {
height: auto;
margin-bottom: 1.25rem;
}
}
.block-image-text-rows .image-text-rows .image-text-box figure img {
min-height: 12.5rem;
}
@media (min-width: 64rem) {
.block-image-text-rows .image-text-rows .image-text-box figure img {
min-height: 21.875rem;
}
}
.block-image-text-rows .image-text-rows .image-text-box figure figcaption {
margin: 0.3rem 0 0;
}
.block-image-text-rows .image-text-rows .image-text-box .text-box .item-title {
margin-bottom: 0.625rem;
}
@media (max-width: 47.9375rem) {
.block-image-text-rows .image-text-rows .image-text-box .text-box .item-title {
margin-top: 0.625rem;
}
}
@media (min-width: 48rem) {
.block-image-text-rows .image-text-rows .image-text-box .text-box a.link {
margin: 1.875rem 0 0;
}
}
.block-image-text-rows .image-text-rows .image-text-box .text-box p.reference {
padding: 0.15rem 1rem 0.5rem 1rem;
}
.interactive-tabs[data-theme=dark] .tab-items > * {
color: white;
}
.interactive-tabs[data-theme=dark] .tab-items > * p,
.interactive-tabs[data-theme=dark] .tab-items > * h6 {
color: white;
}
.interactive-tabs[data-theme=light] .tab-items > * {
color: #004c99;
}
.interactive-tabs[data-theme=light] .tab-items > * p,
.interactive-tabs[data-theme=light] .tab-items > * h6 {
color: #004c99;
}
.interactive-tabs .switch-indicator {
height: 100%;
background-color: #a5c0db;
border-radius: 30px;
position: absolute;
top: 0;
left: 0;
transition: 300ms ease-in;
z-index: 0;
}
.interactive-tabs .tab-items {
--pad: calc(50vw - min(50vw - 1.875rem, 40rem));
--theme-padding: 0;
position: relative;
width: 100vw;
margin-right: calc(50% - 50vw + 0.5px);
margin-left: calc(50% - 50vw + 0.5px);
display: flex;
flex-direction: column-reverse;
}
.interactive-tabs .tab-items[data-layout] {
margin-bottom: 0;
}
.interactive-tabs .tab-items[data-layout=top] .tab-item {
justify-content: flex-start;
}
.interactive-tabs .tab-items[data-layout=bottom] .tab-item {
justify-content: flex-end;
}
.interactive-tabs .tab-items .tab-item {
min-height: calc(100vh - 15rem);
height: 100%;
position: relative;
padding: 1.875rem;
}
@media (min-width: 48rem) {
.interactive-tabs .tab-items .tab-item {
padding: 3.75rem;
}
}
@media (min-width: 80rem) {
.interactive-tabs .tab-items .tab-item {
padding: 3.75rem 9.375rem;
}
}
@media (min-width: 100rem) {
.interactive-tabs .tab-items .tab-item {
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
padding-top: 3.75rem;
}
}
@media (min-width: 64rem) {
.interactive-tabs .tab-items {
max-width: 80%;
}
}
@media (min-width: 80rem) {
.interactive-tabs .tab-items {
max-width: 65%;
}
}
.interactive-tabs .tab-items h2 {
margin-bottom: 1.875rem;
}
.interactive-tabs .tab-items p {
font: var(--fw-500) var(--fs-1)/var(--lh--1) var(--ff-0);
color: #ffffff;
}
@media (min-width: 48rem) {
.interactive-tabs .tab-items p {
max-width: 80%;
}
}
.interactive-tabs .hidden {
display: none;
visibility: hidden;
}
.interactive-tabs ul.slick-dots {
background-color: #ccdbeb;
border-radius: 30px;
width: fit-content;
position: relative;
bottom: 0;
left: auto;
margin: 5rem auto 3.75rem;
display: flex;
flex-direction: row;
align-items: center;
}
.interactive-tabs ul.slick-dots li {
width: fit-content;
height: 100%;
margin: 0;
z-index: 1;
}
.interactive-tabs ul.slick-dots li:focus, .interactive-tabs ul.slick-dots li:focus-within {
box-shadow: none;
}
.interactive-tabs ul.slick-dots li button {
margin: 0;
padding: 0 1.2625rem;
min-height: 35px;
line-height: 20px;
height: 100%;
width: 100%;
color: #004c99;
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: 500;
}
.interactive-tabs ul.slick-dots li button::before {
display: none;
}
.interactive-tabs ul.slick-dots li button:hover, .interactive-tabs ul.slick-dots li button:focus, .interactive-tabs ul.slick-dots li button:focus-within {
cursor: pointer;
}
.interactive-tabs ul.slick-dots li button.sm {
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
}
.interactive-tabs ul.slick-dots li button.lg {
font: var(--fw-500) var(--fs-2)/var(--lh--1) var(--ff-0);
}
.interactive-tabs ul.slick-dots li button:focus, .interactive-tabs ul.slick-dots li button:focus-within {
box-shadow: none;
}
.region-header {
width: 100%;
background-color: white;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 8;
min-height: 5rem;
}
.region-header .header-inner {
max-width: 100rem;
margin: 0 auto;
padding: 1.875rem 3.125rem;
position: relative;
display: grid;
grid-template-columns: auto 1fr auto;
grid-gap: 0 5rem;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner {
display: none;
}
.region-header .header-inner button.go-back-burgermenu {
background: none;
border: none;
z-index: 4;
position: fixed;
top: 0.625rem;
left: 0.625rem;
}
.region-header .header-inner button.go-back-burgermenu svg {
height: 100%;
width: 1.25rem;
}
}
.region-header .header-inner button.go-back-burgermenu {
display: none;
}
@media (min-width: 64rem) {
.region-header .header-inner {
grid-gap: 0.625rem 1.875rem;
}
}
@media (min-width: 80rem) {
.region-header .header-inner {
grid-gap: 0.625rem 5rem;
}
}
.region-header .header-inner [class*=block]:first-child {
grid-column: 1;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner [class*=block]:first-child {
grid-row: 1;
}
}
.region-header .header-inner [class*=block]:nth-child(2), .region-header .header-inner [class*=block]:nth-child(3) {
grid-column: 2;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner [class*=block]:nth-child(2), .region-header .header-inner [class*=block]:nth-child(3) {
grid-row: 1;
}
}
.region-header .header-inner [class*=block]:nth-child(4) {
grid-column: 3;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner [class*=block]:nth-child(4) {
grid-row: 1;
}
}
.region-header .header-inner [class*=block]:nth-child(5) {
grid-column: 1/-1;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner [class*=block]:nth-child(5) {
grid-row: 2;
}
}
@media (min-width: 80rem) {
.region-header .header-inner {
padding: 1.875rem 9.375rem;
}
}
.region-header .header-inner::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #ffffff;
z-index: -1;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner::after {
background-color: #004c99;
}
}
.region-header .header-inner ul {
list-style-type: none;
list-style-image: none;
padding: 0;
}
.region-header .header-inner ul li {
list-style-type: none;
list-style-image: none;
}
.region-header .header-inner .menu {
width: 100%;
display: flex;
flex-direction: row;
position: relative;
margin: 0 auto;
padding: 0;
align-items: flex-end;
justify-content: flex-end;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner .menu {
padding: 0;
margin: 0;
}
}
.region-header .header-inner .menu > li {
display: flex;
}
.region-header .header-inner .menu > li a {
min-width: auto;
min-height: auto;
white-space: initial;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0 0 0.625rem;
position: relative;
background-color: transparent;
border: none;
border-radius: none;
color: #004c99;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: 500;
}
@media (min-width: 64rem) {
.region-header .header-inner .menu > li a {
white-space: nowrap;
text-align: center;
}
}
.region-header .header-inner .menu > li a:hover, .region-header .header-inner .menu > li a:focus, .region-header .header-inner .menu > li a:focus-within {
text-decoration: none;
}
.region-header .header-inner .menu > li a:last-of-type {
margin-right: 0;
}
.region-header .header-inner .first-level-menu {
position: initial;
margin-top: 0;
}
.region-header .header-inner .first-level-menu .menu-items {
position: initial;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item {
padding: 0 0.625rem 0 1.5625rem;
border: 1px solid transparent;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:last-of-type {
margin-right: 0;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active > a,
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active > a.active {
transition: 200ms ease-in;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active > a::before,
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active > a.active::before {
margin-top: 0;
transform: rotate(225deg) !important;
-webkit-transform: rotate(225deg) !important;
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active > a::after,
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active > a.active::after {
content: "";
position: absolute;
top: 100%;
left: 0;
height: 0;
width: 100%;
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active .second-level-menu {
opacity: 1;
display: flex;
width: auto;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active .second-level-menu::before {
content: "";
width: 100%;
height: 100%;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active .second-level-menu .wrapper-container {
display: flex;
opacity: 1;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active .second-level-menu .wrapper {
display: block;
opacity: 1;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active .second-level-menu .active-single::before {
width: 1.25rem !important;
border: none !important;
background-color: transparent !important;
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu.active .second-level-menu .menu-item-primary {
display: none;
}
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu > a {
display: inline-flex;
flex-direction: row-reverse;
transition: 0s !important;
align-items: center;
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.megamenu > a::before {
right: 0 !important;
top: 0 !important;
left: unset !important;
bottom: unset !important;
border: solid #008c95 !important;
border-width: 0 2px 2px 0 !important;
margin-top: -8px;
transform: rotate(45deg) !important;
-webkit-transform: rotate(45deg) !important;
transition: 0.2s ease !important;
position: unset !important;
display: inline-block;
margin-left: 10px;
padding: 4px;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item .second-level-menu {
display: none;
opacity: 0;
padding: 0 1.25rem 0;
flex-direction: column;
position: absolute;
top: 100%;
margin-left: -1.25rem;
margin-top: -1.25rem;
height: auto;
width: auto;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item .second-level-menu {
left: 0;
right: 0;
margin-left: 0;
margin-top: 0;
padding: 2.5rem 1.875rem;
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item .second-level-menu::before {
content: "";
transition-delay: 100ms;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-color: #004c99;
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item .second-level-menu {
padding-top: calc(1.875rem - 1.25rem);
margin-top: -1.875rem;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item .second-level-menu::before {
background-color: white;
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item .second-level-menu .wrapper-container {
display: none;
opacity: 0;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item .second-level-menu .wrapper {
display: none;
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item .second-level-menu .wrapper .menu-items li.menu-item a {
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item > a {
transition: 200ms ease-in;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item > a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0px;
border: 2px solid transparent;
transition: 0.4s ease;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item > a::after {
content: "";
position: absolute;
top: 100%;
left: 0;
height: 0;
width: 100%;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item > a.active-single::before {
width: 100% !important;
border: 2px solid #008c95 !important;
background-color: #008c95 !important;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) {
flex-direction: column;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) a {
transition: 200ms ease-in;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0px;
border: 2px solid transparent;
transition: 0.4s ease;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) a::after {
content: "";
position: absolute;
top: 100%;
left: 0;
height: 0;
width: 100%;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu picture {
margin-right: 3.75rem;
margin-top: 0.625rem;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu picture img {
width: 21.875rem;
height: 13.75rem;
object-fit: cover;
object-position: center center;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu picture figcaption {
margin-top: 0.625rem;
max-width: 21.875rem;
color: #757679;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: 500;
line-height: var(--lh--3);
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper {
width: auto;
}
@media (min-width: 100rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper {
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a {
margin: 0;
padding: 0;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a:first-of-type {
margin-bottom: 1.25rem;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a:hover, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a:focus, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a:focus-within {
transform: translateX(0.625rem);
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a:hover::before, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a:focus::before, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a:focus-within::before {
display: none;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a h4 {
color: #ffffff;
position: relative;
width: fit-content;
margin-bottom: 0;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a h4::after {
content: "";
background-repeat: no-repeat;
width: 1.875rem;
height: 1.875rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: calc(100% + 0.6rem);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 1)'%3E%3Cpath fill='%23ffffff' fill-rule='nonzero' d='m18.42708 19.16622 4.14286-4.14285c.08631-.05754.14385-.12947.17262-.21578l.03237-.12946.01078-.12947c0-.0863-.01438-.17262-.04315-.25892-.02877-.08631-.08631-.15824-.17262-.21578L18.42708 9.9311c-.31646-.34523-.64013-.35243-.97098-.02157-.33085.33085-.32366.65451.02158.97098l2.93452 2.97768H6.90476c-.20139 0-.374.07192-.51786.21577-.11507.11508-.17261.27332-.17261.4747 0 .2014.06473.36682.1942.49628.12946.12947.29488.1942.49627.1942H20.4122l-2.93452 2.97768c-.34524.31647-.35243.64013-.02158.97098.33085.33085.65452.32366.97098-.02158Z'/%3E%3Ccircle cx='14.5' cy='14.5' r='14.5' stroke='%23ffffff' stroke-width='1.38095'/%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a h4 {
color: #008c95;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper > a h4::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 1)'%3E%3Cpath fill='%23008c95' fill-rule='nonzero' d='m18.42708 19.16622 4.14286-4.14285c.08631-.05754.14385-.12947.17262-.21578l.03237-.12946.01078-.12947c0-.0863-.01438-.17262-.04315-.25892-.02877-.08631-.08631-.15824-.17262-.21578L18.42708 9.9311c-.31646-.34523-.64013-.35243-.97098-.02157-.33085.33085-.32366.65451.02158.97098l2.93452 2.97768H6.90476c-.20139 0-.374.07192-.51786.21577-.11507.11508-.17261.27332-.17261.4747 0 .2014.06473.36682.1942.49628.12946.12947.29488.1942.49627.1942H20.4122l-2.93452 2.97768c-.34524.31647-.35243.64013-.02158.97098.33085.33085.65452.32366.97098-.02158Z'/%3E%3Ccircle cx='14.5' cy='14.5' r='14.5' stroke='%23008c95' stroke-width='1.38095'/%3E%3C/g%3E%3C/svg%3E");
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper p {
color: #757679;
margin: 0 0 2.5rem;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: 500;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items {
position: relative;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a {
padding: 0 0.625rem 1.25rem;
position: relative;
font-weight: 400;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a::before {
content: "";
width: 1.25rem;
height: auto;
background-repeat: no-repeat;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11'%3E%3Cpath fill='%23ffffff' fill-rule='nonzero' d='m12.42708 10.16622 4.14286-4.14285c.08631-.05754.14385-.12947.17262-.21578l.03237-.12946.01078-.12947c0-.0863-.01438-.17261-.04315-.25892-.02877-.08631-.08631-.15824-.17262-.21578L12.42708.9311c-.31646-.34523-.64013-.35243-.97098-.02157-.33085.33085-.32366.65451.02158.97098l2.93452 2.97768H.90476c-.20139 0-.374.07192-.51785.21577-.11508.11508-.17262.27332-.17262.4747 0 .2014.06473.36682.1942.49628.12946.12947.29488.1942.49627.1942H14.4122l-2.93452 2.97768c-.34524.31647-.35243.64013-.02158.97098.33085.33085.65452.32366.97098-.02158Z'/%3E%3C/svg%3E");
position: absolute;
left: -1.25rem;
top: 3%;
border: none;
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11'%3E%3Cpath fill='%23008c95' fill-rule='nonzero' d='m12.42708 10.16622 4.14286-4.14285c.08631-.05754.14385-.12947.17262-.21578l.03237-.12946.01078-.12947c0-.0863-.01438-.17261-.04315-.25892-.02877-.08631-.08631-.15824-.17262-.21578L12.42708.9311c-.31646-.34523-.64013-.35243-.97098-.02157-.33085.33085-.32366.65451.02158.97098l2.93452 2.97768H.90476c-.20139 0-.374.07192-.51785.21577-.11508.11508-.17262.27332-.17262.4747 0 .2014.06473.36682.1942.49628.12946.12947.29488.1942.49627.1942H14.4122l-2.93452 2.97768c-.34524.31647-.35243.64013-.02158.97098.33085.33085.65452.32366.97098-.02158Z'/%3E%3C/svg%3E");
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a:hover, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a:focus, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a:focus-within {
transform: translateX(0.5rem);
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a:hover::before, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a:focus::before, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item a:focus-within::before {
border: none;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item ul.third-level {
display: flex;
flex-direction: column;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item ul.third-level .menu-item a {
border-bottom: none;
margin-top: 0.625rem;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item ul.third-level .menu-item a::before {
content: none;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item ul.third-level .menu-item ul.fourth-level {
display: flex;
flex-direction: column;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item ul.third-level .menu-item ul.fourth-level .menu-item a {
border-bottom: none;
font-weight: var(--fw-400);
padding-left: 1.475rem;
margin-top: 0;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .wrapper .menu-items li.menu-item ul.third-level .menu-item ul.fourth-level .menu-item a::before {
content: "";
left: 0;
width: 1rem;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu {
display: flex;
justify-content: center;
background: #e5edf4;
flex-direction: row;
width: auto;
}
@media (min-width: 100rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu {
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
margin-bottom: -1.875rem;
margin-top: 2.5rem;
}
}
@media (max-width: 99.9375rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu {
margin: 2.5rem -9.375rem -1.875rem;
}
}
@media (max-width: 79.9375rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu {
margin: 2.5rem -3.125rem -1.875rem;
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items {
display: flex;
flex-direction: row;
padding: 2.5rem 9.375rem;
width: 100%;
align-items: center;
justify-content: center;
}
@media (max-width: 63.9375rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items {
flex-direction: column;
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li {
padding: 1.875rem;
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 15px;
position: relative;
width: 100%;
max-width: 15rem;
transition: 200ms ease;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li:not(:last-of-type) {
margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li:not(:last-of-type) {
margin-bottom: 0;
margin-right: 1.875rem;
}
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li:hover, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li:focus, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li:focus-visible, .region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li:focus-within {
transform: scale(1.035);
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li a {
margin: 0 auto;
padding: 0;
position: static;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li a::before {
content: none;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li a::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item:not(.logo) .second-level-menu .modalities-menu .menu-items li a svg {
position: absolute;
top: 0.625rem;
right: 0.625rem;
color: #008c95;
width: 1.35rem;
height: 1.35rem;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu {
justify-content: space-between;
min-height: calc(100vh - 9.375rem - 5rem);
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu .wrapper .menu-items {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 0 3.125rem;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu .wrapper .menu-items li.menu-item {
padding: 0 1.875rem 0 0;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu .wrapper .menu-items li.menu-item a {
margin: 0;
padding: 0 0 0.625rem;
width: 100%;
align-items: baseline;
padding-right: 1.875rem;
border-bottom: 1px solid #004c99;
border-radius: 0;
font-weight: var(--fw-700);
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu .wrapper .menu-items li.menu-item a::before {
left: calc(100% - 1.25rem);
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu .wrapper .menu-items li.menu-item a::after {
content: none;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu .wrapper .menu-items li.menu-item a.description-link {
border: none;
padding: 0;
margin: 0.625rem 0;
font-weight: var(--fw-400);
white-space: initial;
text-align: left;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu .wrapper .menu-items li.menu-item a.description-link::before {
content: none;
}
.region-header .header-inner .first-level-menu .menu-items li.menu-item.products-megamenu .second-level-menu .wrapper .menu-items li.menu-item a.description-link:hover {
transform: none;
}
.region-header .block-logo, .region-header .block-bracco-logo {
grid-row: 1/span 2;
display: flex;
justify-content: center;
}
.region-header .block-main-menu {
grid-row: 2;
}
.region-header .block-top-menu {
z-index: 1;
width: auto;
grid-row: 1;
}
.region-header .block-top-menu .top-menu {
align-items: center;
}
.region-header .block-top-menu .top-menu > li {
padding-top: 0;
}
.region-header .block-top-menu .top-menu > li > span {
display: none;
}
.region-header .block-top-menu .top-menu > li a {
font-family: "CentraNo2";
font-display: block;
color: #008c95;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: 500;
margin: 0 1.25rem;
padding-bottom: 0;
min-height: auto;
}
.region-header .block-top-menu .top-menu > li a::after {
content: attr(title);
height: 0;
visibility: hidden;
overflow: hidden;
user-select: none;
pointer-events: none;
font-weight: 700;
position: relative;
}
.region-header .block-top-menu .top-menu > li a::before {
content: "";
position: absolute;
bottom: -0.2rem;
left: 0;
width: 0px;
border: 1px solid transparent;
transition: 0.4s ease;
}
.region-header .block-top-menu .top-menu > li a:not([aria-expanded]):hover::before {
width: 100%;
border: 1px solid #008c95;
background-color: #008c95;
}
.region-header .block-top-menu .top-menu ul.settings-wrapper {
margin: 0 0 0 0 1.875rem;
display: flex;
flex-direction: row;
white-space: nowrap;
}
.region-header .block-top-menu .top-menu ul.settings-wrapper li a {
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: 500;
margin: 0 0.625rem;
padding: 0 0.625rem 0 0;
color: #757679;
position: relative;
}
.region-header .block-top-menu .top-menu ul.settings-wrapper li a:first-child {
margin-right: 1.25rem;
}
.region-header .block-top-menu .top-menu ul.settings-wrapper li a::before {
content: "";
position: absolute;
bottom: -0.2rem;
left: 0;
width: 0px;
border: 1px solid transparent;
transition: 0.4s ease;
}
.region-header .block-top-menu .top-menu ul.settings-wrapper li a:hover, .region-header .block-top-menu .top-menu ul.settings-wrapper li a:focus, .region-header .block-top-menu .top-menu ul.settings-wrapper li a:focus-within {
text-decoration: none;
}
.region-header .block-top-menu .top-menu ul.settings-wrapper li a:hover::before, .region-header .block-top-menu .top-menu ul.settings-wrapper li a:focus::before, .region-header .block-top-menu .top-menu ul.settings-wrapper li a:focus-within::before {
width: calc(100% - 0.625rem);
border: 1px solid #757679;
}
.region-header .block-top-menu .top-menu ul.settings-wrapper li a::after {
content: "";
background-repeat: no-repeat;
height: 100%;
width: 1.3rem;
position: absolute;
top: 50%;
right: -1rem;
transform: translateY(-50%);
}
.region-header .block-top-menu .top-menu ul.settings-wrapper li a.location-settings::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 14 20'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h14v19H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(0 .03502)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23757679' d='M7 10.89045c-2.07883 0-3.76406-1.70501-3.76406-3.80825 0-2.10324 1.68523-3.80826 3.76406-3.80826s3.76406 1.70502 3.76406 3.80826c0 2.10324-1.68523 3.80825-3.76406 3.80825M7 0C3.13398 0 0 3.17078 0 7.0822S7 19 7 19s7-8.00638 7-11.9178C14 3.17078 10.86593 0 7 0' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
}
.region-header .block-top-menu .top-menu ul.settings-wrapper li a.local-bracco::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18'%3E%3Cg fill='%23757679' fill-rule='evenodd'%3E%3Cpath d='M15.38462 14.60645c-.3397 0-.61539-.272-.61539-.60714v-12.75H4.92308v.60714c0 .33514-.2757.60714-.61539.60714s-.61538-.272-.61538-.60714V.64216c0-.33514.27569-.60714.61538-.60714h11.07693c.33969 0 .61538.272.61538.60714v13.35715c0 .33514-.2757.60714-.61538.60714M10.46154 14.60645H4.30769c-.33969 0-.61538-.272-.61538-.60714v-2.42858c0-.33514.27569-.60714.61538-.60714.3397 0 .61539.272.61539.60714v1.82143h5.53846c.3397 0 .61538.272.61538.60715 0 .33514-.27569.60714-.61538.60714'/%3E%3Cpath d='M10.46154 17.03502c-.11323 0-.22523-.03036-.3237-.08986-.18092-.11171-.29169-.30721-.29169-.51728V3.07073c0-.2295.1317-.43957.3397-.54278L15.10892.09938c.30523-.14936.67323-.02915.82585.272.15138.29993.0283.66421-.2757.81478l-4.58215 2.25979v11.99957l4.032-1.99021c.30523-.15058.67323-.02793.82585.272.15138.29992.0283.66421-.2757.81478L10.736 16.97066c-.08615.0425-.18092.06436-.27446.06436M8 7.32073H.61538C.2757 7.32073 0 7.04873 0 6.7136s.2757-.60714.61538-.60714H8c.3397 0 .61538.272.61538.60714S8.3397 7.32073 8 7.32073'/%3E%3Cpath d='M5.53846 9.7493c-.15754 0-.31508-.0595-.4357-.17728-.24-.23679-.24-.62171 0-.8585l2.02709-1.99993-2.02708-1.99871c-.24-.23679-.24-.62172 0-.8585.24-.23679.63015-.23679.87015 0l2.46154 2.42857c.24.23678.24.62171 0 .8585L5.97292 9.57202c-.11938.11779-.27692.17729-.43446.17729'/%3E%3C/g%3E%3C/svg%3E");
}
.region-header .block-top-menu .link-select {
padding: 1rem !important;
}
.region-header .block-top-menu .link-select:hover {
cursor: pointer;
}
.region-header .block-top-menu .link-select:hover a[aria-expanded] + ul {
display: block;
}
.region-header .block-top-menu .link-select:hover .arrow.down {
margin-top: -3px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.region-header .block-top-menu .link-select > a {
display: flex !important;
flex-direction: row !important;
}
.region-header .block-top-menu .link-select ul {
display: none;
position: absolute;
z-index: -1;
top: 0;
padding-top: 2.5rem;
}
.region-header .block-top-menu .link-select ul > li {
margin: 0;
padding: 0.625rem 0;
background-color: white;
}
.region-header .block-top-menu .link-select ul a {
white-space: nowrap;
margin: 0 1.25rem !important;
}
.region-header .block-top-menu .link-select .arrow.down {
border: solid #008c95;
border-width: 0 2px 2px 0;
display: flex;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-left: 10px;
margin-top: -8px;
transition: 0.2s ease !important;
}
@media (max-width: 63.9375rem) {
.mobile-menu {
position: fixed;
top: 0;
left: 0;
background-color: white;
padding: 0 1.875rem;
width: calc(100% - 3.75rem);
display: flex;
flex-direction: row;
justify-content: space-between;
height: 5rem;
align-items: center;
}
.mobile-menu .logo-wrapper ul {
display: flex;
flex-direction: row;
list-style: none;
padding: 0;
}
.mobile-menu .logo-wrapper ul li {
list-style-type: none;
}
.mobile-menu .logo-wrapper ul li a {
padding: 0;
}
.mobile-menu .logo-wrapper ul li a svg {
height: 3rem;
}
.mobile-menu .logo-wrapper ul li a:first-of-type {
margin-right: 1.875rem;
}
.mobile-menu .hamburger-menu {
display: block;
z-index: 1;
width: 1.5rem;
height: 1.5rem;
transition: 200ms ease-in;
margin-left: 0.75rem;
position: relative;
}
.mobile-menu .hamburger-menu .hamburger-lines {
display: flex;
flex-direction: column;
height: 1.5rem;
width: 1.5rem;
justify-content: center;
transition: 200ms ease-in;
}
.mobile-menu .hamburger-menu .hamburger-lines .line {
height: 3px;
width: 100%;
background-color: #004c99;
}
.mobile-menu .hamburger-menu .hamburger-lines .line:not(:nth-of-type(2)) {
transform-origin: 0% 0%;
transition: all 300ms ease-in-out;
}
.mobile-menu .hamburger-menu .hamburger-lines .line:nth-of-type(2) {
transition: all 200ms ease-in-out;
}
.mobile-menu .hamburger-menu .hamburger-lines .line:not(:last-of-type) {
margin-bottom: 0.275rem;
}
.mobile-menu .hamburger-menu button.hamburger-menu-button {
appearance: none;
width: 3rem;
height: 3rem;
z-index: 2;
margin: 0;
opacity: 0;
position: absolute;
top: -0.75rem;
left: -0.75rem;
}
.mobile-menu .hamburger-menu button.hamburger-menu-button:focus-visible, .mobile-menu .hamburger-menu button.hamburger-menu-button:focus, .mobile-menu .hamburger-menu button.hamburger-menu-button:focus-within ~ .hamburger-lines {
transform: scale(1.15);
}
.mobile-menu.active {
z-index: 1;
background-color: transparent;
margin-left: 1.875rem;
left: auto;
right: 0;
width: fit-content;
}
.mobile-menu.active .logo-wrapper {
opacity: 0;
display: none;
}
.mobile-menu.active .hamburger-menu {
background-color: #004c99;
}
.mobile-menu.active .hamburger-menu .hamburger-lines {
margin-left: 2px;
}
.mobile-menu.active .hamburger-menu .hamburger-lines .line {
background-color: white;
}
.mobile-menu.active .hamburger-menu .hamburger-lines .line:first-of-type {
transform: rotate(45deg);
margin-left: 2px;
}
.mobile-menu.active .hamburger-menu .hamburger-lines .line:nth-of-type(2) {
transform: scaleY(0);
}
.mobile-menu.active .hamburger-menu .hamburger-lines .line:last-of-type {
transform: rotate(-45deg);
margin-top: 2px;
}
.mobile-menu.active ~ .header-inner {
display: flex;
height: 100%;
max-height: calc(100vh - 1.875rem);
width: calc(100vw - 6.25rem);
position: fixed;
top: 0;
left: 0;
overflow-y: scroll;
overflow-x: hidden;
background-color: #004c99;
align-items: baseline;
justify-content: space-between;
flex-direction: column;
}
.mobile-menu.active ~ .header-inner .breadcrumb,
.mobile-menu.active ~ .header-inner .block-logo {
display: none;
}
.mobile-menu.active ~ .header-inner a {
width: 100%;
align-items: baseline;
}
.mobile-menu.active ~ .header-inner a:focus, .mobile-menu.active ~ .header-inner a:focus-visible, .mobile-menu.active ~ .header-inner a:focus-within {
transform: translateX(0.3rem);
}
.mobile-menu.active ~ .header-inner a:focus::before, .mobile-menu.active ~ .header-inner a:focus-visible::before, .mobile-menu.active ~ .header-inner a:focus-within::before {
content: none;
}
.mobile-menu.active ~ .header-inner button.go-back-burgermenu {
display: inline-block;
}
.mobile-menu.active ~ .header-inner button.go-back-burgermenu:focus, .mobile-menu.active ~ .header-inner button.go-back-burgermenu:focus-visible, .mobile-menu.active ~ .header-inner button.go-back-burgermenu:focus-within, .mobile-menu.active ~ .header-inner button.go-back-burgermenu:hover {
transform: scale(1.15);
}
.mobile-menu.active ~ .header-inner .block-top-menu {
position: static;
left: 0;
top: 0;
width: calc(100% + 6.25rem);
margin: 0 -3.125rem;
background-color: transparent;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu {
align-items: baseline;
padding: 1.875rem 0 0;
width: calc(100% - 6.25rem);
flex-direction: row;
margin-top: 0;
position: static;
justify-content: flex-start;
gap: 1.875rem;
display: block;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .menu-item a {
margin: 0;
color: #ffffff;
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
padding-bottom: 1.25rem;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .settings-wrapper {
flex-direction: column;
margin: 0;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .settings-wrapper li a {
margin: 0;
margin-bottom: 0.625rem;
color: white;
justify-content: flex-start;
width: fit-content;
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .settings-wrapper li a.location-settings::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2aWV3Qm94PScwIDAgMTQgMjAnPjxkZWZzPjxwYXRoIGlkPSdhJyBkPSdNMCAwaDE0djE5SDB6Jy8+PC9kZWZzPjxnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMCAuMDM1MDIpJz48bWFzayBpZD0nYicgZmlsbD0nI2ZmZic+PHVzZSB4bGluazpocmVmPScjYScvPjwvbWFzaz48cGF0aCBmaWxsPScjZmZmJyBkPSdNNyAxMC44OTA0NWMtMi4wNzg4MyAwLTMuNzY0MDYtMS43MDUwMS0zLjc2NDA2LTMuODA4MjUgMC0yLjEwMzI0IDEuNjg1MjMtMy44MDgyNiAzLjc2NDA2LTMuODA4MjZzMy43NjQwNiAxLjcwNTAyIDMuNzY0MDYgMy44MDgyNmMwIDIuMTAzMjQtMS42ODUyMyAzLjgwODI1LTMuNzY0MDYgMy44MDgyNU03IDBDMy4xMzM5OCAwIDAgMy4xNzA3OCAwIDcuMDgyMlM3IDE5IDcgMTlzNy04LjAwNjM4IDctMTEuOTE3OEMxNCAzLjE3MDc4IDEwLjg2NTkzIDAgNyAwJyBtYXNrPSd1cmwoI2IpJy8+PC9nPjwvc3ZnPg==");
max-height: 16px;
margin-top: -2px;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select {
padding: 0 0 0.625rem 0 !important;
flex-direction: column;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select:last-child {
padding: 0 !important;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select a {
padding-bottom: 0 !important;
margin: 0 !important;
align-items: flex-start;
transform: unset;
width: fit-content;
border-radius: unset;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select a[aria-expanded=false] + ul {
display: block !important;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select a[aria-expanded=false] .arrow.down {
margin-top: 1px !important;
transform: rotate(45deg) !important;
-webkit-transform: rotate(45deg) !important;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select a[aria-expanded=true] + ul {
display: block !important;
z-index: 0;
width: 100%;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select a[aria-expanded=true] .arrow.down {
margin-top: 5px !important;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select .arrow.down {
border-color: white !important;
margin-top: 1px !important;
display: none;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select ul {
top: unset;
padding-top: 0;
margin-top: 0.875rem;
position: unset;
background: #004c99;
}
.mobile-menu.active ~ .header-inner .block-top-menu .top-menu .link-select ul > li {
background-color: transparent;
padding: 0 0 0.625rem 0;
}
.mobile-menu.active ~ .header-inner .block-main-menu {
width: 100%;
height: auto;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu {
display: block;
overflow: hidden;
margin: 2.5rem 0;
height: 100%;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items {
flex-direction: column;
align-items: inherit;
justify-content: inherit;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item {
width: 100%;
padding: 0;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item:not(:last-of-type) {
border-bottom: 1px solid #ffffff;
margin-bottom: 1.25rem;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item a {
font: var(--fw-500) var(--fs-1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
margin: 0;
color: #ffffff;
padding-bottom: 1.25rem;
align-items: baseline;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item a::before {
content: none;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item .second-level-menu {
transform: translateX(100vw);
transition: 300ms ease-in;
display: flex;
z-index: 1;
top: 0;
min-height: auto;
height: 100%;
max-height: calc(100vh - 4.375rem);
overflow-y: scroll;
overflow-x: hidden;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item .second-level-menu .wrapper {
margin-top: 3.75rem;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .second-level {
grid-template-columns: 1fr;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item .second-level-menu.active {
transform: translateX(0);
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item .second-level-menu.active .menu-item {
border-bottom: none;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item:not(.products-megamenu) .second-level-menu .wrapper .second-level {
margin-left: 1.25rem;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item:not(.products-megamenu) .second-level-menu .wrapper .second-level li.menu-item {
margin-bottom: 0;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item:not(.products-megamenu) .second-level-menu .wrapper .second-level li.menu-item a {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item:not(.products-megamenu) .second-level-menu .wrapper .second-level li.menu-item a::before {
top: 10% !important;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item.products-megamenu .second-level-menu .wrapper .second-level .third-level .fourth-level .menu-item {
margin-bottom: 0;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item.megamenu {
position: static;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item.megamenu > a::after {
content: "";
width: 0.5rem;
height: 0.5rem;
color: #ffffff;
position: absolute;
top: 0.5rem;
left: calc(100% - 0.8rem);
transform: rotate(45deg);
border-right: 1px solid white;
border-top: 1px solid white;
}
.mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item.megamenu > a:focus::after, .mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item.megamenu > a:focus-visible::after, .mobile-menu.active ~ .header-inner .block-main-menu .first-level-menu .menu-items .menu-item.megamenu > a:focus-within::after {
left: calc(100% - 1.1rem);
}
}
@media (min-width: 64rem) {
.page-main .mobile-menu,
.page-main .hamburger-menu-button {
display: none;
}
}
.page-footer {
z-index: 3;
overflow: hidden;
background: #29997a;
padding: 40px 0;
color: #fff;
}
.page-footer .wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
margin-left: -webkit-calc(50% - 50vw);
margin-left: calc(50% - 50vw);
margin-right: -webkit-calc(50% - 50vw);
margin-right: calc(50% - 50vw);
--pad: -webkit-calc(50vw - min(50vw - 2.5rem,39.375rem));
--pad: calc(50vw - min(50vw - 2.5rem,39.375rem));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
footer {
background-color: #004c99;
width: 100%;
position: relative;
max-width: 100%;
z-index: 7;
padding: 3.75rem 0;
}
@media (max-width: 47.9375rem) {
footer {
padding: 1.875rem 0;
}
}
@media (min-width: 100rem) {
footer {
padding-right: max(var(--pad), var(--theme-padding, 9.375rem));
padding-left: max(var(--pad), var(--theme-padding, 9.375rem));
}
}
footer .footer-inner,
footer .logo-wrapper {
max-width: 81.25rem;
margin: 0 auto;
}
footer .footer-inner {
display: grid;
grid-template-columns: 2fr 3fr 1fr;
grid-gap: 0 3.125rem;
padding: 3.75rem 3.125rem 0;
position: relative;
justify-content: space-between;
}
@media (max-width: 47.9375rem) {
footer .footer-inner {
grid-template-columns: 1fr;
grid-gap: 2.5rem;
padding: 1.875rem;
padding-bottom: 0;
}
}
@media (min-width: 64rem) {
footer .footer-inner {
grid-gap: 0 5rem;
}
}
@media (min-width: 80rem) {
footer .footer-inner {
padding: 3.75rem 9.375rem 0;
}
}
footer .footer-inner nav.menu ul.menu {
margin: 0;
}
footer .footer-inner nav.menu ul.menu li.menu-item {
list-style-type: none;
}
footer .footer-inner nav.menu ul.menu li.menu-item a {
background-color: transparent;
border: none;
border-radius: 0;
transition: none;
}
footer .footer-inner nav.menu ul.menu li.menu-item a:focus, footer .footer-inner nav.menu ul.menu li.menu-item a:focus-within, footer .footer-inner nav.menu ul.menu li.menu-item a:focus-visible {
border-bottom: 1px solid white;
}
@media (min-width: 48rem) {
footer .footer-inner .block-about-bracco {
margin-bottom: 3.125rem;
}
}
footer .footer-inner .block-about-bracco p {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
color: #ffffff;
}
footer .footer-inner .block-footer-menu nav.footer-menu ul.menu-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.5rem 3.75rem;
width: fit-content;
}
@media (min-width: 48rem) {
footer .footer-inner .block-footer-menu nav.footer-menu ul.menu-items {
margin: 0 auto;
}
}
@media (max-width: 79.9375rem) {
footer .footer-inner .block-footer-menu nav.footer-menu ul.menu-items {
grid-gap: 2.5rem;
}
}
@media (max-width: 47.9375rem) {
footer .footer-inner .block-footer-menu nav.footer-menu ul.menu-items {
grid-gap: 1.875rem;
width: fit-content;
margin: 0 auto;
}
}
footer .footer-inner .block-footer-menu nav.footer-menu ul.menu-items li.menu-item {
width: fit-content;
}
footer .footer-inner .block-footer-menu nav.footer-menu ul.menu-items li.menu-item a {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
margin: 0;
padding: 0;
text-align: left;
}
footer .footer-inner .block-social-menu h6 {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
color: #ffffff;
margin-top: 0;
margin-bottom: 1.875rem;
}
@media (max-width: 47.9375rem) {
footer .footer-inner .block-social-menu h6 {
text-align: center;
margin-bottom: 0.625rem;
}
}
footer .footer-inner .block-social-menu .social-menu .menu-items {
display: flex;
flex-direction: row;
}
@media (max-width: 47.9375rem) {
footer .footer-inner .block-social-menu .social-menu .menu-items {
justify-content: center;
}
}
footer .footer-inner .block-social-menu .social-menu .menu-items li {
margin-right: 1.25rem;
}
footer .footer-inner .block-social-menu .social-menu .menu-items li:last-child {
margin-right: 0;
}
footer .footer-inner .block-social-menu .social-menu .menu-items li a {
padding: 0;
margin: 0;
}
footer .footer-inner .block-social-menu .social-menu .menu-items li svg {
width: 2rem;
height: auto;
}
@media (min-width: 64rem) and (max-width: 79.9375rem) {
footer .footer-inner .block-social-menu .social-menu .menu-items li svg {
width: 1.875rem;
}
}
footer .footer-inner .block-social-menu .social-menu .menu-items li svg.svg-inline--fa {
max-width: 1.25rem;
max-height: 1.25rem;
background-color: white;
border-radius: 50%;
padding: 0.425rem;
color: #004c99;
}
@media (max-width: 47.9375rem) {
footer .footer-inner .block-address {
grid-row: 2;
text-align: center;
}
}
footer .footer-inner .block-address p {
color: #ffffff;
}
@media (min-width: 48rem) {
footer .footer-inner .block-copyright-menu {
grid-column: 2/-1;
grid-row: 3;
margin: 0.625rem 0;
}
}
@media (min-width: 80rem) {
footer .footer-inner .block-copyright-menu {
margin-top: 3.75rem;
}
}
footer .footer-inner .block-copyright-menu .site-menu {
display: flex;
align-content: center;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 47.9375rem) {
footer .footer-inner .block-copyright-menu .site-menu {
flex-direction: column;
gap: 0.625rem;
}
}
footer .footer-inner .block-copyright-menu .site-trademark {
color: #ffffff;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-300);
text-align: center;
}
@media (min-width: 48rem) {
footer .footer-inner .block-copyright-menu .site-trademark {
text-align: right;
}
}
footer .footer-inner .block-copyright-menu .site-trademark {
margin-bottom: 0.625rem;
}
footer .footer-inner .block-copyright-menu ul {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
@media (max-width: 47.9375rem) {
footer .footer-inner .block-copyright-menu ul {
justify-content: center;
}
}
footer .footer-inner .block-copyright-menu ul li {
padding: 0;
margin-right: 0.625rem;
}
footer .footer-inner .block-copyright-menu ul li:last-child {
margin-right: 0;
}
footer .footer-inner .block-copyright-menu ul li:last-child a::after {
content: none;
}
footer .footer-inner .block-copyright-menu ul li a {
margin: 0;
padding: 0;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-300);
color: #ffffff;
}
footer .footer-inner .block-copyright-menu ul li a::after {
content: "|";
width: auto;
height: 100%;
margin-left: 0.625rem;
}
footer .footer-inner .block-legal p {
text-align: center;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-300);
color: #ffffff;
}
@media (max-width: 47.9375rem) {
footer .footer-inner .block-legal {
margin-top: -1.875rem;
}
}
@media (min-width: 48rem) {
footer .footer-inner .block-legal {
grid-column: 1/-1;
grid-row: 4;
}
footer .footer-inner .block-legal p {
text-align: right;
}
}
footer .logo-wrapper {
padding: 0 3.125rem;
}
@media (max-width: 47.9375rem) {
footer .logo-wrapper {
padding: 0 1.875rem;
}
}
@media (min-width: 64rem) {
footer .logo-wrapper {
grid-gap: 0 5rem;
}
}
@media (min-width: 80rem) {
footer .logo-wrapper {
padding: 0 9.375rem;
}
}
footer .logo-wrapper ul {
display: flex;
flex-direction: row;
}
@media (max-width: 47.9375rem) {
footer .logo-wrapper ul {
justify-content: space-evenly;
}
}
@media (min-width: 80rem) {
footer .logo-wrapper ul li {
display: flex;
}
}
footer .logo-wrapper ul li:first-of-type {
margin-right: 1.875rem;
}
@media (min-width: 80rem) {
footer .logo-wrapper ul li:first-of-type {
margin-right: 6.875rem;
}
}
@media (min-width: 80rem) {
footer .logo-wrapper ul li:first-of-type .block-logo a svg {
height: 6.875rem;
}
}
footer .logo-wrapper ul li .block-logo a {
padding: 0;
}
@media (min-width: 80rem) {
footer .logo-wrapper ul li .block-logo a {
display: flex;
}
}
footer .logo-wrapper ul li .block-logo a svg {
height: 4rem;
}
@media (min-width: 80rem) {
footer .logo-wrapper ul li .block-logo a svg {
max-height: 7.375rem;
height: 7.375rem;
}
}
.location-switcher {
--left-padding: 1.2625rem;
background-color: rgba(0, 77, 153, 0.9725490196);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
z-index: 9;
padding: var(--side-spacing);
padding-left: calc(var(--side-spacing) - var(--left-padding));
height: auto;
}
.location-switcher .location-switcher-wrapper {
display: flex;
flex-direction: column;
max-width: 81.25rem;
margin: 0 auto;
height: 100%;
}
@media (min-width: 64rem) {
.location-switcher .location-switcher-wrapper {
flex-direction: row;
}
}
.location-switcher .location-switcher-wrapper h4, .location-switcher .location-switcher-wrapper h5, .location-switcher .location-switcher-wrapper h6, .location-switcher .location-switcher-wrapper p, .location-switcher .location-switcher-wrapper li, .location-switcher .location-switcher-wrapper a {
color: #ffffff;
margin: 0;
padding: 0;
}
.location-switcher .location-switcher-wrapper h4 {
font: var(--fw-500) var(--fs-2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
margin-bottom: 0.625rem;
}
.location-switcher .location-switcher-wrapper h6 {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
margin-bottom: 1.25rem;
}
.location-switcher .location-switcher-wrapper li,
.location-switcher .location-switcher-wrapper a {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
}
.location-switcher .location-switcher-wrapper p {
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
}
.location-switcher .location-switcher-wrapper .location-switcher-headline {
width: 100%;
}
@media (max-width: 63.9375rem) {
.location-switcher .location-switcher-wrapper .location-switcher-headline {
padding-left: var(--left-padding);
margin-bottom: 1.875rem;
}
}
@media (min-width: 64rem) {
.location-switcher .location-switcher-wrapper .location-switcher-headline {
margin-right: var(--side-spacing);
max-width: 30%;
}
}
.location-switcher .location-switcher-wrapper .location-switcher-headline .headline {
position: relative;
padding-top: 5rem;
}
.location-switcher .location-switcher-wrapper .location-switcher-headline .headline::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3rem;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.158 41.222a22.734 22.734 0 0 1-9.02 5.56c1.312-1.185 2.503-2.693 3.548-4.5 1.186-2.05 2.134-4.392 2.824-6.93h6.907a22.93 22.93 0 0 1-4.259 5.87Zm-32.315 0a22.861 22.861 0 0 1-4.259-5.87h6.914c.69 2.538 1.64 4.88 2.826 6.93 1.047 1.808 2.237 3.318 3.552 4.505a22.736 22.736 0 0 1-9.033-5.565Zm0-32.315a22.742 22.742 0 0 1 8.994-5.552c-1.298 1.18-2.476 2.678-3.513 4.47-1.211 2.091-2.175 4.491-2.868 7.092h-6.94a22.843 22.843 0 0 1 4.327-6.01Zm32.315 0a22.877 22.877 0 0 1 4.327 6.01h-6.93c-.694-2.6-1.658-5-2.87-7.092-1.034-1.79-2.21-3.285-3.507-4.466a22.738 22.738 0 0 1 8.98 5.548Zm-2.076 8.289h7.382a22.86 22.86 0 0 1 1.386 7.869c0 2.778-.494 5.48-1.437 8.008H39.05c.515-2.547.784-5.25.784-8.02 0-2.71-.258-5.357-.752-7.857ZM26.095 33.073V17.196h10.472a37.99 37.99 0 0 1 .801 7.856c0 2.79-.287 5.497-.836 8.021H26.096Zm0 14.15V35.352h9.855c-.614 2.08-1.418 4-2.397 5.694-2.07 3.575-4.684 5.727-7.458 6.177Zm-2.279-11.871v11.856c-2.737-.484-5.315-2.628-7.36-6.162-.98-1.694-1.784-3.613-2.396-5.694h9.756Zm.001-32.453v12.018h-9.805c.618-2.143 1.44-4.12 2.445-5.858 2.045-3.532 4.623-5.677 7.36-6.16Zm2.278-.016c2.774.449 5.388 2.601 7.458 6.176 1.005 1.738 1.826 3.715 2.446 5.858h-9.904V2.883ZM12.64 25.053c0-2.729.275-5.378.802-7.857h10.374v15.877H13.478c-.55-2.524-.837-5.231-.837-8.02Zm-10.49.012c0-2.727.475-5.381 1.384-7.87h7.393a40.545 40.545 0 0 0-.754 7.857c0 2.771.271 5.474.786 8.021H3.588a22.854 22.854 0 0 1-1.438-8.008Zm47.849 0c0-3.13-.569-6.172-1.692-9.055a1.125 1.125 0 0 0-.288-.713 24.917 24.917 0 0 0-5.342-7.91A24.904 24.904 0 0 0 25.344.068a1.136 1.136 0 0 0-.778.002A24.904 24.904 0 0 0 7.323 7.387a24.916 24.916 0 0 0-5.34 7.91c-.173.19-.28.44-.291.713A24.853 24.853 0 0 0 0 25.065c0 3.13.57 6.174 1.695 9.06a1.142 1.142 0 0 0 .394.953 24.89 24.89 0 0 0 5.234 7.664A24.93 24.93 0 0 0 15.27 48.1a24.846 24.846 0 0 0 9.296 1.96 1.141 1.141 0 0 0 .778 0 24.855 24.855 0 0 0 9.388-1.96 24.93 24.93 0 0 0 7.946-5.358 24.912 24.912 0 0 0 5.233-7.664 1.138 1.138 0 0 0 .396-.953A24.86 24.86 0 0 0 50 25.065Z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
display: inline-block;
}
.location-switcher .location-switcher-wrapper .location-switcher-headline .simple-link {
display: inline-grid;
grid-template-columns: 1fr auto;
grid-gap: 0.625rem;
text-decoration: none;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
position: relative;
transition: 300ms ease;
margin-top: 1.875rem;
}
.location-switcher .location-switcher-wrapper .location-switcher-headline .simple-link::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 31'%3E%3Cpath stroke='%23fff' stroke-width='1.381' d='M15.5 30C23.508 30 30 23.508 30 15.5S23.508 1 15.5 1 1 7.492 1 15.5 7.492 30 15.5 30Z'/%3E%3Cpath fill='%23fff' d='m19.428 20.166 4.142-4.143a.416.416 0 0 0 .173-.216l.033-.129.01-.13a.814.814 0 0 0-.043-.258.416.416 0 0 0-.172-.216l-4.143-4.143c-.317-.345-.64-.352-.971-.022-.331.331-.324.655.021.971l2.935 2.978H7.905a.706.706 0 0 0-.518.216c-.115.115-.172.273-.172.475 0 .2.065.366.194.496.13.13.295.194.496.194h13.508l-2.935 2.978c-.345.316-.352.64-.021.97.33.331.654.324.97-.02Z'/%3E%3C/svg%3E");
background-size: 1.875rem 1.875rem;
height: 1.875rem;
width: 1.875rem;
}
.location-switcher .location-switcher-wrapper .location-switcher-headline .simple-link:hover, .location-switcher .location-switcher-wrapper .location-switcher-headline .simple-link:focus, .location-switcher .location-switcher-wrapper .location-switcher-headline .simple-link:focus-within {
transform: translateX(0.625rem);
}
.location-switcher .location-switcher-wrapper .location-switcher-content {
width: 100%;
height: auto;
overflow-y: scroll;
display: flex;
flex-direction: column;
padding-right: 1.875rem;
}
.location-switcher .location-switcher-wrapper .location-switcher-content::-webkit-scrollbar {
width: 1rem;
height: auto;
margin: 0;
margin-top: 2.5rem;
}
.location-switcher .location-switcher-wrapper .location-switcher-content::-webkit-scrollbar {
display: block;
width: 3px;
}
.location-switcher .location-switcher-wrapper .location-switcher-content::-webkit-scrollbar-track {
background: lightblue;
border-radius: 99px;
}
.location-switcher .location-switcher-wrapper .location-switcher-content::-webkit-scrollbar-thumb {
background-color: white;
border-right: none;
border-left: none;
outline: 1px solid white;
border-radius: 99px;
}
.location-switcher .location-switcher-wrapper .location-switcher-content::-webkit-scrollbar-track-piece:start, .location-switcher .location-switcher-wrapper .location-switcher-content::-webkit-scrollbar-track-piece:end {
background-color: #4974A1;
border-radius: 99px;
}
@media (min-width: 64rem) {
.location-switcher .location-switcher-wrapper .location-switcher-content {
padding-right: 5rem;
}
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper {
position: relative;
padding-left: var(--left-padding);
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper:not(:last-of-type) {
padding-bottom: 1.25rem;
margin-bottom: 1.25rem;
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper:not(:last-of-type)::after {
content: "";
position: absolute;
bottom: 0;
left: var(--left-padding);
width: calc(100% - var(--left-padding) * 2);
height: 2px;
background-color: white;
opacity: 0.25;
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul {
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--left-padding) * -1);
flex-direction: column;
}
@media (min-width: 30rem) {
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul {
flex-direction: row;
}
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li {
margin-bottom: 1.25rem;
}
@media (min-width: 30rem) {
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li {
flex: 0 calc(50% - var(--left-padding));
}
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li a {
white-space: nowrap;
padding: 0.3rem 1.2625rem;
position: relative;
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li a.active {
text-decoration: underline;
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li a::after {
content: "";
position: absolute;
top: 0;
left: 0;
border-radius: 100px;
width: 100%;
height: 100%;
background-color: transparent;
}
.location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li a:hover::after, .location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li a:focus::after, .location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li a:focus-visible::after, .location-switcher .location-switcher-wrapper .location-switcher-content .region-wrapper ul li a:focus-within::after {
background-color: rgba(255, 255, 255, 0.25);
}
.location-switcher .location-switcher-wrapper a.location-settings {
position: absolute;
top: 2.5rem;
right: 2.5rem;
z-index: 1;
height: 2rem;
width: 2rem;
}
@media (max-width: 63.9375rem) {
.location-switcher .location-switcher-wrapper a.location-settings {
height: 1.5rem;
width: 1.5rem;
top: 1.875rem;
right: 1.25rem;
}
}
.location-switcher .location-switcher-wrapper a.location-settings::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='24' cy='24' r='24' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m23.977 24.89 9.57 9.57 1.413-1.414-9.57-9.57 9.9-9.899-1.367-1.367-9.9 9.9-9.569-9.57-1.414 1.414 9.57 9.57-9.9 9.9 1.367 1.366 9.9-9.9Z' fill='%23015174'/%3E%3C/svg%3E");
}
.location-switcher .location-switcher-wrapper a.location-settings:focus, .location-switcher .location-switcher-wrapper a.location-settings:focus-visible, .location-switcher .location-switcher-wrapper a.location-settings:focus-within {
transform: scale(1.2);
}
.block-safety-bumper {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
position: relative;
}
.block-safety-bumper .safety-bumper-teaser {
position: fixed;
z-index: 7;
top: auto;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: 100%;
-webkit-transition: bottom 2s ease, opacity 0.2s ease;
-o-transition: bottom 2s ease, opacity 0.2s ease;
transition: bottom 2s ease, opacity 0.2s ease;
}
.block-safety-bumper .safety-bumper-teaser .content-wrapper {
background-color: #008c95;
padding: 10px;
}
@media (max-width: 47.9375rem) {
.block-safety-bumper .safety-bumper-teaser .content-wrapper {
padding: 5px 8px;
}
}
.block-safety-bumper .safety-bumper-teaser .content-wrapper h2 {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
text-align: center;
padding: 0 2.5rem 0.625rem 2.5rem;
margin: 0.625rem auto;
margin-inline-start: 0;
color: white;
}
@media (max-width: 47.9375rem) {
.block-safety-bumper .safety-bumper-teaser .content-wrapper h2 {
padding: 0 1rem;
}
}
.block-safety-bumper .safety-bumper-teaser .content-wrapper p {
color: white;
margin-bottom: 0.625rem;
}
.block-safety-bumper .safety-bumper-teaser .content-wrapper p:last-of-type {
margin-bottom: 0;
}
.block-safety-bumper .safety-bumper-teaser .close-button {
appearance: none;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
width: auto;
height: auto;
position: absolute;
top: 0.625rem;
right: 0.625rem;
background-color: transparent;
transition: 180ms ease-in;
}
@media (min-width: 48rem) {
.block-safety-bumper .safety-bumper-teaser .close-button {
top: 0.875rem;
right: 1.875rem;
}
}
.block-safety-bumper .safety-bumper-teaser .close-button svg {
width: 1.875rem;
height: 100%;
}
@media (max-width: 47.9375rem) {
.block-safety-bumper .safety-bumper-teaser .close-button svg {
width: calc(1.875rem - 8px);
}
}
.block-safety-bumper .safety-bumper-teaser.hidden {
opacity: 0;
}
.block-safety-bumper .safety-bumper {
position: relative;
z-index: 3;
padding: 0;
width: auto;
background-color: white;
}
.block-safety-bumper .safety-bumper .safety-bumper-wrapper {
position: relative;
}
.block-safety-bumper .safety-bumper .safety-bumper-content {
padding: 3.125rem;
}
@media (max-width: 47.9375rem) {
.block-safety-bumper .safety-bumper .safety-bumper-content {
padding: 1.875rem;
}
}
.block-safety-bumper .safety-bumper .safety-bumper-content .info-wrapper {
padding-top: 0.625rem;
}
.block-safety-bumper .safety-bumper .safety-bumper-content h2,
.block-safety-bumper .safety-bumper .safety-bumper-content p,
.block-safety-bumper .safety-bumper .safety-bumper-content ul li {
color: #004c99;
padding: 0;
margin: 0;
}
.block-safety-bumper .safety-bumper .safety-bumper-content p,
.block-safety-bumper .safety-bumper .safety-bumper-content li {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
}
.block-safety-bumper .safety-bumper .safety-bumper-content li.text-align-center {
margin: 0 auto;
width: fit-content;
}
.block-safety-bumper .safety-bumper .safety-bumper-content a {
display: inline;
font-weight: unset;
padding: 0;
text-decoration: underline;
}
.block-safety-bumper .safety-bumper .scroll-to-bumper-btn {
margin: 1.25rem auto 0;
}
.safety-bumper-mobile {
display: none !important;
}
@media (max-width: 47.9375rem) {
.safety-bumper-teaser {
display: none !important;
}
.safety-bumper-mobile {
display: block !important;
}
.block--safety-bumper {
min-height: 3.75rem;
height: 100%;
position: relative;
}
.safety-bumper-mobile {
--y-value: calc(100% - ((20px * 3) + (10px * 3)));
padding: 0;
width: auto;
background-color: white;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 7;
transform: translateY(0);
transition: 400ms ease-in;
}
.safety-bumper-mobile .safety-bumper-wrapper-mobile {
position: relative;
}
.safety-bumper-mobile .safety-bumper-content-mobile {
max-width: 100rem;
max-height: calc(50vh - 1rem);
overflow-y: scroll;
display: flex;
flex-direction: column;
}
.safety-bumper-mobile .safety-bumper-content-mobile::-webkit-scrollbar {
width: 5px;
height: auto;
margin: 0;
margin-top: 2.5rem;
}
.safety-bumper-mobile .safety-bumper-content-mobile::-webkit-scrollbar-track {
background: #ccdbeb;
border-radius: 99px;
}
.safety-bumper-mobile .safety-bumper-content-mobile::-webkit-scrollbar-thumb {
background-color: #7fa5cc;
border-right: none;
border-left: none;
border-radius: 99px;
}
.safety-bumper-mobile .safety-bumper-content-mobile::-webkit-scrollbar-track-piece:start, .safety-bumper-mobile .safety-bumper-content-mobile::-webkit-scrollbar-track-piece:end {
background-color: #ccdbeb;
border-radius: 99px;
}
.safety-bumper-mobile .safety-bumper-content-mobile > * {
margin: 0 1.875rem;
}
.safety-bumper-mobile .safety-bumper-content-mobile h2 {
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-size: var(--fs--1);
font-weight: 700;
text-align: center;
background-color: #008c95;
color: white;
padding: 1.25rem 2.5rem;
margin: 0 0 1rem 0;
}
.safety-bumper-mobile .safety-bumper-content-mobile p {
color: #004c99;
padding: 0;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
}
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile {
max-height: calc(50vh - 1rem);
transition: all 200ms ease-in;
margin-right: 1.875rem;
padding-top: 1.875rem;
}
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile h2,
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile p,
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile ul li {
color: #004c99;
padding: 0;
margin: 0;
}
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile p,
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile li {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
}
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile h6 {
font-size: 16px !important;
}
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile li.text-align-center {
margin: 0 auto;
width: fit-content;
}
.safety-bumper-mobile .safety-bumper-content-mobile .info-wrapper-mobile a {
display: inline;
font-weight: unset;
padding: 0;
text-decoration: underline;
}
.safety-bumper-mobile .expand-button {
appearance: none;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
position: absolute;
top: 1.25rem;
right: 1rem;
transition: 180ms ease-in;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
background-color: transparent;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
font: unset;
}
.safety-bumper-mobile .expand-button::before {
content: "";
width: 25px;
height: 25px;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MCA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjkuNTI1OCIgY3k9IjMwLjUyNSIgcj0iMjguNTI1OCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDI5LjUyNTggMzAuNTI1KSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjAwMTgxIi8+CjxwYXRoIGQ9Ik0yMC42IDMzLjU2SDM4Ljg0VjI4Ljg4SDIwLjZWMzMuNTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
.safety-bumper-mobile.hidden {
padding: 0;
transform: translateY(var(--y-value));
}
.safety-bumper-mobile.hidden .safety-bumper-content-mobile {
overflow-y: hidden;
padding-top: 0;
}
.safety-bumper-mobile.hidden .safety-bumper-content-mobile h2 {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 1.25rem 2.5rem;
color: white;
width: calc(100% - 5rem);
font-size: var(--fs--1);
}
.safety-bumper-mobile.hidden .safety-bumper-content-mobile::-webkit-scrollbar-track {
background: transparent;
}
.safety-bumper-mobile.hidden .safety-bumper-content-mobile::-webkit-scrollbar-thumb {
background-color: transparent;
}
.safety-bumper-mobile.hidden .safety-bumper-content-mobile::-webkit-scrollbar-track-piece:start, .safety-bumper-mobile.hidden .safety-bumper-content-mobile::-webkit-scrollbar-track-piece:end {
background-color: transparent;
}
.safety-bumper-mobile.hidden .expand-button::before {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MCA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjkuNTI1OCIgY3k9IjMwLjUyNSIgcj0iMjguNTI1OCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDI5LjUyNTggMzAuNTI1KSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjAwMTgxIi8+CjxwYXRoIGQ9Ik0xNi40NCAzMy4xOEgyNy44NFY0NC44MkgzMi4xNlYzMy4xOEg0My41NlYyOC44SDMyLjE2VjE3LjI4SDI3Ljg0VjI4LjhIMTYuNDRWMzMuMThaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
.safety-bumper-mobile.is-intersecting {
position: absolute;
transition: none;
z-index: 1;
padding: 0;
}
.safety-bumper-mobile.is-intersecting.hidden {
padding: 0;
display: none !important;
}
}
.language_selection_page_body {
min-height: 100vh;
background-image: url("/themes/custom/frankly_theme/images/vueway_background.jpg");
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
}
.language_selection_page_body * {
box-sizing: border-box;
}
.language_selection_page_body .language_selection_page_body_inner {
max-width: 81.25rem;
margin: 0 auto;
padding: 6.25rem var(--theme-padding);
overflow-x: hidden;
position: relative;
}
@media (max-width: 47.9375rem) {
.language_selection_page_body .language_selection_page_body_inner {
height: 100vh;
overflow: hidden;
}
}
.language_selection_page_body .language_selection_page_body_inner h1, .language_selection_page_body .language_selection_page_body_inner h2 {
color: white;
text-align: center;
margin: 0;
}
.language_selection_page_body .language_selection_page_body_inner h1 {
font-size: var(--fs-8);
}
.language_selection_page_body .language_selection_page_body_inner h2 {
margin-top: 1.25rem;
font: var(--fw-500) var(--fs-1)/var(--lh--1) var(--ff-0);
font-weight: 700;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper {
display: block;
margin-top: 2.5rem;
max-height: calc(100% - 6.25rem * 2 + 1rem);
overflow: hidden;
overflow-y: auto;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper::-webkit-scrollbar {
width: 10px;
height: auto;
margin: 0;
margin-top: 2.5rem;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper::-webkit-scrollbar {
display: block;
width: 3px;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper::-webkit-scrollbar-track {
background: lightblue;
border-radius: 99px;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper::-webkit-scrollbar-thumb {
background-color: white;
border-right: none;
border-left: none;
outline: 1px solid white;
border-radius: 99px;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper::-webkit-scrollbar-track-piece:start, .language_selection_page_body .language_selection_page_body_inner .content-wrapper::-webkit-scrollbar-track-piece:end {
background-color: #4974A1;
border-radius: 99px;
}
@media (max-width: 47.9375rem) {
.language_selection_page_body .language_selection_page_body_inner .content-wrapper {
position: static;
}
}
@media (min-width: 48rem) {
.language_selection_page_body .language_selection_page_body_inner .content-wrapper {
margin-top: 5rem;
display: grid;
grid-gap: 3.75rem;
grid-auto-flow: column dense;
grid-auto-columns: max-content auto;
}
}
@media (min-width: 64rem) {
.language_selection_page_body .language_selection_page_body_inner .content-wrapper {
grid-gap: 3.75rem 6.25rem;
}
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper .item-list {
padding-right: 1.25rem;
margin-top: 1.25rem;
z-index: 1;
position: relative;
}
@media (max-width: 47.9375rem) {
.language_selection_page_body .language_selection_page_body_inner .content-wrapper .item-list {
max-width: 30rem;
margin: 0 auto;
}
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper .item-list ul {
display: grid;
grid-gap: 1.875rem 3.125rem;
width: auto;
margin: 0;
list-style: none;
}
@media (min-width: 30rem) {
.language_selection_page_body .language_selection_page_body_inner .content-wrapper .item-list ul {
grid-template-columns: repeat(2, max-content);
grid-gap: 1.875rem 5rem;
justify-content: space-between;
}
}
@media (min-width: 64rem) {
.language_selection_page_body .language_selection_page_body_inner .content-wrapper .item-list ul {
grid-gap: 1.875rem 7.5rem;
}
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper .item-list ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper .item-list ul li a {
margin: 0;
padding: 0;
width: auto;
color: white;
text-align: left;
justify-content: flex-start;
font-weight: 400;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper figure {
width: 100%;
z-index: 0;
}
@media (max-width: 47.9375rem) {
.language_selection_page_body .language_selection_page_body_inner .content-wrapper figure {
position: absolute;
bottom: 6.25rem;
left: 0;
}
.language_selection_page_body .language_selection_page_body_inner .content-wrapper figure img {
object-fit: cover;
height: 60vh;
opacity: 0.1;
}
}
article.node--type-article {
padding: 1.875rem;
min-height: 40vh;
}
@media (min-width: 30rem) {
article.node--type-article {
padding: 1.875rem 2.5rem;
}
}
@media (min-width: 64rem) {
article.node--type-article {
padding: 0 9.375rem;
}
}
article.node--type-article .article-hero-wrapper {
max-width: 81.25rem;
margin: 0 auto;
}
article.node--type-article .article-hero-wrapper .text-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
article.node--type-article .article-hero-wrapper .text-wrapper h1 {
font: var(--fw-300) var(--fs-4)/var(--lh--1) var(--ff-0);
font-weight: 700;
color: #004c99;
margin: 1.25rem 0;
text-align: center;
}
@media (min-width: 48rem) {
article.node--type-article .article-hero-wrapper .text-wrapper h1 {
margin: 1.25rem 9.375rem;
}
}
article.node--type-article .article-hero-wrapper .text-wrapper time {
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
color: #757679;
}
article.node--type-article [data-layout~=justify] .block-text {
max-width: 100%;
padding: 1.875rem 0;
}
@media (min-width: 80rem) {
article.node--type-article [data-layout~=justify] .block-text {
padding: 2.5rem;
}
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup {
background-color: #ffffff;
padding: 1.875rem 5rem;
border-radius: 0;
box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.1);
margin: 0;
width: 100% !important;
max-width: 43.75rem;
box-sizing: border-box;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .ui-dialog-titlebar, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .ui-dialog-titlebar {
display: none;
}
@media (max-width: 47.9375rem) {
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup {
padding: 1.875rem;
width: auto !important;
}
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default:focus, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup:focus {
box-shadow: none;
outline: none;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default > *, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup > * {
margin: 0;
padding: 0;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .external-link-popup-body,
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .popup-body, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .external-link-popup-body,
.ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .popup-body {
background-color: transparent;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .external-link-popup-body .popup-svg-wrapper,
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .popup-body .popup-svg-wrapper, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .external-link-popup-body .popup-svg-wrapper,
.ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .popup-body .popup-svg-wrapper {
display: block;
width: 2.8125rem;
height: 2.8125rem;
background-color: #e5edf4;
padding: 1.25rem;
border-radius: 50%;
margin: 0 auto 1.25rem;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .external-link-popup-body .popup-svg-wrapper svg,
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .popup-body .popup-svg-wrapper svg, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .external-link-popup-body .popup-svg-wrapper svg,
.ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .popup-body .popup-svg-wrapper svg {
width: 2.8125rem;
height: 2.8125rem;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .external-link-popup-body h4,
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .popup-body h4, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .external-link-popup-body h4,
.ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .popup-body h4 {
font: var(--fw-300) var(--fs-3)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-700);
margin: 0;
padding: 0;
margin-bottom: 0.625rem;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .external-link-popup-body p,
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .popup-body p, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .external-link-popup-body p,
.ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .popup-body p {
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
margin: 0;
padding: 0;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .ui-dialog-buttonpane, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .ui-dialog-buttonpane {
background-color: transparent;
border-top: none;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .ui-dialog-buttonpane .ui-dialog-buttonset {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 1.875rem;
margin-top: 1.25rem;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .ui-dialog-buttonpane .ui-dialog-buttonset .button, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .ui-dialog-buttonpane .ui-dialog-buttonset .button {
box-shadow: none;
background-color: #004c99;
color: #ffffff;
border: 2px solid #004c99 !important;
min-width: 7.5rem;
margin: 0;
padding: 0.3rem 1.2625rem;
border-radius: 100px;
font: var(--fw-400) var(--fs--1)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
text-align: center;
transition: 300ms ease;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .ui-dialog-buttonpane .ui-dialog-buttonset .button:first-of-type, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .ui-dialog-buttonpane .ui-dialog-buttonset .button:first-of-type {
background-color: transparent;
color: #004c99;
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .ui-dialog-buttonpane .ui-dialog-buttonset .button:hover, .ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .ui-dialog-buttonpane .ui-dialog-buttonset .button:focus, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .ui-dialog-buttonpane .ui-dialog-buttonset .button:hover, .ui-dialog:not(.ui-dialog-off-canvas).healthcare-popup .ui-dialog-buttonpane .ui-dialog-buttonset .button:focus {
transform: scale(1.07);
}
.ui-dialog:not(.ui-dialog-off-canvas).external-link-popup-id-default .ui-dialog-buttonpane .ui-dialog-buttonset {
/*flex-direction: row-reverse;*/
}
.ui-widget-overlay {
opacity: 0.9;
background-color: #454648;
}
.page-main .fs--6 {
font: var(--fw-300) var(--fs--6)/var(--lh--6) var(--ff-0);
}
.page-main .fs--6::before {
content: "-6";
font-size: 10px;
}
.page-main .fs--5 {
font: var(--fw-300) var(--fs--5)/var(--lh--5) var(--ff-0);
}
.page-main .fs--5::before {
content: "-5";
font-size: 10px;
}
.page-main .fs--4 {
font: var(--fw-300) var(--fs--4)/var(--lh--4) var(--ff-0);
}
.page-main .fs--4::before {
content: "-4";
font-size: 10px;
}
.page-main .fs--3 {
font: var(--fw-300) var(--fs--3)/var(--lh--3) var(--ff-0);
}
.page-main .fs--3::before {
content: "-3";
font-size: 10px;
}
.page-main .fs--2 {
font: var(--fw-300) var(--fs--2)/var(--lh--2) var(--ff-0);
}
.page-main .fs--2::before {
content: "-2";
font-size: 10px;
}
.page-main .fs--1 {
font: var(--fw-300) var(--fs--1)/var(--lh--1) var(--ff-0);
}
.page-main .fs--1::before {
content: "-1";
font-size: 10px;
}
.page-main .fs-0 {
font: var(--fw-300) var(--fs-0)/var(--lh-0) var(--ff-0);
}
.page-main .fs-0::before {
content: "0";
font-size: 10px;
}
.page-main .fs-1 {
font: var(--fw-300) var(--fs-1)/var(--lh-1) var(--ff-0);
}
.page-main .fs-1::before {
content: "1";
font-size: 10px;
}
.page-main .fs-2 {
font: var(--fw-300) var(--fs-2)/var(--lh-2) var(--ff-0);
}
.page-main .fs-2::before {
content: "2";
font-size: 10px;
}
.page-main .fs-3 {
font: var(--fw-300) var(--fs-3)/var(--lh-3) var(--ff-0);
}
.page-main .fs-3::before {
content: "3";
font-size: 10px;
}
.page-main .fs-4 {
font: var(--fw-300) var(--fs-4)/var(--lh-4) var(--ff-0);
}
.page-main .fs-4::before {
content: "4";
font-size: 10px;
}
.page-main .fs-5 {
font: var(--fw-300) var(--fs-5)/var(--lh-5) var(--ff-0);
}
.page-main .fs-5::before {
content: "5";
font-size: 10px;
}
.page-main .fs-6 {
font: var(--fw-300) var(--fs-6)/var(--lh-6) var(--ff-0);
}
.page-main .fs-6::before {
content: "6";
font-size: 10px;
}
.page-main .fs-7 {
font: var(--fw-300) var(--fs-7)/var(--lh-7) var(--ff-1);
}
.page-main .fs-7::before {
content: "7";
font-size: 10px;
}
.page-main .fs-8 {
font: var(--fw-300) var(--fs-8)/var(--lh-8) var(--ff-1);
}
.page-main .fs-8::before {
content: "8";
font-size: 10px;
}
.page-main .fs-9 {
font: var(--fw-300) var(--fs-9)/var(--lh-9) var(--ff-1);
}
.page-main .fs-9::before {
content: "9";
font-size: 10px;
}
.page-main .fs-10 {
font: var(--fw-300) var(--fs-10)/var(--lh-10) var(--ff-1);
}
.page-main .fs-10::before {
content: "10";
font-size: 10px;
}
.page-main .fs-11 {
font: var(--fw-300) var(--fs-11)/var(--lh-11) var(--ff-1);
}
.page-main .fs-11::before {
content: "11";
font-size: 10px;
}
.page-main .fs-12 {
font: var(--fw-300) var(--fs-12)/var(--lh-12) var(--ff-1);
}
.page-main .fs-12::before {
content: "12";
font-size: 10px;
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login {
--doccheck-red: #D1003E;
background-color: var(--doccheck-red);
padding: 0.625rem 1.875rem;
width: auto;
display: flex;
margin-bottom: 1.25rem;
margin-right: -1.875rem;
margin-left: -1.875rem;
flex-direction: column;
align-items: flex-end;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login {
align-items: baseline;
}
}
@media (min-width: 64rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0.625rem 3.125rem;
}
}
@media (min-width: 80rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login {
padding: 0.625rem 9.375rem;
}
}
@media (min-width: 100rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login {
padding-right: max(var(--pad), var(--theme-padding, var(--pad)));
padding-left: max(var(--pad), var(--theme-padding, var(--pad)));
}
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:first-of-type {
display: inherit;
align-items: center;
gap: 3.75rem;
}
@media (max-width: 47.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:first-of-type {
align-items: baseline;
gap: 1.25rem;
flex-direction: column;
width: 100%;
}
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:first-of-type {
gap: 1.875rem;
flex-direction: row;
}
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:first-of-type p {
line-height: 1.25;
}
@media (max-width: 29.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:last-of-type {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
margin-top: 1.25rem;
}
}
@media (min-width: 30rem) and (max-width: 63.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:last-of-type {
position: absolute;
top: auto;
right: 3.75rem;
}
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:last-of-type a {
width: 100%;
text-decoration: underline;
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:last-of-type a::before {
content: none;
}
@media (max-width: 29.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:last-of-type a {
align-items: baseline;
text-align: left;
width: auto;
}
}
@media (min-width: 30rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:last-of-type a {
align-items: flex-end;
text-align: right;
margin-left: -1.875rem;
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:last-of-type a:first-of-type {
margin-bottom: 0.425rem;
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div:last-of-type a::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 31'%3E%3Cpath fill='%23fff' d='m19.428 20.166 4.142-4.143a.416.416 0 0 0 .173-.216l.033-.129.01-.13a.814.814 0 0 0-.043-.258.416.416 0 0 0-.172-.216l-4.143-4.143c-.317-.345-.64-.352-.971-.022-.331.331-.324.655.021.971l2.935 2.978H7.905a.706.706 0 0 0-.518.216c-.115.115-.172.273-.172.475 0 .2.065.366.194.496.13.13.295.194.496.194h13.508l-2.935 2.978c-.345.316-.352.64-.021.97.33.331.654.324.97-.02Z'/%3E%3C/svg%3E");
background-size: 2.5rem 2.5rem;
background-color: transparent;
height: 2.5rem;
width: 2.5rem;
align-self: center;
position: absolute;
left: 100%;
top: auto;
}
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div .doccheck-logo-wrapper {
display: inherit;
align-items: center;
gap: 0.625rem;
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login > div .doccheck-logo-wrapper svg {
height: 1.875rem;
width: 1.875rem;
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login :where(p, form input, form label, a) {
font: var(--fw-300) var(--fs--4)/var(--lh-7) var(--ff-0);
font-weight: var(--fw-500);
color: #ffffff;
margin: 0;
padding: 0;
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form {
display: flex;
flex-direction: column;
}
@media (max-width: 29.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form {
width: 100%;
}
}
@media (min-width: 30rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form {
flex-direction: row;
align-items: flex-end;
}
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form > div {
display: flex;
flex-direction: column;
}
@media (max-width: 29.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form > div {
width: 100%;
}
}
@media (min-width: 30rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form > div {
margin-right: 0.625rem;
}
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form input:not([type=submit]) {
border: none;
padding: 0.25rem;
background-color: white;
color: #000000;
border-radius: 0;
box-sizing: border-box;
}
@media (max-width: 29.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form input:not([type=submit]) {
width: 100%;
margin-bottom: 0.4rem;
}
}
@media (min-width: 30rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form input:not([type=submit]) {
margin-right: 0.4rem;
}
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form input[type=submit] {
padding: 0.25rem 1.25rem;
background-color: white;
color: #000000;
border: none;
min-height: 1.4rem;
cursor: pointer;
width: fit-content;
}
@media (max-width: 29.9375rem) {
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form input[type=submit] {
margin-top: 0.625rem;
}
}
.region-header .header-inner .first-level-menu .menu-items .menu-item .second-level-menu .wrapper .block-doccheck .doccheck-login form label {
margin-bottom: 0.25rem;
}
html:has(.doccheck-login.popup:not([style="display: none"])) {
background-color: rgba(69, 70, 72, 0.8);
}
.doccheck-login.popup {
--doccheck-red: #D1003E;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
min-height: 99vh;
box-sizing: border-box;
padding: 1.875rem;
}
@media (min-width: 30rem) {
.doccheck-login.popup {
padding: 2.5rem;
}
}
@media (min-width: 48rem) {
.doccheck-login.popup {
padding: 5rem;
}
}
.doccheck-login.popup .doccheck-wrapper {
width: 100%;
box-sizing: border-box;
background-color: var(--doccheck-red);
padding: 1.875rem;
}
@media (min-width: 30rem) {
.doccheck-login.popup .doccheck-wrapper {
padding: 2.5rem;
max-width: 30rem;
}
}
@media (min-width: 48rem) {
.doccheck-login.popup .doccheck-wrapper {
padding: 2.5rem 5rem;
}
}
.doccheck-login.popup .doccheck-wrapper .doccheck-logo-wrapper {
padding-bottom: 2.5rem;
position: relative;
text-align: center;
}
.doccheck-login.popup .doccheck-wrapper .doccheck-logo-wrapper::after {
content: "";
position: absolute;
top: calc(100% - 1.25rem);
left: 50%;
transform: translateX(-50%);
border-bottom: 0.5px solid white;
width: 100%;
}
.doccheck-login.popup .doccheck-wrapper .doccheck-logo-wrapper p {
color: #ffffff;
font: var(--fw-400) var(--fs-0)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
text-align: center;
margin: 0.625rem auto 0;
}
.doccheck-login.popup .doccheck-wrapper .doccheck-logo-wrapper svg {
width: 3.125rem;
}
.doccheck-login.popup .doccheck-wrapper form {
display: flex;
flex-direction: column;
}
@media (max-width: 29.9375rem) {
.doccheck-login.popup .doccheck-wrapper form {
width: 100%;
}
}
.doccheck-login.popup .doccheck-wrapper form > div {
display: flex;
flex-direction: column;
margin: 0 auto 1.25rem;
width: 100%;
}
@media (min-width: 30rem) {
.doccheck-login.popup .doccheck-wrapper form > div {
max-width: 16rem;
}
}
.doccheck-login.popup .doccheck-wrapper form input:not([type=submit]) {
border: none;
padding: 0.625rem;
background-color: white;
color: #000000;
border-radius: 0;
box-sizing: border-box;
width: 100%;
}
.doccheck-login.popup .doccheck-wrapper form input[type=submit] {
padding: 0 2.5rem;
padding-block: 0.3rem;
background-color: transparent;
color: #ffffff;
border: 1px solid white;
cursor: pointer;
width: fit-content;
border-radius: 100px;
margin: 1.25rem auto;
font-weight: var(--fw-500);
transition: 300ms ease;
}
.doccheck-login.popup .doccheck-wrapper form input[type=submit]:hover, .doccheck-login.popup .doccheck-wrapper form input[type=submit]:focus {
transform: scale(1.07);
}
.doccheck-login.popup .doccheck-wrapper form label {
margin-bottom: 0.25rem;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
color: #ffffff;
}
.doccheck-login.popup .doccheck-wrapper div > a {
display: block;
margin: 0 auto;
padding: 0;
color: #ffffff;
text-decoration: underline;
position: relative;
font: var(--fw-400) var(--fs--2)/var(--lh--1) var(--ff-0);
font-weight: var(--fw-500);
}
.doccheck-login.popup .doccheck-wrapper div > a:first-of-type {
margin-bottom: 0.625rem;
}
.doccheck-login.popup .doccheck-wrapper div > a::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 31'%3E%3Cpath fill='%23fff' d='m19.428 20.166 4.142-4.143a.416.416 0 0 0 .173-.216l.033-.129.01-.13a.814.814 0 0 0-.043-.258.416.416 0 0 0-.172-.216l-4.143-4.143c-.317-.345-.64-.352-.971-.022-.331.331-.324.655.021.971l2.935 2.978H7.905a.706.706 0 0 0-.518.216c-.115.115-.172.273-.172.475 0 .2.065.366.194.496.13.13.295.194.496.194h13.508l-2.935 2.978c-.345.316-.352.64-.021.97.33.331.654.324.97-.02Z'/%3E%3C/svg%3E");
display: inline-block;
background-repeat: no-repeat;
width: 1.875rem;
height: 1.875rem;
position: absolute;
padding-left: 0.625rem;
top: 50%;
transform: translateY(-50%);
}
.doccheck-login.popup .doccheck-wrapper div > a:hover, .doccheck-login.popup .doccheck-wrapper div > a:focus {
padding-left: 0.625rem;
}
/*# sourceMappingURL=style.css.map */