* {
box-sizing: border-box;
}
*[style^="background"],
*[style*="background"] {
background: center / cover no-repeat;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
margin: 0 0 1rem;
padding: 0;
}
img {
display: block;
} button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="search"] {
-webkit-appearance: none;
}
.gfield select {
appearance: none;
-webkit-appearance: none;
}
.gfield select::-ms-expand {
display: none;
}
.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="tel"],
.gfield input[type="url"],
.gfield textarea,
.gfield select {
border: none;
}:root {
--width-full: clamp(15px, 6vw, 60px);
--width-xl: max(clamp(15px, 6vw, 60px), calc(50% - 910px));
--width-l: max(clamp(15px, 6vw, 60px), calc(50% - 840px));
--width-m: max(clamp(15px, 6vw, 60px), calc(50% - 600px));
--width-s: max(clamp(15px, 6vw, 60px), calc(50% - 430px));
--width-xs: max(clamp(15px, 6vw, 60px), calc(50% - 325px));
--padding-l: clamp(15px, 11vw, 200px);
--padding-m: clamp(15px, 9vw, 150px);
--padding-s: clamp(15px, 6vw, 100px);
--padding-xs: clamp(15px, 4vw, 50px);
--gap-xl: clamp(15px, 8vw, 80px);
--gap-l: clamp(15px, 3vw, 60px);
--gap-m: clamp(15px, 2vw, 40px);
--gap-s: clamp(10px, 2vw, 20px);
--gap-xs: clamp(10px, 2vw, 10px); --teal: #026773;
--teal-light: #0092a4;
--lime: #a8c128;
--lime-light: #bdd15e;
--lime-dusky: #d3df93;
--blue-light: #e3e8f3;
--white: #fff;
--red: #bf0d31;
--pink-light: #fcedec;
--grey: #232323;
--body-text: #666;
--error: red;
}
.content_dark .wp_content *:not(.wp_exclude):not(mark) {
color: var(--grey);
}
.content_light .wp_content *:not(.wp_exclude):not(mark) {
color: var(--white);
}
.content_light {
background: var(--grey);
}
body,
textarea,
input,
select {
font:
400 clamp(16px, 2vw, 18px) / 1.5 "Signika Negative",
sans-serif;
color: var(--body-text);
}
.wp_content table {
margin-bottom: 1rem;
}
.wp_content table thead td {
background: var(--teal-light);
color: var(--white) !important;
font-weight: bold;
}
.wp_content table,
.wp_content td,
.wp_content th {
border: 1px solid var(--grey);
}
.wp_content td,
.wp_content th {
padding: 10px;
}
.hero {
font-size: clamp(40px, 3vw, 120px);
font-weight: 500;
line-height: 1.1;
}
.hero-small,
h1,
h2,
.title-large {
font-size: clamp(30px, 3vw, 50px);
font-weight: 600;
line-height: 1;
}
h3,
.title-medium {
font-size: clamp(25px, 3vw, 35px);
font-weight: 600;
line-height: 1.1;
}
h4,
.title-small {
font-size: clamp(20px, 3vw, 24px);
font-weight: 600;
line-height: 1.1;
}
h5 {
font-size: clamp(19px, 3vw, 23px);
font-weight: 500;
line-height: 1.1;
}
h6, .pre-title {
font-size: clamp(18px, 3vw, 22px);
font-weight: 600;
line-height: 1;
}
.banner-small {
font-size: clamp(36px, 5vw, 60px);
line-height: 1.1;
}
.banner-large {
font-size: clamp(46px, 8vw, 110px);
line-height: 1.1;
}
strong {
font-weight: 700;
}
.minus-margin {
margin-bottom: 0;
}
.minus-margin + * {
margin-top: 5px;
}
.light-text {
font-weight: 300;
}
.regular-text {
font-weight: 400;
}
.semi-bold-text {
font-weight: 600;
}
.underline {
text-decoration: underline;
}
a:not(.wp_exclude) {
text-decoration: underline;
}
a:not(.wp_exclude):hover {
text-decoration: none;
}
.content_dark .wp_content a:not(.wp_exclude) {
color: var(--teal);
}
.content_light .wp_content a:not(.wp_exclude) {
color: var(--lime);
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
display: block;
}
img {
max-width: 100%;
height: auto;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
font-style: italic;
}
.button {
padding: 15px 30px;
display: inline-block;
text-decoration: none;
color: var(--grey);
background-color: var(--white);
border: 1px solid transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
border-radius: 3px;
line-height: 1;
transition: 0.3s;
margin-bottom: 1rem;
}
@media (min-width: 450px) {
.button:not(:last-child) {
margin-right: 1.5rem;
}
}
@media (max-width: 450px) {
.button {
min-width: 100%;
box-sizing: border-box;
text-align: center;
justify-content: center;
}
}
.button:hover {
opacity: 0.7;
}
.button.button-large {
line-height: 1.5;
}
.button.lime {
background-color: var(--lime);
}
.button.black {
background: var(--grey);
color: var(--white);
}
.button.outline {
background: none;
}
.content_light .button.outline {
border-color: var(--white);
color: var(--white);
}
.content_dark .button.outline {
border-color: var(--grey);
color: var(--grey);
}
.button.arrow {
display: flex;
align-items: center;
gap: var(--gap-s);
text-decoration: none;
background-color: transparent;
padding: 0 0 0.5rem;
margin-top: 1.5rem;
width: max-content;
border-radius: 0;
}
.button.arrow:after {
content: "";
display: block;
background: center / 21px 8px no-repeat;
height: 23px;
width: 21px;
}
@media (max-width: 768px) {
.button.arrow {
margin-left: auto;
margin-right: auto;
justify-content: center;
}
}
.content_light .wp_content .button.arrow {
border-bottom: 1px solid var(--white);
color: var(--white);
}
.content_light .wp_content .button.arrow:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='8' fill='none'%3E%3Cpath fill='%23FFF' d='M20.354 4.354a.5.5 0 0 0 0-.708L17.172.464a.5.5 0 1 0-.707.708L19.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182ZM0 4.5h20v-1H0v1Z'/%3E%3C/svg%3E");
}
.content_dark .wp_content .button.arrow {
border-bottom: 1px solid var(--grey);
color: var(--grey);
}
.content_dark .wp_content .button.arrow:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='8' fill='none'%3E%3Cpath fill='%23000' d='M20.354 4.354a.5.5 0 0 0 0-.708L17.172.464a.5.5 0 1 0-.707.708L19.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182ZM0 4.5h20v-1H0v1Z'/%3E%3C/svg%3E");
}
.mce-content-body a.button[data-mce-selected] {
padding: 8px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
}
.mce-content-body a.button.white {
background: #ddd !important;
} .wp_content ul,
.wp_content ol {
padding-left: 2em;
margin-bottom:1em;
}
.wp_content li:has( ~ li ) {
margin-bottom:0.75rem;
}
ul.check_ul {
list-style: none;
padding: 0;
}
ul.check_ul > li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
}
ul.check_ul > li:last-child {
margin-bottom: 0;
}
ul.check_ul > li::before {
content: "";
margin-right: 15px;
min-width: 20px;
min-height: 20px;
background: center / 16px 12px no-repeat
url("data:image/svg+xml,%3Csvg width='16' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.43 12.23-5.2-5.2a.8.8 0 0 1 0-1.13l1.14-1.13a.8.8 0 0 1 1.13 0L6 8.27l7.5-7.5a.8.8 0 0 1 1.13 0l1.14 1.13a.8.8 0 0 1 0 1.13l-9.2 9.2a.8.8 0 0 1-1.14 0Z' fill='%23026773'/%3E%3C/svg%3E");
}
.content_light .wp_content ul.check_ul > li::before {
background: center / 16px 12px no-repeat
url("data:image/svg+xml,%3Csvg width='16' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.43 12.23-5.2-5.2a.8.8 0 0 1 0-1.13l1.14-1.13a.8.8 0 0 1 1.13 0L6 8.27l7.5-7.5a.8.8 0 0 1 1.13 0l1.14 1.13a.8.8 0 0 1 0 1.13l-9.2 9.2a.8.8 0 0 1-1.14 0Z' fill='%23a8c128'/%3E%3C/svg%3E");
}
ul.stats_ul {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
}
ul.stats_ul li {
margin: 0;
}
ul.stats_ul h3 {
font-size: clamp(30px, 5vw, 55px);
color: var(--lime);
}
.content_dark .wp_content ul.stats_ul h3 {
color: var(--teal);
}
.content_light .wp_content ul.stats_ul h3 {
color: var(--lime);
}
ul.stats_ul p {
margin: 0 0 5px;
line-height: 1;
font-size: 22px;
font-weight: 600;
}
@media (min-width: 950px) {
ul.stats_ul {
margin-top: 2rem;
gap: var(--gap-m);
}
ul.stats_ul li {
min-width: 240px;
}
}
@media (min-width: 768px) and (max-width: 950px) {
ul.stats_ul li {
width: 33%;
}
}
@media (max-width: 768px) {
ul.stats_ul {
width: 100%;
margin: auto;
flex-flow: column;
gap: 1rem;
}
}
.mce-content-body span[style="color: #ffffff;"] {
color: #ddd !important;
}html {
scroll-behavior: smooth;
}
body {
margin: 0;
}
#sprite {
position: absolute;
top: -9999px;
left: -9999px;
}
.error_404 {
text-align: center;
padding: 200px 0;
}
.wp_content > :first-child {
margin-top: 0;
}
.wp_content > :last-child {
margin-bottom: 0;
}
.padding_full {
padding-left: var(--width-full);
padding-right: var(--width-full);
}
.padding_xl {
padding-left: var(--width-xl);
padding-right: var(--width-xl);
}
.padding_l {
padding-left: var(--width-l);
padding-right: var(--width-l);
}
.padding_m {
padding-left: var(--width-m);
padding-right: var(--width-m);
}
.padding_s {
padding-left: var(--width-s);
padding-right: var(--width-s);
}
.padding_xs {
padding-left: var(--width-xs);
padding-right: var(--width-xs);
}
.padding_top_l {
padding-top: var(--padding-l);
}
.padding_top_m {
padding-top: var(--padding-m);
}
.padding_top_s {
padding-top: var(--padding-s);
}
.padding_top_xs {
padding-top: var(--padding-xs);
}
.padding_top_none {
padding-top: 0;
}
.padding_bottom_l {
padding-bottom: var(--padding-l);
}
.padding_bottom_m {
padding-bottom: var(--padding-m);
}
.padding_bottom_s {
padding-bottom: var(--padding-s);
}
.padding_bottom_xs {
padding-bottom: var(--padding-xs);
}
.padding_bottom_none {
padding-bottom: 0;
} .social_links_container {
display: flex;
justify-content: flex-start;
align-items: center;
}
.social_icon {
min-width: 22px;
min-height: 22px;
background-position: center;
background-size: contain;
margin-right: 10px;
}
.social_icon:hover {
opacity: 0.7;
}
.social_icon:last-child {
margin-right: 0;
}
.social_icon.linkedin {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath fill='%23A8C128' d='M3.37 5.75a2.4 2.4 0 1 0 0-4.82 2.4 2.4 0 0 0 0 4.82ZM8.06 7.57v13.36h4.14v-6.6c0-1.75.33-3.43 2.5-3.43 2.12 0 2.15 1.99 2.15 3.54v6.5H21V13.6c0-3.6-.77-6.37-4.98-6.37a4.36 4.36 0 0 0-3.93 2.16h-.05V7.57H8.06Zm-6.76 0h4.15v13.36H1.3V7.57Z'/%3E%3C/svg%3E");
}
.social_icon.facebook {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25.5H2.75A2.25 2.25 0 0 0 .5 2.75v16.5a2.25 2.25 0 0 0 2.25 2.25h6.43v-7.14H6.23V11h2.95V8.44c0-2.91 1.74-4.52 4.4-4.52 1.27 0 2.6.22 2.6.22V7H14.7c-1.44 0-1.9.9-1.9 1.82V11h3.23l-.52 3.36h-2.7v7.14h6.43a2.25 2.25 0 0 0 2.25-2.25V2.75A2.25 2.25 0 0 0 19.25.5Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.instagram {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.5a4.48 4.48 0 1 0 0 8.97 4.48 4.48 0 0 0 0-8.96Zm0 7.41a2.92 2.92 0 1 1 .02-5.84A2.92 2.92 0 0 1 10 12.9Zm5.72-7.59a1.04 1.04 0 1 1-2.09 0 1.05 1.05 0 0 1 2.1 0ZM18.7 6.4a5.18 5.18 0 0 0-1.42-3.67 5.21 5.21 0 0 0-3.67-1.42c-1.44-.08-5.77-.08-7.22 0a5.2 5.2 0 0 0-3.67 1.41C1.7 3.74 1.38 4.98 1.31 6.38c-.08 1.45-.08 5.78 0 7.23.07 1.4.39 2.64 1.41 3.66A5.22 5.22 0 0 0 6.4 18.7c1.45.08 5.78.08 7.22 0a5.18 5.18 0 0 0 3.67-1.42 5.21 5.21 0 0 0 1.42-3.66c.08-1.45.08-5.78 0-7.22Zm-1.87 8.77c-.3.76-.9 1.35-1.66 1.66-1.16.46-3.9.35-5.17.35s-4 .1-5.16-.35c-.76-.3-1.35-.9-1.66-1.66-.46-1.16-.35-3.89-.35-5.16 0-1.28-.1-4.02.35-5.16.3-.77.9-1.36 1.66-1.67C6 2.71 8.74 2.82 10 2.82c1.28 0 4.02-.1 5.16.35.77.3 1.36.9 1.67 1.67.46 1.15.35 3.88.35 5.16 0 1.27.1 4-.35 5.16Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.twitter {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 1.5H3.75c-1.24 0-2.25 1-2.25 2.25v16.5c0 1.24 1 2.25 2.25 2.25h16.5c1.24 0 2.25-1 2.25-2.25V3.75c0-1.24-1-2.25-2.25-2.25Zm-2.3 7.44c.02.13.02.27.02.4 0 4.07-3.1 8.75-8.75 8.75A8.7 8.7 0 0 1 4.5 16.7a6.16 6.16 0 0 0 4.56-1.27 3.08 3.08 0 0 1-2.88-2.14c.48.07.9.07 1.39-.05a3.07 3.07 0 0 1-2.46-3.02v-.04c.4.23.89.37 1.39.39a3.07 3.07 0 0 1-.95-4.11 8.73 8.73 0 0 0 6.33 3.21 3.08 3.08 0 0 1 5.25-2.8c.7-.13 1.36-.4 1.95-.74a3.07 3.07 0 0 1-1.35 1.69 6.12 6.12 0 0 0 1.77-.48 6.47 6.47 0 0 1-1.54 1.6Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.youtube {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.08 5.42a2.38 2.38 0 0 0-1.67-1.69c-1.48-.4-7.41-.4-7.41-.4s-5.93 0-7.41.4c-.82.22-1.46.87-1.68 1.69-.4 1.49-.4 4.6-.4 4.6s0 3.1.4 4.59c.22.82.86 1.44 1.68 1.66 1.48.4 7.4.4 7.4.4s5.94 0 7.42-.4a2.35 2.35 0 0 0 1.67-1.66c.4-1.5.4-4.6.4-4.6s0-3.1-.4-4.6ZM8.06 12.83V7.2l4.96 2.82-4.96 2.82Z' fill='%23FF0000'/%3E%3C/svg%3E");
} .bg_teal {
background-color: var(--teal);
}
.bg_white {
background: var(--white);
}
.bg_lime {
background-color: var(--lime);
}
.bg_grey {
background: var(--grey);
}
.bg_red {
background: var(--red);
}
.bg_l_blue {
background: var(--blue-light);
}
.image-switch {
background: no-repeat center / cover;
}
@media (min-width: 1024px) {
.the_usps,
.the_usps > div {
display: flex;
align-items: center;
justify-content: center;
}
.the_usps {
gap: var(--gap-m);
}
.usp {
display: flex;
flex-flow: column;
text-align: center;
position: relative;
padding: 0 20px;
max-width: 446px;
}
.usp:nth-child(1) {
order: 1;
}
.usp:nth-child(2) {
order: 3;
}
.usp:nth-child(3) {
order: 5;
}
.the_usps:before,
.the_usps:after {
content: "";
display: block;
width: 1px;
height: 80px;
background: var(--white);
opacity: 0.2;
}
.the_usps:before {
order: 2;
}
.the_usps:after {
order: 4;
}
.the_usps > div {
gap: 20px;
}
.the_usps .usp_content {
flex: 1;
}
}
@media (max-width: 1024px) {
.the_usps {
display: grid;
grid-template-columns: 1fr;
padding-top: 20px;
}
.the_usps > div {
grid-area: 1 / 1;
text-align: center;
opacity: 0;
transition: 0.3s;
}
.the_usps *.active {
opacity: 1;
}
.icon img {
margin: 0 auto var(--gap-s);
}
}
@media (max-width: 640px) {
.header-right {
display: flex;
justify-content: space-between;
}
} #unity_cookie_overlay,
#unity_cookie_view_settings {
width: 380px;
background: var(--white);
border: 1px solid var(--white);
border-left: 4px solid var(--white);
border-radius: 6px;
padding: 25px;
position: fixed;
bottom: 50px;
right: 50px;
z-index: 2147483646;
opacity: 1;
transition: 0.3s;
}
#unity_cookie_view_settings {
width: 500px;
}
.unity_cookie_setting_link {
color: #999;
display: inline-block;
padding: 10px;
cursor: pointer;
}
.unity_cookie_setting_link:hover {
color: #777;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar {
width: 16px;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar-thumb {
border-left: 12px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
background-color: #aaaaaa;
}
#unity_cookie_overlay.unity_cookie_hide,
#unity_cookie_view_settings.unity_cookie_hide {
opacity: 0;
right: -555px;
}
#unity_cookie_view_settings > .wp_content {
margin-bottom: 20px;
max-height: 400px;
overflow-y: auto;
}
.unity_cookie_info {
border: 1px solid #c2c2c2;
border-radius: 3px;
margin: 20px 0;
}
.unity_cookie_info > div:first-child {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
cursor: pointer;
}
.unity_cookie_info > div:first-child strong:before {
content: "";
display: inline-block;
width: 15px;
height: 9px;
background: center / 15px 9px
url("data:image/svg+xml,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.7 1.5 0 0 1.4l7 7 7.1-7L12.7 0 7.1 5.7Z' fill='%23C4C4C4'/%3E%3C/svg%3E")
no-repeat;
margin: 0 10px 2px 0;
}
.unity_cookie_info > div:first-child span {
color: #999;
}
.unity_cookie_info .wp_content {
border-top: 1px solid #e3e3e3;
padding: 15px 5px 15px 30px;
display: none;
}
.unity_cookie_info.unity_cookie_info_view .wp_content {
display: block;
}
.unity_cookie_text_small {
font-size: 0.8em;
}
body.menu_open #unity_cookie_overlay,
body.menu_open #unity_cookie_view_settings {
right: min(90vw, 480px);
}
body.menu_open.show_menu_close #unity_cookie_overlay,
body.menu_open.show_menu_close #unity_cookie_view_settings {
right: 50px;
}
.image,
.image-switch {
background: no-repeat center / cover;
}
@media (max-width: 600px) {
body.menu_open #unity_cookie_overlay,
body.menu_open #unity_cookie_view_settings {
right: min(90vw, 480px);
}
body.menu_open.show_menu_close #unity_cookie_overlay,
body.menu_open.show_menu_close #unity_cookie_view_settings {
right: 0;
}
#unity_cookie_overlay,
#unity_cookie_view_settings {
width: 100%;
box-sizing: border-box;
right: 0;
border-right: none;
border-left: none;
}
}
@media (max-width: 450px) {
#unity_cookie_overlay,
#unity_cookie_view_settings {
padding: 20px;
}
#unity_cookie_overlay .button,
#unity_cookie_view_settings .button {
margin: 0;
}
.unity_cookie_setting_link {
display: block;
text-align: center;
}
}
.cookie_overlay_strong #unity_cookie_overlay {
inset: 30% auto auto 50%;
transform: translate(-195px, 0);
padding: 35px;
border: none;
}
.cookie_overlay_strong #unity_cookie_no_click {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
transition: 0.3s;
z-index: 2147483646;
}
.cookie_overlay_strong #unity_cookie_no_click.unity_cookie_hide {
opacity: 0;
}
@media (max-width: 600px) {
.cookie_overlay_strong #unity_cookie_overlay {
inset: auto 0 0 0;
transform: translate(0, 0);
width: auto;
}
}#header {
display: flex;
justify-content: space-between;
padding: clamp(15px, 5vw, 30px) clamp(15px, 5vw, 50px);
top: 0;
left: 0;
width: 100%;
}
#header.sticky {
z-index: 9;
transition: all 150ms ease-in-out;
}
body.has_banner #header.sticky {
position: fixed;
}
.blog #header:not(.sticky),
.archive #header:not(.sticky),
.page-template-default #header:not(.sticky),
.page-template-flexible-content #header:not(.sticky) {
position: absolute;
}
body:not(.has_banner) #header {
background: linear-gradient(0deg, #05577a 0%, #0a2450 49%, #0d013a 99%);
}
.logo--header {
width: 299px;
height: 77px;
}
.logo--header svg {
display: block;
}
.logo:hover,
.header_link:hover {
opacity: 0.8;
}
.logo--mobile {
display: none;
}
.header_link span {
display: none;
}
#header ul.main_menu li a {
text-decoration: none;
color: var(--white);
}
#header .contact_link_container {
display: flex;
gap: var(--gap-s);
}
#header .contact_link_container > a {
display: flex;
gap: var(--gap-s);
align-items: center;
text-decoration: none;
color: var(--white);
margin: 0;
position: relative;
}
#header .contact_link_container > a:before {
content: "";
background: center / cover no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' fill='none'%3E%3Cpath fill='%23A8C128' fill-rule='evenodd' d='M6.75 2.92a1.2 1.2 0 0 0-.8-.3H2.89a1.2 1.2 0 0 0-1.2 1.3 19.52 19.52 0 0 0 3 8.53h.01c1.5 2.38 3.5 4.39 5.87 5.9a19.3 19.3 0 0 0 8.44 3.02 1.2 1.2 0 0 0 1.3-1.2v-3.11a1.2 1.2 0 0 0-1.03-1.21 13.9 13.9 0 0 1-3.05-.77 1.2 1.2 0 0 0-1.26.27l-1.3 1.3a.84.84 0 0 1-1.01.14 17.23 17.23 0 0 1-6.45-6.48.86.86 0 0 1 .14-1.02l1.3-1.3a1.2 1.2 0 0 0 .26-1.27c-.36-.99-.62-2.02-.76-3.06a1.2 1.2 0 0 0-.4-.74Zm-.8-2a2.88 2.88 0 0 1 2.88 2.5c.12.93.35 1.83.67 2.7a2.92 2.92 0 0 1-.65 3.07l-.83.84c1.24 2 2.93 3.7 4.92 4.95l.84-.84a2.88 2.88 0 0 1 3.04-.65c.87.32 1.77.55 2.69.67A2.88 2.88 0 0 1 22 17.1v3.06a2.92 2.92 0 0 1-1.96 2.76c-.38.13-.79.18-1.19.15h-.01a20.98 20.98 0 0 1-9.18-3.29 20.81 20.81 0 0 1-6.38-6.41A21.23 21.23 0 0 1 0 4.1V4.1a2.92 2.92 0 0 1 1.71-2.92c.37-.16.76-.25 1.17-.25h3.06Z' clip-rule='evenodd'/%3E%3C/svg%3E");
width: 20px;
height: 20px;
display: block;
}
#header .contact_link_container > a.mail_link:before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3e%3cpath fill='%23FF0000' d='M10 11.75a2.986 2.986 0 0 1-1.842-.641L0 4.766v8.859C0 14.66.84 15.5 1.875 15.5h16.25c1.035 0 1.875-.84 1.875-1.875v-8.86l-8.156 6.348c-.551.426-1.2.637-1.844.637ZM.636 3.676l8.29 6.449a1.751 1.751 0 0 0 2.15 0l8.29-6.45c.364-.312.634-.792.634-1.3C20 1.339 19.16.5 18.125.5H1.875C.839.5 0 1.34 0 2.375c0 .508.235.988.636 1.3Z'/%3e%3c/svg%3e");
height: 15px;
}@media (min-width: 1024px) {
#header {
box-sizing: border-box;
}
#header.scrolled {
padding-top: 5px;
padding-bottom: 5px;
background: #0a2450;
}
body:not(.has_banner) #header.scrolled {
position: fixed;
}
#header > * {
transition: all 150ms ease-in-out;
}
#header.scrolled .logo {
transform: scale(0.8);
transform-origin: 0 50%;
}
#header.scrolled .menu_content_container {
transform: scale(0.9);
transform-origin: 100% 50%;
}
#header .menu_content_container {
display: flex;
align-items: center;
gap: var(--gap-m);
flex: 1;
}
#header ul.main_menu {
list-style: none;
padding: 0;
display: flex;
gap: var(--gap-s);
align-items: center;
margin: 0 0 0 auto;
}
#header ul.main_menu li {
position: relative;
padding: 12px 0;
border-bottom: 1px solid transparent;
margin: 0;
}
#header ul.main_menu li.current-menu-item,
#header ul.main_menu > li:hover {
border-color: var(--white);
}
#header ul.main_menu li a {
padding: 8px 0;
}
#header .menu_cta {
display: flex;
align-items: center;
}
#mobile_menu_button {
display: none;
}
ul#main_menu > li.menu-item-has-children > a {
padding-right: 30px;
background: 100% 50% / 16px 10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 9'%3E%3Cpath stroke='%23fff' stroke-linecap='square' d='m13.7 1.5-6 6-6-6'/%3E%3C/svg%3E");
}
ul#main_menu > li.menu-item-has-children ul {
color: var(--white);
position: absolute;
z-index: 9;
list-style: none;
top: 70px;
right: 8px;
transform: translateX(50%);
padding: 10px;
min-width: 300px;
display: none;
border-radius: 4px;
border: 1px solid #0092a4;
background: linear-gradient(0deg, #05577a 0%, #0a2450 67%, #0d013a 99%);
box-sizing: border-box;
}
ul#main_menu > li.menu-item-has-children ul:before {
content: "";
display: block;
height: 20px;
width: 300px;
position: absolute;
inset: -20px auto auto 0;
}
ul#main_menu > li.menu-item-has-children:hover ul {
display: flex;
flex-flow: column;
}
ul#main_menu > li.menu-item-has-children ul:after {
content: "";
display: block;
position: absolute;
border: 10px solid rgba(0, 0, 0, 0);
border-bottom-color: #0092a4;
width: 0;
height: 0;
top: -20px;
right: 50%;
transform: translateX(50%);
}
ul#main_menu > li.menu-item-has-children ul li {
width: 100%;
padding: 0;
}
ul#main_menu > li.menu-item-has-children ul li a {
padding: 15px;
box-sizing: border-box;
display: block;
text-decoration: none;
width: 100%;
font-weight: 400;
}
ul#main_menu > li.menu-item-has-children ul li a:hover {
background: var(--teal-light);
border-radius: 3px;
}
#header .contact_link_container.mobile {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1370px) {
#header .contact_link_container a:before {
height: 25px;
width: 25px;
}
}
@media (min-width: 1024px) and (max-width: 1250px) {
#header {
gap: var(--gap-m);
}
#header .menu_content_container {
flex: 1 0 auto;
}
ul#main_menu a {
font-size: 14px;
}
.logo--header {
width: 100%;
height: auto;
max-width: 240px;
flex-shrink: 1;
}
}@media (max-width: 1024px) {
#header {
gap: 30px;
}
#header.scrolled {
background: #0a2450;
}
.logo--header {
width: 100%;
height: auto;
max-width: 200px;
}
#header .menu_cta {
display: none;
}
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 2147483647;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease,
right 0.3s ease;
-webkit-transition: background-color 0.3s ease,
right 0.3s ease;
}
body.menu_open {
overflow: hidden;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: min(90vw, 430px);
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: calc(-1 * min(90vw, 430px));
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
display: flex;
flex-direction: column;
justify-content: center;
width: 30px;
gap: 7px;
flex-shrink: 0;
}
#mobile_menu_button > div {
border: 2px solid var(--white);
border-radius: 15px;
}
#mobile_menu_button > div:nth-child(2) {
width: 80%;
}
#mobile_logo {
display: block;
margin: 0 auto;
}
.menu_content_container {
display: flex;
top: 0;
left: 100%;
width: min(90vw, 430px);
z-index: 11;
position: fixed;
overflow-x: hidden;
overflow-y: scroll;
max-height: 100vh;
-webkit-transition: left 0.3s ease;
height: 100%;
-ms-overflow-style: none; scrollbar-width: none; box-sizing: border-box;
padding: var(--gap-m);
background: linear-gradient(0deg, #05577a 0%, #0a2450 67%, #0d013a 99%);
flex-direction: column;
gap: 60px;
}
.menu_content_container::-webkit-scrollbar {
display: none; }
body.menu_open .menu_content_container {
left: calc(100% - min(90vw, 430px));
}
body.menu_open.show_menu_close .menu_content_container {
left: 100%;
}
.main_menu,
.main_menu ul {
padding: 0;
margin: 0;
list-style: none;
}
.contact_link_container:not(.mobile) {
flex-direction: column;
}
.contact_link_container.mobile {
margin-left: auto;
flex-shrink: 0;
width: 30px;
justify-content: center;
}
#header .contact_link_container.mobile a:before {
width: 30px;
height: 30px;
}
.contact_link_container.mobile span {
display: none;
}
.main_menu li.menu-item-has-children > ul {
max-height: 0;
transition: max-height 0.5s ease-in-out;
overflow: hidden;
}
.main_menu li.active ul {
max-height: 500px;
transition: max-height 0.5s ease-in-out;
}
.main_menu a {
display: block;
color: var(--white);
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
}
#header ul.main_menu li {
margin: 0;
}
#header ul.main_menu li a {
padding: 15px 10px;
}
.header_link span {
display: block;
font-size: 20px;
}
.main_menu > li {
position: relative;
border-bottom: 1px solid var(--teal-light);
}
.main_menu li.menu-item-has-children > .expand_container {
position: absolute;
width: 100px;
height: 100%;
max-height: 60px;
right: 0;
top: 0;
}
.main_menu li.menu-item-has-children > .expand_container > .expand_btn {
transition: transform 0.3s;
display: block;
width: 16px;
height: 10px;
position: absolute;
top: calc(50% - 5px);
right: 0;
background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3e%3cpath stroke='%23A8C128' stroke-linecap='square' stroke-width='2' d='m14.2 2.2-6 6-6-6'/%3e%3c/svg%3e");
}
.main_menu
li.menu-item-has-children.active
> .expand_container
> span.expand_btn {
transform: rotate(-180deg);
}
.main_menu li.menu-item-has-children.clicked > a:after {
transform: rotate(-180deg);
}
#header ul.main_menu li.menu-item-has-children > ul li a {
color: var(--white);
padding: 20px 30px;
border-top: 1px solid var(--blue);
}
#header ul.main_menu li.menu-item-has-children.active a {  }
#header ul.main_menu li.menu-item-has-children.active ul li:last-child a {
}
#header ul.main_menu li.menu-item-has-children > ul li:last-child {
padding-bottom: 20px;
}
}#footer {
padding-top: clamp(20px, 5vw, 50px);
padding-bottom: clamp(20px, 5vw, 50px);
background: linear-gradient(0deg, #05577a 0%, #0a2450 49%, #0d013a 99%);
}
.footer_col a {
color: var(--white);
text-decoration: none;
}
.footer_col:last-child a:hover {
text-decoration: underline;
}
.contact_link.footer_link {
color: var(--white);
text-decoration: none;
}
.contact_link.footer_link:hover {
text-decoration: underline;
}
.footer_top {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer_middle {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.marketing_by a:hover {
opacity: 0.8;
}
@media (min-width: 768px) {
.footer_middle .footer_col:last-child {
text-align: right;
}
.social_links_container,
.contact_link.footer_link {
justify-content: flex-end;
}
}
.footer_col {
color: var(--white);
}
.footer_col:nth-child(2) {
margin:0 auto;
width:max-content;
}
@media (min-width: 768px) {
.footer_col.two_cols {
ul li {
width: max-content;
}
}
}
@media (min-width: 1300px) {
.footer_col.two_cols {
ul {
display: block;
columns: 2;
}
}
}
.footer_col .foot_title,
.footer_col .foot_title a {
color: var(--lime);
margin: 0 0 var(--gap-s);
font-weight: 700;
font-size: 23px;
text-decoration: none;
}
.footer_col .foot_title a:hover {
text-decoration: underline;
}
.footer_col p {
margin: 0;
}
.footer_menu {
padding-left: 0;
display: flex;
flex-flow: column;
}
.footer_menu li {
list-style: none;
padding: 0;
}
.footer_menu a {
color: var(--white);
text-decoration: none;
font-weight: 500;
padding-bottom: 0.5rem;
}
.footer_menu li a:hover {
border-bottom: 1px solid var(--white);
}
.marketing_by {
display: flex;
align-items: center;
gap: 5px;
}
.marketing_by a {
height: 21px;
}
.logo--footer {
display: block;
aspect-ratio: 486 / 120;
width: 100%;
max-width: 280px;
padding-bottom: clamp(20px, 5vw, 50px);
margin: 0 auto;
}
.logo--footer:hover {
opacity: 0.8;
}
.contact_details *:not(:first-child) {
margin-top: 0.75em;
}
.end_of_page {
color: var(--white);
font-size: 14px;
display: flex;
justify-content: space-between;
}
@media (max-width: 1200px) {
.end_of_page {
flex-flow: column;
align-items: center;
gap:20px;
}
.end_of_page p {
margin: 0;
text-align: center;
}
}
@media (max-width: 767px) {
.footer_top {
flex-flow: column;
gap: 40px;
}
.logo--footer {
max-width:270px;
margin-bottom:2rem;
}
#footer .footer_middle .footer_col:first-child,
#footer .footer_middle {
display: flex;
flex-flow: column;
width: 100%;
align-items: center;
text-align: center;
flex-basis: 100%;
gap: var(--gap-s);
}
.social_links_container {
padding-bottom: var(--gap-l);
justify-content: center;
}
.contact_link.footer_link {
justify-content: center;
}
.end_of_page {
display: flex;
flex-flow: column;
align-items: center;
gap: 15px;
}
}