@import url(fonts.css);
* {
margin: 0;
}
*::selection {
background: var(--Surface-surface-brand, #417880);
color: white;
}
*::-moz-selection {
background: var(--Surface-surface-brand, #417880);
color: white;
}
*::-o-selection {
background: var(--Surface-surface-brand, #417880);
color: white;
}
*::-ms-selection {
background: var(--Surface-surface-brand, #417880);
color: white;
}
body {
color: var(--Text-text-subtle, rgba(0, 0, 0, 0.66));
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: 'Bergen Text', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.36px;
margin: 109px 0 0;
}
p strong,
span strong,
ul strong,
ol strong,
p b,
span b,
ul b,
ol b {
font-family: 'Bergen Text Semibold', sans-serif;
font-weight: 400 !important;
}
.spamoff {
display: none;
}
.asthmatuner-opened {
margin-top: 205px;
}
section {
padding: 104px 0;
}
body main>*:not(main):not(section):first-child {
padding-top: 24px;
}
body main>*:not(main):not(section):last-child {
margin-bottom: 104px;
}
a {
color: #417880;
padding: 0 2px;
}
a:focus,
a:focus-visible {
outline-color: #417880;
}
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
border-color: #417880;
outline-width: 0;
}
h1 {
color: var(--Text-text-brand, #417880);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: MADE Mirage;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
h2 {
color: var(--Text-text-brand, #417880);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: MADE Mirage;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 137.5%;
}
input, textarea {
width: 100%;
border-radius: var(--Radius-radius-sm, 6px);
border: 2px solid var(--Border-border, rgba(0, 0, 0, 0.12));
background: var(--Surface-surface, #FFF);
padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 36px;
letter-spacing: -0.32px;
box-sizing: border-box;
}
input:autofill, input:-webkit-autofill,
textarea:autofill, textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
input::placeholder, textarea::placeholder {
font-size: 16px;
font-weight: 400;
line-height: 36px;
letter-spacing: -0.32px;
}
textarea {
margin: 0;
max-height: 168px;
}
.input-w-50>p {
display: flex;
gap: 8px;
}
.input-w-50>p>span {
width: 50%;
}
input.wpcf7-not-valid, textarea.wpcf7-not-valid {
background: #F6E5E4;
border-color: #A9494A;
}
input.wpcf7-not-valid::placeholder, textarea.wpcf7-not-valid::placeholder {
color: #80252B;
}
.wpcf7 label {
width: 100%;
display: block;
position: relative;
box-sizing: border-box;
}
.wpcf7 label br {
display: none;
}
.wpcf7 .label.active~span>input {
padding: 14px var(--spacing-sm, 12px) 2px;
caret-color: var(--Text-text-brand, #417880);
}
.wpcf7 .label.active~span>textarea {
padding: 14px var(--spacing-sm, 12px) 2px;
caret-color: var(--Text-text-brand, #417880);
}
.wpcf7 .label {
display: block;
position: absolute;
left: 12px;
top: 16px;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
color: var(--Text-text-subtle, #000000A8);
box-sizing: border-box;
z-index: 1;
cursor: text;
}
.wpcf7 .label-textarea {
margin: 16px 0;
}
/*
.wpcf7 .label-textarea .label {
top: 16px;
}*/
.wpcf7 .label.active {
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
text-align: left;
top: 8px;
color: var(--Text-text-brand, #417880);
}
.wpcf7 .label-error .label {
color: #80252B;
}
/*.wpcf7 .label-textarea .label.active {
top: 24px;
}*/
.wpcf7 label:hover .label:not(.active) {
color: var(--Text-text-subtle, #000000A8);
}
.wpcf7 label:hover input,
.wpcf7 label:hover textarea {
border-color: var(--Text-text-brand, #417880);
}
.wpcf7-not-valid-tip {
color: #80252B;
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.01em;
text-align: left;
padding-left: 28px;
position: relative;
top: 4px;
}
.wpcf7-not-valid-tip::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18C7.87827 18 5.84344 17.1571 4.34315 15.6569C2.84285 14.1566 2 12.1217 2 10C2 7.87827 2.84285 5.84344 4.34315 4.34315C5.84344 2.84285 7.87827 2 10 2ZM10 5.42857C9.8549 5.42845 9.71138 5.45859 9.57858 5.51706C9.44579 5.57554 9.32666 5.66107 9.22879 5.76819C9.13092 5.87531 9.05646 6.00167 9.01018 6.13918C8.9639 6.2767 8.94681 6.42236 8.96 6.56686L9.37714 11.1451C9.39332 11.2991 9.46591 11.4416 9.58093 11.5451C9.69594 11.6487 9.84523 11.706 10 11.706C10.1548 11.706 10.3041 11.6487 10.4191 11.5451C10.5341 11.4416 10.6067 11.2991 10.6229 11.1451L11.0389 6.56686C11.052 6.42246 11.035 6.27689 10.9888 6.13945C10.9426 6.00201 10.8682 5.87572 10.7705 5.76861C10.6727 5.66151 10.5537 5.57596 10.4211 5.51741C10.2884 5.45886 10.145 5.42861 10 5.42857ZM10 14.5714C10.2425 14.5714 10.475 14.4751 10.6465 14.3036C10.818 14.1322 10.9143 13.8996 10.9143 13.6571C10.9143 13.4147 10.818 13.1821 10.6465 13.0106C10.475 12.8392 10.2425 12.7429 10 12.7429C9.75752 12.7429 9.52496 12.8392 9.3535 13.0106C9.18204 13.1821 9.08571 13.4147 9.08571 13.6571C9.08571 13.8996 9.18204 14.1322 9.3535 14.3036C9.52496 14.4751 9.75752 14.5714 10 14.5714Z' fill='%23A9494A'/%3E%3C/svg%3E");
position: absolute;
top: 0;
left: 0;
}
.section-form-testing .wpcf7-not-valid-tip {
color: white;
}
.section-form-testing .wpcf7-not-valid-tip::before {
filter: brightness(100);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
background: #F6E5E4;
border-color: #A9494A;
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.01em;
color: #80252B;
}
.section-form-testing .wpcf7 form.invalid .wpcf7-response-output, .section-form-testing .wpcf7 form.unaccepted .wpcf7-response-output, .section-form-testing .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffffff;
background: transparent;
color: white;
}
button, .button, .elementor-button-content-wrapper, input[type="submit"] {
width: auto;
display: inline-block;
color: var(--Text-text-inverse, #FFF);
text-align: center;
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.16px;
border-radius: 6px;
border: 2px solid var(--Surface-surface-brand, #417880);
background: var(--Surface-surface-brand, #417880);
padding: 14px var(--spacing-lg, 24px);
text-decoration: none;
cursor: pointer;
}
button:hover, .button:hover, .elementor-button-content-wrapper:hover, input[type="submit"]:hover {
background: linear-gradient(to right, var(--Surface-surface-hover, rgba(0, 0, 0, 0.06)), var(--Surface-surface-hover, rgba(0, 0, 0, 0.06))), linear-gradient(to right, var(--Surface-surface-brand, #417880), var(--Surface-surface-brand, #417880));
}
button:focus, .button:focus, input[type="submit"]:focus,
button:focus-visible, .button:focus-visible, input[type="submit"]:focus-visible {
border-color: white;
box-shadow: 0 0 0 2px var(--Border-border-brand, #417880);
outline-width: 0;
}
.button-submit {
position: relative;
}
.button-submit,
.button-submit>p {
display: inline-block;
}
.button-submit .wpcf7-spinner {
display: none !important;
}
form.submitting .button-submit::before {
content: "";
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
line-height: 24px;
background: var(--Surface-surface-brand, #417880);
z-index: 1;
}
form.submitting .button-submit::after {
content: "";
background: url('../img/spiner-button.svg') center center no-repeat;
width: 24px;
height: 24px;
position: absolute;
top: calc(50% - 12px);
left: calc(50% - 12px);
z-index: 1;
animation: rotateClockwise 2s linear infinite;
}
.button-white {
color: var(--Text-text-brand, #417880);
border-radius: 6px;
border: 1px solid var(--Border-border, rgba(0, 0, 0, 0.12));
padding: 15px var(--spacing-lg, 24px);
background: var(--Surface-surface, #FFF);
}
.button-white:hover {
background: linear-gradient(to right, var(--Surface-surface-hover, rgba(0, 0, 0, 0.06)), var(--Surface-surface-hover, rgba(0, 0, 0, 0.06))), linear-gradient(to right, var(--Surface-surface, #FFF), var(--Surface-surface, #FFF));
}
.button-white:focus,
.button-white:focus-visible {
border: 2px solid white;
padding: 14px var(--spacing-lg, 23px);
outline-width: 0 !important;
box-shadow: inset 0 0 0 1px var(--Border-border, rgba(0, 0, 0, 0.12)), 0 0 0 2px var(--Border-border-brand, #417880);
}
.container {
max-width: 1200px;
margin: 0 auto;
}
body main>*:not(main):not(section),
body main>*:not(main):not(section) * {
max-width: 720px;
margin: 0 auto 16px;
}
body main>.wp-block-video,
body main>.wp-block-image {
max-width: 1200px;
}
body main>.wp-block-video *,
body main>.wp-block-image * {
width: 100%;
max-width: unset;
}
body main>ul,
body main>ol {
padding-left: 24px;
}
body main>ol li::marker,
body main>ul li::marker {
color: #417880;
}
body main>:not(main):not(section) strong,
body main>:not(main):not(section) b {
font-family: 'Bergen Text Semibold', sans-serif;
font-weight: 400 !important;
}
body main>h1,
body main>h2,
body main>h3,
body main>p,
body main>*:not(main):not(section) h1,
body main>*:not(main):not(section) h2,
body main>*:not(main):not(section) h3 {
margin: 24px auto 16px;
/*max-width: 720px;
margin-left: calc(50% - 600px);*/
}
body main>h3,
body main>*:not(main):not(section) h3 {
font-family: "MADE Mirage";
font-weight: 700;
font-size: 28px;
color: #417880;
}
.w-100 {
width: 100%;
}
.text-center {
text-align: center;
}
.img-wrapper {
overflow: hidden;
border-radius: 16px;
width: 48%;
max-height: 420px;
}
.img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.background-brand {
background: var(--Surface-surface-brand-subtle, #EBF1F1);
}
@media (max-width: 1200px) {
.container {
padding: var(--spacing-lg, 24px);
}
body main>*:not(main):not(section) {
padding: 0 var(--spacing-lg, 24px);
}
body main>ol,
body main>ul {
margin-left: 24px;
}
/*body main>h1,
body main>h2,
body main>h3,
body main>p,
body main>*:not(main):not(section) h1,
body main>*:not(main):not(section) h2,
body main>*:not(main):not(section) h3 {
max-width: 720px;
margin-left: auto;
}*/
}
@media (max-width: 992px) {
body {
margin: 64px 0 0;
}
.asthmatuner-opened {
margin-top: 160px;
}
}
@media (max-width: 768px) {
section {
padding: var(--spacing-xxl, 40px) 0;
}
body main>*:not(main):not(section):last-child {
margin-bottom: var(--spacing-xxl, 40px);
}
body main>ol,
body main>ul {
padding-left: 48px !important;
}
.img-wrapper {
width: 100%;
max-height: 66vw;
}
.input-w-50>p {
flex-direction: column;
column-gap: 16px;
}
.input-w-50>p>br {
display: none;
}
.input-w-50>p>span {
width: 100%;
}
}
@media(max-width: 356px) {
.asthmatuner-opened {
margin-top: 136px;
}
}
/*Header Asthmatuner*/
.asthmatuner {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #EBF1F1;
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 48px;
z-index: 2;
}
.asthmatuner .info {
display: flex;
align-items: center;
gap: 24px;
}
.asthmatuner .info p, .asthmatuner .info p a {
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
color: #000000D1;
}
.asthmatuner .info p a {
text-decoration: underline;
}
.asthmatuner .info p:first-child {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
color: #000000D1;
}
.asthmatuner .nav {
display: flex;
align-items: center;
gap: 24px;
}
.asthmatuner .nav .button {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.01em;
text-align: center;
padding: 8px 12px;
background: transparent;
border-width: 0;
outline-width: 0;
color: #417880;
}
.asthmatuner .nav .asthmatuner-close {
width: 28px;
height: 28px;
background: transparent;
border-width: 0;
padding: 0;
cursor: pointer;
}
.asthmatuner~header {
top: 96px;
}
@media (max-width: 768px) {
.asthmatuner {
padding: 24px 20px;
}
.asthmatuner .info {
gap: 16px;
}
.asthmatuner .nav .button {
display: none;
}
}
@media(max-width: 356px) {
.asthmatuner {
padding: 12px 20px;
}
.asthmatuner~header {
top: 72px;
}
.asthmatuner .info {
gap: 10px;
}
.asthmatuner .info p:first-child, .asthmatuner .info p:last-child, .asthmatuner .info p:last-child a {
font-size: 14px;
}
}
/*HEADER*/
header {
position: fixed;
background: #ffffff;
z-index: 2;
left: 0;
top: 0;
width: 100%;
}
header .container {
max-width: calc(100% - 100px);
min-height: 109px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
}
header a, header .submenu p {
color: var(--Text-text-brand, #417880);
text-decoration: none;
}
header .logo {
max-width: 212px;
}
header .logo-mob {
display: none;
}
header nav {
display: flex;
align-items: center;
}
header nav {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
header .nav-additional {
font-family: 'Bergen Text Semibold', sans-serif;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.14px;
color: var(--Text-text-brand, #417880);
}
header nav ul:not(.wpml-ls-sub-menu) {
list-style-type: none;
padding: 0;
display: flex;
gap: 40px;
}
header nav ul li {
position: relative;
transition: 0.3s ease all;
cursor: pointer;
}
header nav ul.main-menu:not(.help)>li:not(.dropdown):hover::after,
header nav ul.main-menu:not(.help)>li:not(.dropdown).active::after {
content: url("../img/menu-active.svg");
position: absolute;
top: 100%;
line-height: 3px;
left: 50%;
margin-left: -4px;
}
header nav ul.main-menu:not(.help)>li:not(.dropdown):hover::after {
content: url("../img/menu-hover.svg");
}
header nav ul.main-menu li a {
display: inline-block;
line-height: 28px;
box-sizing: border-box;
}
.language {
font-family: 'Bergen Text Semibold', sans-serif;
text-align: center;
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.14px;
position: relative;
padding: var(--spacing-xs, 8px);
}
.language .wpml-ls-legacy-dropdown-click {
width: auto;
}
.language .wpml-ls-legacy-dropdown-click a {
display: block;
padding: 12px 16px;
align-items: center;
line-height: 20px;
border-width: 0;
background: #ffffff;
color: var(--Text-text-brand, #417880);
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
background: #ffffff;
color: var(--Text-text-brand, #417880);
}
.wpml-ls-legacy-dropdown-click a span {
vertical-align: baseline;
position: relative;
line-height: 28px;
}
.language .wpml-ls-sub-menu {
width: 245px;
border: 0;
position: absolute;
top: 130%;
padding: 10px 0;
left: 0;
display: flex;
flex-direction: column;
background: white;
border-radius: var(--spacing-xxs, 4px);
background: var(--Surface-surface, #FFF);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
overflow: hidden;
}
.language .wpml-ls-sub-menu a {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 48px;
letter-spacing: -0.14px;
padding: 0 16px;
color: var(--Text-text-brand, #417880);
text-align: left;
}
.language .wpml-ls-sub-menu a:focus,
.language .wpml-ls-sub-menu a:focus-visible {
outline-width: 0;
box-shadow: inset 0 0 0 2px var(--Text-text-brand, #417880)
}
.wpml-ls-sub-menu a span {
position: inherit;
top: 0;
}
.language .wpml-ls-sub-menu a.active {
background: url('../img/menu-check.svg') calc(100% - 16px) center no-repeat, rgba(0, 0, 0, 0.1);
}
.language .wpml-ls-sub-menu a:hover {
background: rgba(0, 0, 0, 0.1);
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
padding: 1px 8px 1px 36px;
overflow: hidden;
border-radius: 4px;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover {
background: linear-gradient(to right, var(--Surface-surface-hover, rgba(0, 0, 0, 0.06)), var(--Surface-surface-hover, rgba(0, 0, 0, 0.06))), linear-gradient(to right, var(--Surface-surface, #FFFFFF), var(--Surface-surface, #FFFFFF));
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
content: none;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
content: url('../img/menu-lang.svg');
position: absolute;
top: 4px;
left: 8px;
}
.wpml-ls-link {
padding-left: 25px;
}
header .careportal {
display: inline-block;
position: relative;
padding: 0 var(--spacing-xs, 8px);
line-height: 28px;
padding-left: 36px;
overflow: hidden;
}
header .careportal::before {
content: url('../img/menu-careportal.svg');
position: absolute;
left: var(--spacing-xs, 8px);
top: 4px;
}
.region .current:hover,
header .careportal:hover {
border-radius: 4px;
background: linear-gradient(to right, var(--Surface-surface-hover, rgba(0, 0, 0, 0.06)), var(--Surface-surface-hover, rgba(0, 0, 0, 0.06))), linear-gradient(to right, var(--Surface-surface, #FFFFFF), var(--Surface-surface, #FFFFFF));
}
.region {
position: relative;
}
.region .current {
display: block;
overflow: hidden;
}
.region .switcher {
width: 245px;
position: absolute;
top: 130%;
padding: 10px 0;
left: 0;
display: none;
flex-direction: column;
background: white;
border-radius: var(--spacing-xxs, 4px);
background: var(--Surface-surface, #FFF);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
z-index: 1;
}
.region .switcher.active {
display: flex;
}
.region .flag {
display: flex;
padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
align-items: center;
gap: var(--spacing-xs, 8px);
cursor: pointer;
}
.region .flag img {
border-radius: 10px;
}
.region .switcher .flag {
padding: 14px 16px;
align-items: center;
gap: 16px;
}
.region .switcher .flag.check {
background: rgba(0, 0, 0, 0.06);
}
.region .switcher .flag:hover {
background: rgba(0, 0, 0, 0.06);
}
header nav ul .dropdown>a {
position: relative;
}
header nav ul .submenu>a {
padding-right: 24px;
}
header nav ul .submenu::after {
position: absolute;
right: 0;
top: 4px;
content: url('../img/menu-arrow.svg');
transition: 0.3s ease all;
}
header nav ul .submenu.active::after {
transform: rotate(-180deg);
top: 0px;
}
header .resources {
position: absolute;
display: none;
border-radius: var(--spacing-lg, 24px);
background: #ffffff;
top: 150%;
left: 50%;
transform: translateX(-50%);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
z-index: 10;
}
header .dropdown.active .resources {
display: flex;
}
header .resources .help {
display: flex;
min-width: 400px;
max-width: 100%;
padding: var(--spacing-xxl, 40px) var(--spacing-lg, 24px);
flex-direction: column;
align-items: flex-start;
gap: 0;
}
header .resources .help li a {
display: flex;
padding: 16px;
align-items: flex-start;
gap: 32px;
align-self: stretch;
border-radius: 6px;
}
header .resources .help li a:hover {
background: var(--Surface-surface-neutral-subtler, #F5F5F5);
}
header .resources .help li a:focus,
header .resources .help li a:focus-visible {
outline-width: 2px;
}
header .resources .help li a img {
width: 40px;
height: auto;
}
header .resources .help li a .title {
color: var(--Text-text-brand, #417880);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: "MADE Mirage";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: var(--spacing-xxs, 4px);
}
header .resources .help li a .text {
color: var(--Text-text-subtle, rgba(0, 0, 0, 0.66));
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.32px;
}
header .resources .post {
display: flex;
border-radius: var(--spacing-lg, 24px);
background: var(--Surface-surface-brand-bold, #0F5C66);
padding: var(--spacing-xxxl, 48px);
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: var(--spacing-lg, 24px);
}
header .resources .post .img {
width: 320px;
height: 240px;
border-radius: 16px;
overflow: hidden;
}
header .resources .post .img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
header .resources .post .date {
color: var(--Text-text-inverse-subtle, rgba(255, 255, 255, 0.80));
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: 'Bergen Text', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.36px;
margin-bottom: (--spacing-xs, 8px);
}
header .resources .post .title {
color: var(--Text-text-inverse, #FFF);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: "MADE Mirage";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
header .button_menu_mobile {
display: none;
}
@media (max-width: 1200px) {
header .container {
padding: 0 var(--spacing-lg, 24px);
max-width: 100%;
}
header .logo {
display: none;
}
header .container>a {
display: flex;
align-items: center;
}
header .logo-mob {
display: block;
max-width: 48px;
}
}
@media (max-width: 992px) {
header .container {
min-height: 64px;
}
header .container>a {
z-index: 10;
}
header .container::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
z-index: 10;
}
header .button_menu_mobile {
display: block;
width: var(--spacing-lg, 24px);
height: var(--spacing-lg, 24px);
background: url('../img/menu-hamburger.svg') center center / contain no-repeat;
border-width: 0;
outline-width: 0;
padding: 0;
transition: 0.3s ease all;
z-index: 10;
}
header .button_menu_mobile.active {
background-image: url('../img/menu-close.svg');
transform: rotate(180deg);
}
header .button_menu_mobile:focus,
header .button_menu_mobile:focus-visible {
box-shadow: none;
}
header nav {
display: flex;
flex-direction: column;
position: fixed;
top: -100vh;
bottom: calc(64px + 100vh);
left: 0;
right: 0;
background: var(--Surface-surface-brand-bold, #0F5C66);
overflow: auto;
transition: 0.3s ease all;
}
.asthmatuner-opened header nav {
top: 160px;
}
header nav.active {
top: 64px;
bottom: 0;
}
.asthmatuner~header nav.active {
top: 160px;
}
header nav>ul {
width: 100%;
padding: var(--spacing-xl, 32px);
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-xl, 32px);
}
header nav>ul>li {
width: 100%;
box-sizing: border-box;
}
header nav>ul>li>a, header .submenu p {
display: block;
width: 100%;
color: var(--Text-text-inverse, #FFF);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.2px;
}
header nav ul .submenu::after {
filter: brightness(100);
}
header .resources .help li a:hover {
background: transparent;
}
header .resources .help li a:focus,
header .resources .help li a:focus-visible {
outline-width: 0;
}
header .nav-additional {
width: 100%;
box-sizing: border-box;
display: flex;
padding: var(--spacing-xl, 32px);
align-items: flex-start;
background: var(--Surface-surface-brand-bolder, #134B53);
flex-direction: column-reverse;
color: #ffffff;
gap: var(--spacing-xs, 8px)
}
header nav .region {
width: 100%;
}
header nav .region .switcher {
width: 100%;
position: relative;
top: 0;
left: 0;
}
header .region .current .flag {
padding: 4px 0;
color: white;
}
header .region .current:hover,
header .careportal:hover {
background: transparent;
}
header nav .language .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, header nav .language .wpml-ls-legacy-dropdown-click a:focus, header nav .language .wpml-ls-legacy-dropdown-click a:hover {
background: transparent;
color: white;
}
header nav .language {
padding: 0;
}
header nav .language,
header nav .language .wpml-ls-legacy-dropdown-click,
header nav .language .wpml-ls-legacy-dropdown-click a,
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a header nav .language .wpml-ls-sub-menu {
width: 100%;
display: block;
box-sizing: border-box;
}
header nav .language .wpml-ls-sub-menu {
width: 100%;
}
header nav .wpml-ls-legacy-dropdown-click>ul {
display: block;
padding: 0 !important;
}
header nav .wpml-ls-legacy-dropdown-click>ul>li>a {
padding: 0 0 0 28px !important;
}
header nav .language .wpml-ls-legacy-dropdown-click a:not(.wpml-ls-link) {
text-align: left;
background: transparent;
color: #ffffff;
padding-left: 0;
}
header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
filter: brightness(10);
left: 0;
}
header .careportal::before {
left: 0;
filter: brightness(10);
}
header .careportal {
padding-left: 28px;
color: #ffffff;
}
header nav ul .submenu {
padding: 0;
}
header .dropdown .resources {
position: relative;
top: 0;
padding: 0;
background: transparent;
box-shadow: none;
}
header .dropdown.active .resources .post {
display: none;
}
header .resources .help {
min-width: 100%;
padding: 16px 0 16px 16px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-lg, 24px);
align-self: stretch;
}
header .resources .help li a {
gap: 24px;
padding: 0;
}
header .resources .help li a .title {
color: var(--Text-text-inverse, #FFF);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.16px;
margin-bottom: var(--spacing-xs, 8px);
}
header .resources .help li a .text {
overflow: hidden;
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
text-overflow: ellipsis;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.32px;
color: var(--Text-text-inverse-subtle, #FFFFFFCC);
}
header .resources .help li a img {
display: none;
}
header nav ul.main-menu:not(.help)>li:not(.dropdown):hover::after,
header nav ul.main-menu:not(.help)>li:not(.dropdown).active::after {
content: none;
}
header nav ul:not(.wpml-ls-sub-menu) {
padding: 32px;
}
}
@media(max-width: 356px) {
.asthmatuner-opened header nav,
.asthmatuner~header nav.active {
top: 136px;
}
}
/*FOOTER*/
footer {
display: flex;
flex-direction: column;
gap: 104px;
padding: 92px 52px 65px;
background: var(--Surface-surface-brand-bold, #0F5C66);
color: #ffffff;
}
footer .container-footer-main {
width: 100%;
display: flex;
justify-content: space-between;
gap: 16px;
}
footer .container-footer-main .help {
width: 32%;
width: calc(33.3% - 8px);
}
footer .container-footer-main .help .button {
border: 2px solid #0000001F;
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.01em;
text-align: center;
padding: 7px 12px;
border-radius: 4px;
margin-right: 12px;
}
footer .container-footer-main .menu {
width: 62%;
width: calc(66.6% - 8px);
display: flex;
justify-content: flex-start;
gap: 16px;
}
footer .container-footer-main .help .button:focus,
footer .container-footer-main .help .button:focus-visible {
border-color: var(--Border-border-brand, #417880);
box-shadow: 0 0 0 1px white;
outline-width: 0;
}
footer .container-footer-main .menu .title {
width: auto;
display: inline-block;
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: left;
text-decoration: none;
transition: 0.3s ease all;
color: #ffffff;
}
footer .container-footer-main .menu a.title:hover {
text-decoration: underline;
}
footer .container-footer-main .menu>div {
width: 31%;
width: calc(33% - 11px);
display: flex;
flex-direction: column;
gap: var(--spacing-lg, 24px);
}
footer .container-footer-main .menu>div ul {
display: flex;
flex-direction: column;
gap: var(--spacing-lg, 24px);
list-style-type: none;
padding: 0;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.32px;
}
footer .container-footer-main .menu>div .title {
font-family: 'Bergen Text Semibold', sans-serif;
color: #ffffff;
font-weight: 400;
letter-spacing: -0.16px;
}
footer .container-footer-main .menu>div ul li {
margin: 0;
}
footer .container-footer-main .menu>div ul li a,
footer .container-footer-main .menu>div ul li a:visited {
color: #ffffff;
text-decoration: none;
}
footer .container-footer-main .menu>div ul li a:hover {
text-decoration: underline;
}
footer .container-footer-main .menu>div ul li.socials {
display: flex;
gap: 12px;
padding: 8px 0;
box-sizing: border-box;
align-items: center;
}
footer .container-footer-main .menu>div ul li.socials img {
width: 24px;
height: auto;
}
footer .help h2 {
color: #ffffff;
margin-bottom: 20px;
}
footer .container-footer-additional {
display: flex;
justify-content: space-between;
align-items: center;
}
footer .container-footer-additional .apps {
display: flex;
gap: var(--spacing-sm, 12px);
}
footer .container-footer-additional .apps a {
display: block;
width: auto;
height: 46px;
}
footer .container-footer-additional .apps a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
footer .container-footer-additional .logo {
max-width: 211px;
}
footer .container-footer-additional .nav-additional {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: -0.14px;
text-decoration: none;
color: var(--Text-text-brand, #417880);
display: flex;
justify-content: flex-end;
align-items: center;
gap: var(--spacing-sm, 12px);
}
footer .container-footer-additional .nav-additional a {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.14px;
text-decoration: none;
color: var(--Text-text-brand, #417880);
}
footer .language .wpml-ls-sub-menu a {
line-height: 48px;
}
footer .region .current {
background: #ffffff;
color: var(--Text-text-brand, #417880);
border-radius: var(--spacing-xxs, 4px);
border: 1px solid var(--Border-border, rgba(0, 0, 0, 0.12));
background: var(--Surface-surface, #FFF);
padding: 10px var(--spacing-sm, 12px);
box-sizing: border-box;
}
footer .wpml-ls-legacy-dropdown-click .wpml-ls-current-language>a {
background: #ffffff;
color: var(--Text-text-brand, #417880);
border-radius: var(--spacing-xxs, 4px);
border: 1px solid var(--Border-border, rgba(0, 0, 0, 0.12));
background: var(--Surface-surface, #FFF);
}
footer .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a {
background: linear-gradient(to right, var(--Surface-surface-hover, rgba(0, 0, 0, 0.06)), var(--Surface-surface-hover, rgba(0, 0, 0, 0.06))), linear-gradient(to right, var(--Surface-surface, #FFFFFF), var(--Surface-surface, #FFFFFF));
}
footer .wpml-ls-legacy-dropdown-click a span {
line-height: 34px;
}
footer .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
top: 8px;
}
footer .region .current {
padding: 0;
}
footer .region .current .flag {
padding: 8px 12px;
}
footer .region .switcher {
top: auto;
bottom: 110%;
left: 0;
right: auto;
}
footer .language {
padding: 0;
top: 0
}
footer .language .wpml-ls-sub-menu {
top: auto;
left: auto;
bottom: 110%;
}
footer .region .switcher {
max-width: 220px;
}
@media (max-width: 992px) {
footer {
padding: 96px 24px 24px;
gap: 40px;
}
footer .container-footer-main {
flex-direction: column;
}
footer .container-footer-additional {
flex-direction: column;
}
footer .container-footer-main .help {
width: 100%;
}
footer .container-footer-main .menu {
flex-direction: column;
width: 100%;
gap: 32px;
}
footer .container-footer-main .menu>div {
width: 100%;
}
footer .container-footer-additional .nav-additional {
width: 100%;
order: 1;
margin-bottom: 102px;
justify-content: flex-start;
}
footer .container-footer-additional .apps,
footer .container-footer-additional .logo {
order: 2;
}
footer .region .switcher {
top: 110%;
bottom: auto;
}
footer .language .wpml-ls-sub-menu {
top: auto;
bottom: auto;
width: 220px;
max-width: 60vw;
top: 110%;
left: 0;
}
}
/*Popup*/
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
display: none;
z-index: 3;
box-sizing: border-box;
}
.overlay.active {
display: block;
}
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background: #fff;
border-radius: 8px;
text-align: center;
display: none;
flex-direction: column;
gap: 24px;
max-width: 670px;
width: 90%;
padding: 32px;
z-index: 4;
box-sizing: border-box;
}
.popup.active {
display: flex;
}
.popup div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
box-sizing: border-box;
}
.popup div .button {
display: block;
min-width: calc(50% - 8px);
box-sizing: border-box;
}
@media (max-width: 450px) {
.popup {
max-width: min(343px, 90vw);
padding: 24px;
gap: 16px;
}
.popup h2 {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.01em;
text-align: left;
}
.popup p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
margin-bottom: 8px;
}
#popup-region .button {
width: 100%;
}
#popup-region div {
flex-direction: column-reverse;
}
}
/*Hero section*/
.section-hero {
padding: 200px 156px;
position: relative;
}
.section-hero .background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-position: 70% top;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.section-hero .background::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
/*background: linear-gradient(90deg, #FFF 36.2%, rgba(255, 255, 255, 0.82) 40.39%, rgba(255, 255, 255, 0.61) 43.13%, rgba(255, 255, 255, 0.00) 50%);*/
background: linear-gradient(90deg, #FFF 40%, rgba(255, 255, 255, 0.82) 50%, rgba(255, 255, 255, 0.61) 55%, rgba(255, 255, 255, 0.00) 65%);
}
.section-hero .content {
position: relative;
z-index: 1;
max-width: min(486px, 50vw);
}
.section-hero h1, .section-hero p {
margin: 0 0 var(--spacing-lg, 24px);
}
.section-hero .background img {
display: none;
}
.section-hero .button-container,
.section-hero-image .button-container {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
@media (max-width: 1200px) {
.section-hero {
padding: 100px 50px;
}
.section-hero .background {
background-position: center right;
background-attachment: inherit;
}
.section-hero .background::after {
background: linear-gradient(90deg, #FFF 36.2%, rgba(255, 255, 255, 0.82) 55.39%, rgba(255, 255, 255, 0.61) 62.13%, rgba(255, 255, 255, 0.00) 70%);
}
}
@media (max-width: 992px) {
.section-hero {
padding: 50px;
}
}
@media (max-width: 768px) {
.section-hero {
padding: 0;
}
.section-hero .background {
position: inherit;
height: 66vw;
background-position: center right;
background-size: cover;
background-attachment: local;
}
.section-hero .background::after {
content: none;
}
.section-hero .background img {
display: block;
}
.section-hero .content {
margin: 0 auto;
padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
text-align: center;
max-width: 486px;
}
.section-hero h1 {
font-size: 32px;
line-height: 44px;
}
.section-hero .button-container,
.section-hero-image .button-container {
justify-content: center;
}
}
/*SECTION COUNTER*/
.section-counter {
background: var(--Surface-surface-brand-bold, #0F5C66);
padding: var(--spacing-xl, 32px);
}
.section-counter .counter-container {
display: flex;
justify-content: center;
max-width: 1366px;
margin: 0 auto;
color: white;
}
.section-counter .counter-wrapper {
width: 100%;
max-width: 460px;
display: block;
text-align: center;
}
.section-counter .counter-wrapper .counter-number-wrapper {
display: block;
color: var(--Text-text-inverse, #FFF);
text-align: center;
font-family: MADE Mirage;
font-size: 52px;
font-style: normal;
font-weight: 700;
line-height: 146.154%;
}
.section-counter .counter-wrapper .counter-title {
display: block;
color: var(--Text-text-inverse, #FFF);
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.32px;
}
@media (max-width: 700px) {
.section-counter .counter-container {
flex-direction: column;
row-gap: var(--spacing-xxl, 40px);
align-items: center;
}
.section-counter .counter-wrapper .counter-number-wrapper {
font-size: 36px;
line-height: 48px;
}
}
/*SECTION PROVIDERS*/
.section-providers .container {
display: flex;
gap: var(--spacing-xxl, 40px);
align-items: center;
}
.section-providers .content {
width: 52%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-lg, 24px);
}
.section-providers ul {
list-style-type: none;
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 16px var(--spacing-xs, 8px);
align-self: stretch;
flex-wrap: wrap;
padding-left: 0;
}
.section-providers ul li {
display: flex;
padding: 8px 14px 8px 6px;
align-items: center;
border-radius: 20px;
border: 2px solid var(--Border-border, rgba(0, 0, 0, 0.12));
background: var(--Surface-surface, #FFF);
gap: 8px;
}
.section-providers ul li i {
color: var(--Text-text-brand, #417880);
}
.section-providers ul li span {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
letter-spacing: -0.32px;
}
@media (max-width: 768px) {
.section-providers .container {
flex-direction: column;
}
.section-providers .content {
width: 100%;
}
}
/*SECTION CLINICIANS*/
@media (min-width: 769px) {
.section-clinicians .container {
flex-direction: row-reverse;
}
}
@media (min-width: 993px) {
.section-clinicians .container {
align-items: center;
}
}
/*SECTION COLLABORATION*/
.section-collaboration {
text-align: center;
}
.section-collaboration .container {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--spacing-lg, 24px);
}
.section-collaboration img {
width: 100%;
border-radius: var(--Radius-radius-md, 16px);
}
.section-collaboration h2 {
max-width: 760px;
margin-bottom: 16px;
}
.section-collaboration p {
max-width: 760px;
}
/*SECTION FORM*/
.section-form .container {
display: flex;
gap: 40px var(--spacing-xxl, 40px);
align-items: center;
}
.section-form .content,
.section-form .form {
width: 50%;
}
.section-form h2 {
font-size: 36px;
line-height: 48px;
margin-bottom: var(--spacing-lg, 24px);
}
.section-form .success,
.section-support .success,
.section-form-clinic .success {
display: none;
flex-direction: column;
gap: var(--spacing-lg, 24px);
}
@media (max-width: 768px) {
.section-form .container {
flex-direction: column;
}
.section-form .content,
.section-form .form {
width: 100%;
}
}
/*SECTION FORM TESTING*/
.section-form-testing .container {
background: var(--Surface-surface-brand-secondary, #BE5518);
padding: var(--spacing-xxxl, 48px);
border-radius: 20px;
overflow: hidden;
display: flex;
gap: 48px var(--spacing-xxxl, 48px);
}
.section-form-testing .container .content {
width: calc(60% - 24px);
display: flex;
flex-direction: column;
justify-content: center;
}
.section-form-testing .container h2 {
margin-bottom: 16px;
color: #ffffff;
}
.section-form-testing .container p {
color: var(--Text-text-inverse-subtle, #FFFFFFCC);
}
.section-form-testing .container .form {
width: calc(40% - 24px);
}
.section-form-testing .container .form select {
width: 100%;
border-radius: var(--Radius-radius-sm, 6px);
border: 2px solid var(--Border-border, rgba(0, 0, 0, 0.12));
color: var(--Text-text-subtle, rgba(0, 0, 0, 0.66));
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('../img/icon-arrow-dropdown.svg') no-repeat calc(100% - 10px) center, linear-gradient(to right, var(--Surface-surface, #FFF), var(--Surface-surface, #FFF));
padding: var(--spacing-xs, 8px) 6px;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 40px;
height: 56px;
letter-spacing: -0.32px;
box-sizing: border-box;
margin-bottom: 16px;
}
.section-form-testing .container .form select:focus,
.section-form-testing .container .form select:focus-visible {
border-color: #417880;
outline-width: 0;
}
.section-form-testing .container .form select option:checked {
background-color: white;
color: black;
}
.section-form-testing .container .form select option::selection,
.section-form-testing .container .form select option.hovered {
background-color: #417880 !important;
color: white !important;
}
.section-form-testing .container .form select option:first-child {
display: none !important;
}
.section-form-testing .button-submit {
margin-top: 16px;
}
.section-form-testing .container .form input[type="submit"] {
min-width: 141px;
cursor: pointer;
}
.section-form-testing .container .success {
display: none;
margin: 0 auto;
flex-direction: column;
justify-content: center;
text-align: center;
}
@media (max-width: 768px) {
.section-form-testing .container {
flex-direction: column;
padding: 40px 32px;
margin: 0 24px;
}
.section-form-testing .container .content,
.section-form-testing .container .form {
width: 100%;
}
}
/*SECTION CONTENT*/
.section-content .container {
display: flex;
align-items: center;
gap: 40px;
}
.section-content .content {
width: 52%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-lg, 24px);
}
.section-content:not(.section-links) .content a:not(.button) {
color: var(--Text-text-brand, #417880);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.36px;
text-decoration-line: underline;
}
.section-content .content h3,
.section-content .content h4,
.section-content .content h5 {
color: var(--Text-text-brand, #417880);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
letter-spacing: -0.2px;
}
@media (max-width: 768px) {
.section-content .container {
flex-direction: column;
}
.section-content .content {
width: 100%;
}
}
/*SECTION HERO IMAGE*/
.section-hero-image {
padding: 30px 0;
}
.section-hero-image .container {
gap: 56px;
}
.section-hero-image .content {
width: 38%;
width: calc(40% - 28px);
}
.section-hero-image .background {
width: 58%;
width: calc(60% - 28px);
border-radius: 16px;
overflow: hidden;
}
.section-hero-image .background img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 16px;
}
@media (max-width: 768px) {
.section-hero-image .container {
flex-direction: column-reverse;
gap: 24px;
}
.section-hero-image .container>div {
width: 100%;
}
}
/*SECTION CONTENT REVERT*/
@media (min-width: 769px) {
.section-content-revert .container {
flex-direction: row-reverse;
}
}
/*SECTION TEXT*/
.section-text .container {
max-width: 695px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px;
}
.section-text .container h2 {
color: var(--Text-text-brand, #417880);
font-family: "MADE Mirage";
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 48px;
margin-bottom: 16px;
}
/*SECTION LINKS*/
.section-links ul {
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 16px var(--spacing-xs, 8px);
align-self: stretch;
flex-wrap: wrap;
list-style-type: none;
padding-left: 0;
}
.section-links ul li a {
display: inline-block;
border: 2px solid rgba(0, 0, 0, 0);
border-radius: 20px;
background: var(--Surface-surface-brand-subtle, #EBF1F1);
padding: 6px 34px 6px 14px;
color: var(--Text-text-brand-bold, #0F5C66);
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.32px;
text-decoration: none;
position: relative;
}
.section-links ul li a:hover {
background: linear-gradient(to right, var(--Surface-surface-hover, #0000000F), var(--Surface-surface-hover, #0000000F)), var(--Surface-surface-brand-subtle, #EBF1F1);
}
.section-links ul li a:focus, .section-links ul li a:focus-visible {
border-color: var(--Border-border-brand, #417880);
}
.section-links ul li a::after {
content: url('../img/icon-arrow-links.svg');
position: absolute;
top: 9px;
right: 8px;
line-height: 0;
}
/*SECTION REVIEWS*/
.section-reviews .container {
padding: 0 48px;
max-width: 100%;
}
.section-reviews .owl-reviews .owl-stage {
display: flex;
}
.section-reviews .owl-reviews .owl-item {
display: flex;
flex: 1 0 auto;
}
.section-reviews .owl-reviews .item {
position: relative;
padding: 12px 30px 12px 12px;
}
.section-reviews .owl-reviews-image .item {
padding: 52px 30px 12px 12px;
}
.section-reviews .owl-reviews .item .review {
height: 100%;
box-sizing: border-box;
padding: var(--spacing-lg, 24px);
border-radius: 16px;
background: #FFFFFF;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.32px;
}
.section-reviews .owl-reviews .img {
position: absolute;
top: 12px;
right: 12px;
width: 96px;
height: 96px;
border: 2px solid #ffffff;
border-radius: 100%;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
overflow: hidden;
}
.section-reviews .owl-reviews .img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.section-reviews .owl-reviews .owl-nav {
position: absolute;
top: 50%;
margin-top: -25px;
left: -25px;
width: 68px;
display: flex;
justify-content: space-between;
}
.section-reviews .owl-reviews .owl-nav button {
width: 50px;
height: 50px;
border: 2px solid var(--Border-border-brand, #417880);
outline-width: 0;
border-radius: 50%;
background: url('../img/icon-arrow-review.svg') center center no-repeat, linear-gradient(to right, var(--Border-border-brand, #417880), var(--Border-border-brand, #417880));
}
.section-reviews .owl-reviews .owl-nav button.owl-prev {
transform: rotate(180deg);
}
.section-reviews .owl-reviews .owl-nav button.owl-next {
position: absolute;
left: calc(100vw - 134px);
}
.section-reviews .owl-reviews .owl-nav button:focus,
.section-reviews .owl-reviews .owl-nav button:focus-visible {
border-color: white;
box-shadow: 0 0 0 2px var(--Border-border-brand, #417880);
outline-width: 0;
}
.section-reviews .owl-reviews .owl-nav button span {
display: none;
}
.section-reviews h2 {
margin-bottom: 40px;
}
.section-reviews .owl-reviews .name {
font-family: 'Bergen Text Semibold', sans-serif;
color: var(--Text-text-brand, #417880);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-size: 20px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.2px;
margin-bottom: 4px;
}
.section-reviews .owl-reviews .about {
color: var(--Text-text-subtle, rgba(0, 0, 0, 0.66));
font-family: 'Bergen Text', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.32px;
margin-bottom: 16px;
-webkit-text-size-adjust: 100%;
}
.section-reviews .owl-reviews .text {
font-family: 'Bergen Text', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.32px;
color: var(--Text-text, rgba(0, 0, 0, 0.82));
-webkit-text-size-adjust: 100%;
}
@media (max-width: 1200px) {
.section-reviews .owl-reviews .owl-nav button.owl-next {
left: calc(100vw - 120px);
}
}
@media (max-width: 768px) {
.section-reviews h2 {
padding-right: 12px;
}
.section-reviews .owl-reviews .owl-nav {
left: -18px;
}
.section-reviews .container {
padding: 0 12px 0 var(--spacing-lg, 24px);
}
.section-reviews .owl-reviews .owl-nav button.owl-next {
left: calc(100vw - 70px);
}
}
/*SECTION HOW*/
.section-how .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 48px;
text-align: center;
}
.section-how .instructions-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 40px;
align-self: stretch;
flex-wrap: wrap;
}
.section-how .instructions-wrapper .instruction {
min-width: 370px;
width: calc(33.333333% - 26.666667px);
}
.section-how .instructions-wrapper .instruction .img {
width: 100%;
height: 320px;
margin-bottom: 24px;
border-radius: 16px;
overflow: hidden;
}
.section-how .instructions-wrapper .instruction .img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.section-how .button {
min-width: 200px;
}
@media (max-width: 768px) {
.section-how .instructions-wrapper .instruction {
min-width: 320px;
width: 100%;
max-width: 375px;
}
}
.section-trees {
background: var(--Surface-surface-brand-subtle, #EBF1F1);
}
/*SECTION MAP*/
.section-map {
padding-bottom: 0;
}
.section-map h2 {
text-align: center;
margin-bottom: 40px;
}
.section-map .map {
width: 100%;
height: 480px;
}
.section-map .map iframe {
width: 100%;
height: 100%;
}
/*SECTION SOLUTIONS*/
.section-solutions h2 {
text-align: center;
margin-bottom: var(--spacing-lg, 24px);
}
.section-solutions p.subtitle {
text-align: center;
margin-bottom: 40px;
}
.section-solutions .table table {
min-width: 100%;
max-width: 940px;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
border-radius: 16px;
overflow: hidden;
text-align: left;
background: var(--Surface-surface, #FFF);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.14px;
border-width: 0;
}
.section-solutions .table table thead {
color: var(--Text-text-subtle, rgba(0, 0, 0, 0.66));
}
.section-solutions .table table tbody {
color: var(--Text-text-brand, #417880);
}
.section-solutions .table table tbody tr {
border-top: 2px solid black;
}
/*
.section-solutions .table table tbody tr::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
top: -0.5px;
left: 0;
background: var(--Border-border, rgba(0, 0, 0, 0.12));
}*/
.section-solutions .table table th {
padding: var(--spacing-md, 16px);
min-width: 150px;
max-width: 150px;
box-sizing: border-box;
}
.section-solutions .table table td {
border-width: 0;
padding: 14px var(--spacing-md, 16px);
}
.section-solutions .table table td svg {
width: 23px;
height: 23px;
}
@media (max-width: 992px) {
.section-solutions .table {
border-radius: 16px;
overflow: auto;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
}
.section-solutions .table-wrapper {
position: relative;
}
.section-solutions .table-wrapper::after {
content: "";
position: absolute;
width: 79px;
height: 100%;
top: 0;
right: 0;
background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 122.78%);
}
.section-solutions .table table th {
min-width: 120px;
max-width: 120px;
box-sizing: border-box;
}
.section-solutions .table table th:first-child {
min-width: none;
max-width: none;
}
.section-solutions .table table {
box-shadow: none;
}
}
/*SECTION CONTACT US*/
.section-contacts .container h1 {
color: var(--Text-text-brand, #417880);
text-align: center;
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: "MADE Mirage";
font-size: 52px;
font-style: normal;
font-weight: 700;
line-height: 76px;
margin-bottom: 25px;
}
.section-contacts .container>.subtitle {
max-width: 694px;
margin: 0 auto 98px;
text-align: center;
}
.section-contacts .contact-wrapper {
display: flex;
gap: var(--spacing-lg, 24px);
box-sizing: border-box;
}
.section-contacts .contact-wrapper>div {
width: 30%;
width: calc(33.333333% - 16px);
border-radius: 16px;
padding: 40px;
box-sizing: border-box;
}
.section-contacts .contact-wrapper .contacts {
background: var(--Surface-surface-brand-bold, #0F5C66);
color: #ffffff;
}
.section-contacts .contact-wrapper .contacts h2 {
color: white;
}
.section-contacts .contact-wrapper .contacts .contact {
display: flex;
gap: var(--spacing-lg, 24px);
align-items: flex-start;
color: var(--Text-text-inverse, #FFF);
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-family: 'Bergen Text', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.36px;
text-decoration: none;
}
.section-contacts .contact-wrapper .contacts .contact img {
width: 24px;
position: relative;
top: 2px;
}
.section-contacts .contact-wrapper .contacts p:last-child {
margin-bottom: 0;
}
.section-contacts .contact-wrapper .info {
position: relative;
background: var(--Surface-surface-brand-subtle, #EBF1F1);
padding: 40px 40px 96px;
}
.section-contacts .contact-wrapper>div h2,
.section-contacts .contact-wrapper>div p {
margin-bottom: 24px;
}
.section-contacts .contact-wrapper .info .button {
position: absolute;
left: 40px;
bottom: 40px;
}
@media (max-width: 768px) {
.section-contacts .contact-wrapper>div {
width: 100%;
}
.section-contacts .contact-wrapper {
flex-direction: column;
}
}
/*SECTION ABOUT PRODUCTS, AWARDS*/
.section-about .container {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
gap: 40px;
}
.section-about .container>p {
max-width: 760px;
margin: 0 auto;
}
.section-about .info {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
}
.section-about .info .item {
flex: 1;
min-width: calc(20% - 32px);
max-width: 25%;
}
.section-about .info .img {
width: 80px;
height: 80px;
margin: 0 auto 24px;
}
.section-awards .info .img {
width: 120px;
height: 120px;
overflow: hidden;
border-radius: 60px;
}
.section-about .info .img img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.section-awards .info .img img {
object-fit: cover;
}
.section-about .info h3 {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.01em;
text-align: center;
color: #417880;
}
.section-about .info p {
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: center;
margin-top: 8px;
}
@media (max-width: 992px) {
.section-about .info .item {
min-width: 280px;
}
}
/*SECTION TEAM*/
.section-team .container {
text-align: center;
}
.section-team .container>h2 {
margin-bottom: 40px;
text-align: center;
}
.section-team .team {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
}
.section-team .team .item {
width: 23%;
width: calc(25% - 30px);
}
.section-team .team .item .img {
width: 200px;
height: 200px;
margin: 0 auto 24px;
border-radius: 50%;
overflow: hidden;
}
.section-team .team .item .img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.section-team .team h3 {
font-family: MADE Mirage;
font-size: 24px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0em;
text-align: center;
color: #417880;
;
}
@media (max-width: 992px) {
.section-team .team .item {
min-width: 200px;
}
}
@media (max-width: 576px) {
.section-team .team {
gap: 24px;
}
.section-team .team .item {
min-width: auto;
width: calc(50% - 12px);
}
.section-team .team .item .img {
width: calc(50vw - 36px);
height: calc(50vw - 36px);
max-width: 200px;
max-height: 200px;
margin-bottom: 16px;
}
.section-team .team .item h3 {
font-size: 20px;
font-weight: 600;
line-height: 28px;
letter-spacing: -0.01em;
}
.section-team .team .item p {
font-size: 16px;
line-height: 24px;
letter-spacing: -0.02em;
}
}
/*Section Video*/
.section-video {
width: 100%;
height: auto;
}
.section-video .container {
position: relative;
max-width: 1100px;
}
.section-video .container iframe {
width: 100%;
height: calc(1100px / 16 * 9);
}
.play-button {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url('../img/play.svg') center center / 120px no-repeat;
cursor: pointer;
}
@media(max-width: 1200px) {
.section-video .container iframe {
width: 100%;
height: calc((100vw - 48px) / 16 * 9);
}
}
/*Section FAQ*/
.section-faq h2 {
text-align: center;
}
.section-faq .faq-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0 48px;
margin-top: 40px;
}
.section-faq .faq-wrapper .column {
width: calc(50% - 24px);
}
.section-faq .faq-wrapper .faq {
border-bottom: 1px solid #0000001F;
overflow: hidden;
}
.section-faq .faq-wrapper .faq:focus,
.section-faq .faq-wrapper .faq:focus-visible {
outline-color: var(--Text-text-brand, #417880);
}
.section-faq .faq h3 {
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Bergen Text', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 38px;
letter-spacing: -0.02em;
color: var(--Text-text, #000000D1);
text-align: left;
padding: 12px 0;
cursor: pointer;
}
/*.section-faq .faq.active h3 {
font-family: 'Bergen Text Semibold', sans-serif;
}*/
.section-faq .faq h3 svg {
transition: 0.3s ease all;
}
.section-faq .faq .content {
overflow: hidden;
box-sizing: border-box;
transition: 0.3s ease-in-out all;
max-height: 0;
}
.section-faq .faq.active .content {
max-height: 1000px
}
.section-faq .faq .content>*:first-child {
margin-top: 16px;
}
.section-faq .faq .content>*:last-child {
margin-bottom: 16px;
}
.section-faq .faq.active h3 svg {
transform: rotate(180deg);
margin-right: 1px;
}
.section-faq .faq .content strong {
font-family: 'Bergen Text Semibold', sans-serif;
font-weight: 400 !important;
}
@media(max-width: 992px) {
.section-faq .faq-wrapper {
flex-direction: column;
}
.section-faq .faq-wrapper .column {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
.section-faq .faq h3 span {
display: inline-block;
width: calc(100% - 36px);
}
.section-faq .faq h3 svg {
width: 32px;
}
}
/*Section support*/
.section-support {
padding-top: 0;
padding-bottom: 66px;
}
.section-support .content {
max-width: 700px;
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 16px;
}
.section-support h1 {
font-family: MADE Mirage;
font-size: 52px;
font-weight: 700;
line-height: 76px;
letter-spacing: 0em;
text-align: left;
color: #417880;
}
.section-support .form .attachments-title {
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
margin-top: 24px;
}
.section-support .codedropz-upload-inner,
.section-support .codedropz-upload-inner h3 {
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
}
.section-support .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
color: #417880;
text-decoration: underline;
}
.section-support .codedropz-upload-inner * {
display: inline-block;
}
.section-support .codedropz-upload-wrapper {
display: flex;
flex-direction: column;
gap: 12px;
}
.section-support .codedropz-upload-handler {
margin-bottom: 0;
}
.section-support .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
background: rgba(65, 120, 128, 0.2);
}
.section-support .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #417880;
}
.section-support .dnd-upload-status .dnd-upload-details .remove-file span:after {
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7071 6.70711C15.0976 6.31658 15.0976 5.68342 14.7071 5.29289C14.3166 4.90237 13.6834 4.90237 13.2929 5.29289L10 8.58579L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L8.58579 10L5.29289 13.2929C4.90237 13.6834 4.90237 14.3166 5.29289 14.7071C5.68342 15.0976 6.31658 15.0976 6.70711 14.7071L10 11.4142L13.2929 14.7071C13.6834 15.0976 14.3166 15.0976 14.7071 14.7071C15.0976 14.3166 15.0976 13.6834 14.7071 13.2929L11.4142 10L14.7071 6.70711Z' fill='%23A9494A'/%3E%3C/svg%3E%0A");
width: 20px;
height: 20px;
}
.section-support .dnd-upload-status.in-progress .dnd-upload-details .remove-file span:after,
.section-support .dnd-upload-status.complete .dnd-upload-details .remove-file span:after {
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7071 6.70711C15.0976 6.31658 15.0976 5.68342 14.7071 5.29289C14.3166 4.90237 13.6834 4.90237 13.2929 5.29289L10 8.58579L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L8.58579 10L5.29289 13.2929C4.90237 13.6834 4.90237 14.3166 5.29289 14.7071C5.68342 15.0976 6.31658 15.0976 6.70711 14.7071L10 11.4142L13.2929 14.7071C13.6834 15.0976 14.3166 15.0976 14.7071 14.7071C15.0976 14.3166 15.0976 13.6834 14.7071 13.2929L11.4142 10L14.7071 6.70711Z' fill='%23417880'/%3E%3C/svg%3E%0A");
width: 20px;
height: 20px;
}
.section-support .dnd-upload-status .dnd-upload-image {
display: none;
}
.section-support .dnd-upload-status .dnd-upload-details {
width: 100%;
padding-left: 0;
}
.dnd-upload-status .dnd-upload-details .name {
font-family: 'Bergen Text', sans-serif;
letter-spacing: -0.01em;
flex-direction: column;
gap: 4px;
margin-bottom: 12px;
}
.section-support .dnd-upload-status .dnd-upload-details .name span {
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 4px;
color: black;
}
.section-support .dnd-upload-status .dnd-upload-details .name em {
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgba(0, 0, 0, 0.66);
font-style: normal;
}
.section-support .dnd-upload-status {
padding: 12px 16px;
background: #F6E5E4;
border: 2px solid #A9494A;
border-radius: 6px;
}
.section-support .dnd-upload-status .dnd-upload-details .remove-file {
top: 16px;
right: 16px;
}
.section-support input, .section-support .label-textarea, .section-support textarea {
margin: 0;
}
.section-support .button-submit {
margin: 24px 0 0;
}
.wpcf7-response-output {
display: none !important;
}
.section-support .dnd-upload-status.in-progress,
.section-support .dnd-upload-status.complete {
background: transparent;
border-color: #0000001F;
}
.section-support .dnd-upload-status .dnd-upload-details span.has-error {
display: block;
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18C7.87827 18 5.84344 17.1571 4.34315 15.6569C2.84285 14.1566 2 12.1217 2 10C2 7.87827 2.84285 5.84344 4.34315 4.34315C5.84344 2.84285 7.87827 2 10 2ZM10 5.42857C9.8549 5.42845 9.71138 5.45859 9.57858 5.51706C9.44579 5.57554 9.32666 5.66107 9.22879 5.76819C9.13092 5.87531 9.05646 6.00167 9.01018 6.13918C8.9639 6.2767 8.94681 6.42236 8.96 6.56686L9.37714 11.1451C9.39332 11.2991 9.46591 11.4416 9.58093 11.5451C9.69594 11.6487 9.84523 11.706 10 11.706C10.1548 11.706 10.3041 11.6487 10.4191 11.5451C10.5341 11.4416 10.6067 11.2991 10.6229 11.1451L11.0389 6.56686C11.052 6.42246 11.035 6.27689 10.9888 6.13945C10.9426 6.00201 10.8682 5.87572 10.7705 5.76861C10.6727 5.66151 10.5537 5.57596 10.4211 5.51741C10.2884 5.45886 10.145 5.42861 10 5.42857ZM10 14.5714C10.2425 14.5714 10.475 14.4751 10.6465 14.3036C10.818 14.1322 10.9143 13.8996 10.9143 13.6571C10.9143 13.4147 10.818 13.1821 10.6465 13.0106C10.475 12.8392 10.2425 12.7429 10 12.7429C9.75752 12.7429 9.52496 12.8392 9.3535 13.0106C9.18204 13.1821 9.08571 13.4147 9.08571 13.6571C9.08571 13.8996 9.18204 14.1322 9.3535 14.3036C9.52496 14.4751 9.75752 14.5714 10 14.5714Z' fill='%23A9494A'/%3E%3C/svg%3E%0A") left center no-repeat;
padding-left: 28px;
margin-top: 8px;
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.01em;
text-align: left;
color: #80252B;
}
.section-support h2 {
font-family: MADE Mirage;
font-size: 52px;
font-weight: 700;
line-height: 76px;
letter-spacing: 0em;
text-align: left;
margin-top: 16px;
max-width: 600px;
}
/*Section linkbox*/
.section-linkbox {
background: #0F5C66;
padding: 72px 0 146px;
}
.section-linkbox h2 {
margin-bottom: 72px;
text-align: center;
}
.section-linkbox:not(.section-linkbox-white) h2 {
color: #ffffff;
}
.section-linkbox-white {
background: #ffffff;
padding: 91px 0 212px;
}
.section-linkbox .linkbox-wrapper {
flex-wrap: wrap;
display: flex;
gap: 32px;
}
.section-linkbox .item {
display: block;
box-sizing: border-box;
width: calc(33.333333% - 21.333333px);
padding: 24px 32px 92px;
text-align: center;
position: relative;
background: #ffffff;
border-radius: 6px;
box-shadow: 0px 4px 24px 0px #0000001F;
text-decoration: none;
}
.section-linkbox .item.fullwidth {
width: 100%;
}
.section-linkbox .item .arrow {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
width: 56px;
height: 56px;
border-radius: 28px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #0000001F;
position: absolute;
bottom: 24px;
right: 32px;
cursor: pointer;
transition: 0.3s ease all;
}
.section-linkbox .item:hover .arrow {
bottom: 36px;
}
.section-linkbox .item h3 {
font-family: MADE Mirage;
font-size: 24px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
color: #417880;
}
.section-linkbox .item:hover h3 {
text-decoration: underline;
}
.section-linkbox .item p {
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
margin-bottom: 12px;
color: #000000A8;
}
@media(max-width: 992px) {
.section-linkbox {
padding: 50px 0;
}
.section-linkbox .linkbox-wrapper {
justify-content: center;
}
.section-linkbox .item {
width: 100%;
max-width: 350px;
}
}
/*Section clinic*/
.section-clinics h2,
.section-clinics .subtitle {
text-align: center;
}
.section-clinics .container {
display: flex;
flex-direction: column;
gap: 43px;
}
.section-clinics .clinic-container {
display: flex;
gap: 24px 32px;
flex-wrap: wrap;
box-sizing: border-box;
}
.section-clinics .clinic-container .button_container {
width: 100%;
display: flex;
justify-content: center;
}
.section-clinics .clinic-container .button_container .button_view {
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
color: var(--Text-text-subtle, #000000A8);
text-align: center;
padding: 8px 36px 8px 16px;
border: 2px solid var(--Border-border, #0000001F);
text-decoration: none;
border-radius: 20px;
box-sizing: border-box;
position: relative;
}
.section-clinics .clinic-container .button_container .button_view::after {
content: url('../img/menu-arrow.svg');
line-height: 20px;
position: absolute;
top: 9px;
right: 8px;
z-index: 1;
}
.section-clinics .clinic-container .clinic-card {
width: calc(100% / 3 - 22px);
box-sizing: border-box;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
box-shadow: 0px 4px 24px 0px #0000001F;
text-decoration: none;
}
.section-clinics .clinic-container .clinic-card.hidden {
display: none;
}
.section-clinics .clinic-container .clinic-card .card-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 24px;
}
.section-clinics .clinic-card .title-row {
display: flex;
gap: 16px;
}
.section-clinics .clinic-card .title-row h3 {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.01em;
text-align: left;
color: var(--Text-text-brand, #417880);
}
.section-clinics .clinic-card .title-row p {
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.01em;
text-align: left;
color: var(--Text-text-subtle, #000000A8);
}
.section-clinics .clinic-card .title-row .bg {
width: 48px;
height: 48px;
}
.section-clinics .clinic-card .title-row .bg img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.section-clinics .clinic-card .description {
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
color: var(--Text-text, #000000D1);
}
.section-clinics .clinic-card .link-container {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 14px;
}
.section-clinics .clinic-card .link-container svg {
min-width: 36px;
max-width: 36px;
}
.section-clinics .clinic-card .link-container .diagnosis-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.section-clinics .clinic-card .link-container .diagnosis {
display: inline-block;
margin: 2px 0;
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.01em;
text-align: center;
padding: 4px 12px;
border: 2px solid var(--Border-border, #0000001F);
border-radius: 42px;
color: var(--Text-text-subtle, #000000A8);
}
.section-clinics .clinic-card .link-container .tag {
display: inline-block;
margin: 2px 0;
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: -0.01em;
text-align: center;
padding: 4px 12px;
border-radius: 42px;
color: var(--Text-text-warning, #503C00);
background: var(--Surface-surface-warning, #FEF4E2);
}
.section-clinics .filter-container {
display: flex;
justify-content: center;
gap: 24px;
}
.section-clinics .filter-container .filter {
width: 100%;
max-width: 327px;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.section-clinics .filter-container .filter label {
display: block;
position: relative;
box-sizing: border-box;
}
.section-clinics .filter-container .filter .label {
display: block;
position: absolute;
left: 12px;
top: 16px;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
color: var(--Text-text-subtle, #000000A8);
box-sizing: border-box;
z-index: 1;
cursor: pointer;
}
.section-clinics .filter-container .filter .label.active {
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
text-align: left;
top: 8px;
color: var(--Text-text-brand, #417880);
}
.section-clinics .filter-container .filter input {
background: white;
height: 56px;
border: 2px solid var(--Border-border, #0000001F);
padding: 16px 12px;
position: relative;
border-radius: 6px;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
color: var(--Text-text-subtle, #000000A8);
box-sizing: border-box;
}
.section-clinics .filter-container .filter.active input {
border-color: var(--Border-border-brand, #417880);
}
.section-clinics .filter-container .filter .label.active~input {
padding: 26px 12px 6px;
}
.section-clinics .filter-container .filter label::after {
content: url("../img/clinic-arrow.svg");
position: absolute;
right: 12px;
top: 50%;
transform: translate(0, -50%);
line-height: 12px;
}
.section-clinics .filter-container .filter .select {
display: none;
box-shadow: 0px 4px 24px 0px #0000001F;
border-radius: 4px;
list-style-type: none;
position: absolute;
top: calc(100% + 3px);
width: 100%;
left: 0;
padding-left: 0;
background: white;
max-height: 300px;
overflow: auto;
}
.section-clinics .filter-container .filter .select.active {
display: block;
z-index: 2;
}
.section-clinics .filter-container .filter .select.active+label input {
border-color: var(--Border-border-brand, #417880);
}
.section-clinics .filter-container .filter .select li {
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.02em;
text-align: left;
padding: 12px 16px;
cursor: pointer;
}
.section-clinics .filter-container .filter .select li:hover,
.section-clinics .filter-container .filter .select li.focused {
background: var(--Surface-surface-hover, #0000000F);
}
.section-clinics .clinic-container-empty {
display: none;
flex-direction: column;
align-items: center;
gap: 16px;
}
.section-clinics .clinic-container-empty.active {
display: flex;
}
.section-clinics .clinic-container-empty img {
display: block;
width: 80px;
}
.section-clinics .clinic-container-empty h2 {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.01em;
text-align: center;
color: var(--Text-text-brand, #417880);
margin-bottom: 8px;
}
.section-clinics .clinic-container-empty p {
font-family: 'Bergen Text', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.02em;
text-align: center;
color: var(--Text-text-subtle, #000000A8);
}
@media (max-width: 992px) {
.section-clinics .clinic-container .clinic-card {
width: calc(100% / 2 - 18px);
}
}
@media (max-width: 576px) {
.section-clinics .clinic-container .clinic-card {
width: 100%;
}
.section-clinics .filter-container {
flex-direction: column;
gap: 16px;
}
.section-clinics .filter-container .filter {
max-width: 100%;
}
}
/*Section clinic form*/
.section-form-clinic .container {
background: var(--Surface-surface-brand-bold, #0F5C66);
color: white;
padding: 40px 32px;
gap: 10px;
border-radius: 20px;
}
.section-form-clinic h2 {
margin-bottom: 16px;
color: white;
}
.section-form-clinic .container .content>p {
margin-bottom: 48px;
color: white;
}
.section-form-clinic .container .form .input-w-100 {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
}
.section-form-clinic .container .form .input-w-100 .input-w-50 {
flex-grow: 2;
margin-right: 16px;
}
.section-form-clinic .container .form .input-w-100>p {
flex-grow: 1;
}
.section-form-clinic .success {
text-align: center;
}
.section-form-clinic .success h2 {
margin-bottom: 0;
}
@media(max-width: 1200px) {
.section-form-clinic .container {
margin: 0 24px;
}
}
@media(max-width: 992px) {
.section-form-clinic .container .form .input-w-100 {
flex-direction: column;
}
.section-form-clinic .container .form .input-w-100 .input-w-50 {
margin-right: 0;
margin-bottom: 16px;
}
.section-form-clinic .container .form .input-w-100 .input-w-50>p {
display: flex;
flex-direction: row;
gap: 16px;
}
}
@media(max-width: 576px) {
.section-form-clinic .container .form .input-w-100 .input-w-50>p {
flex-direction: column;
gap: 16px;
}
}
/*Breadcrumbs*/
.c-breadcrumbs {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap
}
.c-breadcrumbs__back {
padding: 4px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .12);
background: #FFF;
margin-right: 12px;
line-height: 0 !important
}
.c-breadcrumbs a {
color: #417880;
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.c-breadcrumbs span {
color: #000000a8;
font-family: 'Bergen Text', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
/*Search*/
.p-search__title h1 {
font-size: 52px;
font-weight: 700;
line-height: 76px;
letter-spacing: 0em;
}
.p-search .l-sidebar__title {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.01em;
}
.p-search .l-sidebar .c-tags__item {
font-size: 16px;
line-height: 24px;
letter-spacing: -0.02em;
padding: 6.5px 16px;
}
.js-accordion__heading>svg {
transform: rotate(0deg);
transition: 0.3s ease all;
}
/*FAQ*/
.c-post-question__btn .button-question {
background: var(--Text-text-inverse, #FFF);
color: var(--Surface-surface-brand, #417880);
border: 1px solid var(--Border-border, rgba(0, 0, 0, 0.12));
min-width: 107px;
line-height: 20px;
padding: 8px 16px;
}
.c-post-question__btn .button-question.active {
background: var(--Surface-surface-brand, #417880);
color: var(--Text-text-inverse, #FFF);
}
.article-form {
display: none;
text-align: left;
margin-bottom: 24px;
}
.article-form form textarea {
width: 100%;
height: 168px;
line-height: 36px;
padding: 8px 12px;
border-radius: 6px;
border: 2px solid #0000001F;
margin-bottom: 16px;
}
.article-form form [type="submit"] {
line-height: 20px;
padding: 8px 12px;
border-radius: 4px;
}
.article-form form>p {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: left;
color: var(--Surface-surface-brand, #417880);
}
.article-form form br {
display: none;
}
.article-form-success {
display: none;
padding: 20px;
}
.p-post .l-post-content__content .article-form-success img {
margin: 0 auto 16px;
box-shadow: none;
}
.p-post .l-post-content__content>span[data-ccp-props] {
display: block;
}
.article-form-success p {
font-family: 'Bergen Text Semibold', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: center;
color: #417880;
}
.js-accordion__heading.is-active>svg {
transform: rotate(-180deg)
}
.manual {
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
padding: 6px 8px;
}
.l-hero__image .bg {
width: 100%;
height: calc(100% * 2 / 3);
overflow: hidden;
border-radius: 48px;
box-shadow: 0 4px 24px #0000001f;
}
.l-hero__image .bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/*Social share*/
.addtoany_list a:not(.addtoany_special_service)>span svg {
display: none;
}
.addtoany_list a:not(.addtoany_special_service)>span.a2a_s_linkedin {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.addtoany_list a:not(.addtoany_special_service)>span.a2a_s_facebook {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.addtoany_list a:not(.addtoany_special_service)>span.a2a_s_email {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.addtoany_list a:not(.addtoany_special_service)>span.a2a_s_link {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.grecaptcha-badge {
display: none !important;
}
.animateCircle {
animation: rotateClockwise 2s linear infinite;
}
@keyframes rotateClockwise {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/*404*/
.section-404 {
padding: 42px 24px;
}
.section-404 .container {
max-width: 670px;
padding: 32px;
border-radius: 6px;
border: 1px solid var(--Border-border, rgba(0, 0, 0, 0.12));
background: var(--Surface-surface, #FFF);
display: flex;
flex-direction: column;
margin: 0 auto;
}
.section-404 .container img {
width: 64px;
margin-bottom: 24px;
}
.section-404 .container h1 {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
margin-bottom: 16px;
}
.section-404 .container p {
color: var(--Text-text-subtle, rgba(0, 0, 0, 0.66));
font-feature-settings: 'salt'on, 'liga'off, 'clig'off;
font-family: 'Bergen Text', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.32px;
margin: 0;
}
@media(min-width: 992px) {
.section-404 {
padding: 100px 0;
}
}
.max-width-1200 {
max-width: 1200px;
margin: auto;
padding: 0px 24px;
}
.max-width-1200 h3 {
font-family: "MADE Mirage";
color: var(--Text-text-brand, #417880);
font-weight: 700;
line-height: 137.5%;
font-feature-settings: 'salt'on, 'clig'off, 'liga'off;
font-style: normal;
}
.wp-block-quote p {
background-color: #E4F2F2;
font-size: 22px;
font-style: normal;
line-height: 160%;
color: var(--Text-text-brand, #417880);
display: inline;
}
ul.wp-block-list {
list-style-position: outside;
padding-left: 40px;
}
ul.wp-block-list li {
margin-bottom: 16px;
}
li::marker {
color: var(--Text-text-brand, #417880);
}
.tip-box {
background-color: #ACDEE5;
padding: 16px;
border-radius: 12px;
color: #0F5C66;
}
p a {
text-decoration: underline;
}
p a:hover {
text-decoration: none;
}
a.l-sidebar__list-item:hover {
text-decoration: underline;
}
.section-hero p, .section-hero-image {
font-size: 20px;
line-height: 160%;
}
.wp-block-embed iframe {
aspect-ratio: 8 / 5;
height: auto;
}