* {
padding: 0;
margin: 0;
outline: 0;
box-sizing: border-box;
}
.hs-tools-menu {
display:none !important;
}
:after,
:before {
box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
template {
display: none;
}
html {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-size-adjust: none;
}
audio,
iframe,
img,
object,
video {
max-width: 100%;
}
iframe,
img {
border: 0;
}
img {
height: auto;
display: inline-block;
vertical-align: middle;
}
b,
strong {
font-weight: 700;
}
address {
font-style: normal;
}
svg:not(:root) {
overflow: hidden;
}
a,
button,
input[type="button"],
input[type="file"],
input[type="image"],
input[type="reset"],
input[type="submit"],
label[for] {
cursor: pointer;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
a[href^="tel"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
appearance: none;
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
appearance: none;
-webkit-appearance: none;
}
textarea {
overflow: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: inherit;
color: inherit;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
button,
select {
text-transform: none;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
nav ol,
nav ul {
list-style: none outside none;
}
input::placeholder {
color: inherit;
opacity: 0.7;
}
textarea::placeholder {
color: inherit;
opacity: 0.7;
}
input:-webkit-autofill {
-webkit-text-fill-color: inherit;
-webkit-box-shadow: 0 0 0 1000px #fff inset;
}
input[type="button"],
input[type="date"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
textarea {
appearance: none;
-webkit-appearance: none;
}
@font-face {
font-family: Mazzard H;
src: url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-Medium.woff2') format("woff2"), url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-Medium.woff') format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Mazzard H;
src: url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-MediumItalic.woff2') format("woff2"), url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-MediumItalic.woff') format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Mazzard H;
src: url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-MediumItalic.woff2') format("woff2"), url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-MediumItalic.woff') format("woff");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Mazzard H;
src: url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-Regular.woff2') format("woff2"), url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-Regular.woff') format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Mazzard H;
src: url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-Bold.woff2') format("woff2"), url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-Bold.woff') format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Mazzard H;
src: url('https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/fonts/MazzardH-SemiBold.woff2') format("woff2"), url('../fonts/MazzardH-SemiBold.woff') format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
body {
min-width: 320px;
background: #f2fbf9;
font-family: Mazzard H, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 175%;
color: #5c7f75;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
body {
font-size: 14px;
line-height: 1.71;
}
}
a {
color: inherit;
text-decoration: underline;
}
a:hover,
a[href^="tel"] {
text-decoration: none;
}
.contact_wrapper.form_main .form_title,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.hero-3d h1,
.hero-internal .section-form h1,
.hero-internal .section-open-positions .section__head h1,
.hero-internal h1,
.section-confirmation .section__head h1,
.section-contact .section__head h1,
.section-form .hero-internal h1,
.section-form h2,
.section-open-positions .section__head .hero-internal h1,
.section-open-positions .section__head h2,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #ff5335;
margin-bottom: .625em;
line-height: 1.2;
}
.h1,
h1 {
font-size: 50px;
line-height: 1;
margin-bottom: 0.5em;
}
@media (max-width: 1199px) {
.h1,
h1 {
font-size: 40px;
}
}
@media (max-width: 1023px) {
.h1,
h1 {
font-size: 40px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.hero__content h1 {
font-size: 36px;
}
.h1,
h1 {
font-size: 24px;
}
}
.h2,
h2 {
font-size: 32px;
hyphens: auto;
-webkit-hyphens: auto;
line-height: 1;
margin-bottom: 0.5em;
}
@media (max-width: 1199px) {
.h2,
h2 {
font-size: 32px;
}
}
@media (max-width: 1023px) {
.h2,
h2 {
font-size: 22px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.h2,
h2 {
font-size: 20px;
}
}
.h3,
h3 {
font-size: 28px;
hyphens: auto;
-webkit-hyphens: auto;
}
@media (max-width: 1199px) {
.h3,
h3 {
font-size: 24px;
}
}
@media (max-width: 1023px) {
.h3,
h3 {
font-size: 22px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.h3,
h3 {
font-size: 20px;
}
}
.h4,
h4 {
font-size: 22px;
}
@media (max-width: 1199px) {
.h4,
h4 {
font-size: 20px;
}
}
@media (max-width: 1023px) {
.h4,
h4 {
font-size: 18px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.h4,
h4 {
font-size: 20px;
}
}
.h5,
h5 {
font-size: 20px;
line-height: 1.33;
font-weight: 700;
}
@media (max-width: 1023px) {
.h5,
h5 {
font-size: 18px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.h5,
h5 {
font-size: 18px;
}
}
.h6,
h6 {
font-size: 20px;
line-height: 1.33;
}
@media (max-width: 1023px) {
.h6,
h6 {
font-size: 18px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.h6,
h6 {
font-size: 16px;
}
}
blockquote,
dl,
hr,
ol,
p,
table,
ul {
margin-bottom: 2em;
}
.contact_wrapper.form_main .form_title:last-child,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
.hero-3d h1:last-child,
.hero-internal .section-form h1:last-child,
.hero-internal .section-open-positions .section__head h1:last-child,
.hero-internal h1:last-child,
.section-confirmation .section__head h1:last-child,
.section-contact .section__head h1:last-child,
.section-form .hero-internal h1:last-child,
.section-form h2:last-child,
.section-open-positions .section__head .hero-internal h1:last-child,
.section-open-positions .section__head h2:last-child,
blockquote:last-child,
dl:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
ol:last-child,
p:last-child,
table:last-child,
ul:last-child {
margin-bottom: 0;
}
a,
button,
input[type="button"],
input[type="submit"] {
transition: color 0.4s, background 0.4s, opacity 0.4s, transform 0.4s, border 0.4s;
}
.clear:after {
content: "";
line-height: 0;
display: table;
clear: both;
}
.form_main .field-choice-input,
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.notext {
white-space: nowrap;
text-indent: 100%;
text-shadow: none;
overflow: hidden;
}
.notext-old {
font-size: 0;
line-height: 0;
text-indent: -4000px;
}
.hidden,
[hidden] {
display: none;
}
.disabled,
[disabled] {
cursor: default;
}
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
display: none !important;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.hidden-xs {
display: none !important;
}
.visible-xs-block {
display: block !important;
}
.visible-xs-inline {
display: inline !important;
}
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 767.02px) and (max-width: 1023px) {
.hidden-sm {
display: none !important;
}
.visible-sm-block {
display: block !important;
}
.visible-sm-inline {
display: inline !important;
}
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1023.02px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
.visible-md-block {
display: block !important;
}
.visible-md-inline {
display: inline !important;
}
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1199.02px) {
.hidden-lg {
display: none !important;
}
.visible-lg-block {
display: block !important;
}
.visible-lg-inline {
display: inline !important;
}
.visible-lg-inline-block {
display: inline-block !important;
}
}
.aligncenter,
.alignleft,
.alignnone,
.alignright {
margin: 5px 15px 2em;
}
.alignleft {
margin-left: 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.alignleft {
margin: 5px 0 10px;
}
}
.alignright {
margin-right: 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.alignright {
margin: 5px 0 10px;
}
}
.alignnone {
margin-left: 0;
margin-right: 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.alignnone {
margin: 5px 0 10px;
}
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.aligncenter {
margin: 5px 0 10px;
}
}
.wrapper {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
overflow: hidden;
}
.wrapper .wrapper__inner {
width: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: calc(100 * var(--vh));
padding-top: 168px;
}
@media (max-width: 1199px) {
.wrapper .wrapper__inner {
padding-top: 148px;
}
}
@media (max-width: 1023px) {
.wrapper .wrapper__inner {
padding-top: 64px;
}
}
.container {
position: relative;
max-width: 1288px;
padding-left: 80px;
padding-right: 80px;
margin: auto;
width: 100%;
}
@media (max-width: 1199px) {
.container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 1023px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
}
/* blog modules */
.blog-post__body .container {
padding-left: 0px;
padding-right: 0px;
}
@media (max-width: 1199px) {
.blog-post__body .container {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 1023px) {
.blog-post__body .container {
padding-left: 0px;
padding-right: 0px;
}
}
/* blog modules */
.container--small {
max-width: 1096px;
}
.container--smaller {
max-width: 896px;
}
.container--fluid {
max-width: none;
}
body.is-fixed .wrapper .wrapper__inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.has-header-overlay .wrapper .wrapper__inner {
padding-top: 0;
}
body.admin-bar .wrapper .wrapper__inner {
min-height: calc(100vh - 32px);
}
@media (max-width: 782px) {
body.admin-bar .wrapper .wrapper__inner {
min-height: calc(100vh - 46px);
}
}
.button_group ul {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: -6px -8px;
}
.button_group_center ul {
display:inline-block;
}
@media (max-width: 575px) {
.button_group ul {
margin: -3px -5px;
}
}
.button_group ul li {
padding: 6px 8px;
}
@media (max-width: 575px) {
.button_group ul li {
text-align: center;
width: 100%;
padding: 3px 5px;
}
}
.btn,
.hs-button {
display: inline-block;
text-align: center;
text-decoration: none;
box-shadow: none;
border-radius: 1000px;
appearance: none;
-webkit-appearance: none;
color: #5C7F75;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 110%;
color: #fff;
background: #5C7F75;
min-height: 52px;
border: 2px solid #5C7F75;
padding: 16px 40px 14px 40px;
}
.btn_arrow .label {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-weight: 600;
}
.btn_arrow svg {
width: 12px;
position: relative;
height: 12px;
overflow: hidden;
flex-shrink: 0;
}
.btn_arrow svg {
stroke: #5C7F75;
}
.btn_arrow {
position: relative;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0px 0px 0px 8px;
box-sizing: border-box;
gap: 3px;
text-align: left;
font-size: 17px;
color: #5c7f75;
text-decoration: none;
}
.btn_arrow:hover {
color: #709b90;
}
.btn_arrow:hover svg {
stroke: #709b90;
}
@media (max-width: 1023px) {
.btn,
.btn_arrow {
font-size: 14px;
min-height: 46px;
}
}
body.is-mac .btn {
padding: 17px 40px 13px;
}
@media (max-width: 1399px) {
body.is-mac .btn {
padding: 17px 24px 13px;
}
}
.btn:hover {
background: #709B90;
border-color: #709B90;
}
.btn:disabled {
opacity: 0.4;
}
.btn.btn_border {
border-color: #5C7F75;
color: #5c7f75;
background-color: transparent;
}
.btn.btn_border:hover {
color: #fff;
background: #709B90;
border-color: #709B90;
}
.btn--ghost,
.btn--secondary strong {
color: #ff5335;
}
.btn--ghost {
border-radius: 999em;
background-color: transparent;
border: 2px solid currentColor;
}
.btn--ghost:hover {
color: #fff;
}
.btn--block {
display: block;
padding-left: 0;
padding-right: 0;
}
.footer {
position: relative;
z-index: 5;
width: 100%;
}
@media (max-width: 1023px) {
.footer {
padding-top: 60px;
}
}
.footer .footer__logo {
width: 98px;
position: absolute;
top: -49px;
left: 50%;
margin-left: -49px;
}
@media (min-width: 1023.02px) {
.footer .footer__logo {
display: none;
}
}
.footer .footer__container {
background: #fff;
position: relative;
padding: 80px 0 40px;
}
@media (max-width: 1023px) {
.footer .footer__container {
padding: 46px 0 20px;
}
}
.footer .footer__container-inner {
display: flex;
}
@media (max-width: 1023px) {
.footer .footer__container-inner {
flex-wrap: wrap;
}
}
.footer .footer__content {
width: 864px;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1023px) {
.footer .footer__content {
width: 100%;
margin-bottom: 40px;
}
}
.footer .footer__aside {
width: 264px;
}
@media (max-width: 1023px) {
.footer .footer__aside {
width: 100%;
}
}
.footer .footer__nav {
display: flex;
width: 100%;
}
.footer .footer__nav.footer__nav--primary {
width: 66.66%;
}
.footer .footer__nav.footer__nav--secondary {
width: 33.33%;
}
.footer .footer__nav:last-child {
margin-bottom: 0;
}
@media (max-width: 1023px) {
.footer .footer__nav {
flex-wrap: wrap;
margin: 0;
}
}
.footer .footer__nav span ul,
.footer .footer__nav ul {
line-height: 1.3;
list-style: none;
}
@media (max-width: 1023px) {
.footer .footer__nav span ul,
.footer .footer__nav ul {
width: 100%;
margin: 0;
}
}
.footer .footer__nav span ul a,
.footer .footer__nav ul a {
position: relative;
text-decoration: none;
border-bottom: 1px solid transparent;
}
@media (max-width: 1023px) {
.footer .footer__nav span ul a,
.footer .footer__nav ul a {
display: block;
width: 100%;
padding-right: 20px;
}
.footer .footer__nav.footer__nav--primary,
.footer .footer__nav.footer__nav--secondary {
width: 100%;
}
}
@media (min-width: 1023.02px) {
.footer .footer__nav span ul a:hover,
.footer .footer__nav ul a:hover {
color: #ff5335;
}
}
.footer__nav p {
margin-bottom:20px !important;
color: #5c7f75;
font-family: Mazzard H, sans-serif;
font-size: 16px;
font-weight: 400;
}
@media (max-width: 1023px) {
.footer .footer__nav.contact-info>ul>li,
.footer .footer__nav.contact-info h6 {
border:none;
}
}
/* .footer .footer__nav ul a span {
min-width: 12px;
height: 12px;
line-height: 13px;
text-align: center;
font-size: 8px;
font-weight: 400;
background: #5c7f75;
color: #fff;
border-radius: 12px;
display: inline-block;
vertical-align: top;
}
@media (min-width: 1023.02px) {
.footer .footer__nav ul a span {
display: none;
}
} */
@media (min-width: 1023.02px) {
.footer .footer__nav span ul li,
.footer .footer__nav ul li {
padding-right: 25px;
}
}
@media (max-width: 1023px) {
.footer .footer__nav span ul li.menu-item-has-children>a,
.footer .footer__nav ul li.menu-item-has-children>a {
position: relative;
}
.footer .footer__nav span ul li.menu-item-has-children>a:after,
.footer .footer__nav ul li.menu-item-has-children>a:after {
content: "";
position: absolute;
top: 50%;
right: 4px;
width: 8px;
height: 12px;
transform: rotate(90deg);
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiM1QzdGNzUiLz4KPC9zdmc+Cg==) no-repeat 50% / contain;
transition: transform 0.4s;
margin-top: -6px;
}
}
.footer .footer__nav span ul li.menu-item-has-children.is-expanded>a:after,
.footer .footer__nav ul li.menu-item-has-children.is-expanded>a:after {
transform: rotate(270deg);
}
.footer .footer__nav span>ul>li,
.footer .footer__nav span h6,
.footer .footer__nav>ul>li,
.footer .footer__nav h6 {
font-weight: 500;
color: #ff5335;
width: 100%;
}
@media (min-width: 1023.02px) {
.footer .footer__nav span>ul>li,
.footer .footer__nav>ul>li {
margin-bottom: 50px;
}
}
@media (max-width: 1023px) {
.footer .footer__nav span>ul>li,
.footer .footer__nav h6,
.footer .footer__nav>ul>li,
.footer .footer__nav h6 {
font-size: 16px;
font-weight: 500;
border-bottom: 1px solid #9eddd0;
}
}
.footer .footer__nav span>ul>li:last-child,
.footer .footer__nav>ul>li:last-child {
margin-bottom: 0;
}
.footer .footer__nav span>ul>li>a,
.footer .footer__nav span h6,
.footer .footer__nav>ul>li>a,
.footer .footer__nav h6 {
display: inline-block;
margin-bottom: 18px;
}
@media (max-width: 1023px) {
.footer .footer__nav span>ul>li>a,
.footer .footer__nav span h6,
.footer .footer__nav>ul>li>a,
.footer .footer__nav h6 {
padding: 15px 0;
margin-bottom: 0;
}
}
.footer .footer__nav span>ul ul,
.footer .footer__nav>ul ul {
color: #5c7f75;
font-size: 16px;
font-weight: 400;
}
@media (min-width: 1023.02px) {
.footer .footer__nav span>ul ul,
.footer .footer__nav>ul ul {
display: block !important;
}
}
@media (max-width: 1023px) {
.footer .footer__nav span>ul ul,
.footer .footer__nav>ul ul {
display: none;
font-size: 14px;
padding: 5px 0 20px 24px;
}
.footer .footer__nav span .socials,
.footer .footer__nav .socials {
padding: 5px 0 20px 0;
}
}
.footer .footer__nav span>ul ul li+li,
.footer .footer__nav>ul ul li+li {
margin-top: 20px;
}
.footer .footer__nav span {
width:100%;
}
.footer .footer__nav--primary>ul:first-child {
width: 50%;
}
@media (max-width: 1023px) {
.footer .footer__nav--primary span>ul:first-child,
.footer .footer__nav--primary>ul:first-child {
width: 100%;
}
}
@media (min-width: 1023.02px) {
.footer .footer__nav--primary span>ul:first-child ul,
.footer .footer__nav--primary>ul:first-child ul {
column-count: 1;
column-gap: 25;
}
}
.footer .footer__nav--primary>ul:last-child {
width: 50%;
}
@media (max-width: 1023px) {
.footer .footer__nav--primary span>ul:last-child,
.footer .footer__nav--primary>ul:last-child {
width: 100%;
}
}
.footer .footer__nav--secondary span>ul,
.footer .footer__nav--secondary>ul {
width: 100%;
}
/* .footer .footer__nav--secondary>ul>li {
width: 33.33%;
} */
@media (max-width: 1023px) {
.footer .footer__nav--secondary>ul>li {
width: 100%;
}
}
.footer .footer__socials {
margin-bottom: 27px;
}
.footer .footer__socials:last-child {
margin-bottom: 0;
}
.footer .footer__title {
margin-bottom: 12px;
}
.footer .footer__nav>ul>li,
.footer .footer__title {
color: #ff5335;
line-height: 1.3;
font-size: 20px;
font-weight: 500;
}
.footer .footer__contacts,
.footer .footer__hours {
line-height: 1.8;
margin-bottom: 10px;
}
.footer .footer__hours {
background-color: #fff;
}
.footer .footer__hours {
padding-bottom: 40px;
}
.footer .footer__contacts:last-child,
.footer .footer__hours:last-child {
margin-bottom: 0;
}
.footer .footer__contacts a,
.footer .footer__hours a {
text-decoration: none;
border-bottom: 1px solid transparent;
}
.footer .footer__contacts a:hover,
.footer .footer__hours a:hover {
color: #ff5335;
}
.footer .footer__contacts p,
.footer .footer__hours p {
margin-bottom: 20px;
}
.footer .footer__contacts p:last-child,
.footer .footer__hours p:last-child {
margin-bottom: 0;
}
.footer .footer__bar {
position: relative;
background: #f4fcfa;
font-size: 14px;
padding: 14px 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.footer .footer__bar {
padding: 84px 0 26px;
}
}
.footer .footer__bar:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 110px;
height: 110px;
background: #fff;
border: 30px solid #ff5335;
border-radius: 50%;
margin-left: -55px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.footer .footer__bar:after {
bottom: auto;
top: -55px;
}
}
.footer .footer__bar-inner {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.footer .footer__bar-inner {
flex-wrap: wrap;
}
}
.footer .footer__policy {
width: 50%;
}
@media (max-width: 1023px) {
.footer .footer__policy {
padding-right: 70px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.footer .footer__policy {
font-size: 12px;
width: 100%;
padding: 0;
margin-bottom: 17px;
}
}
.footer .footer__policy a {
text-decoration: none;
border-bottom: 1px solid transparent;
}
.footer .footer__policy a:hover {
border-bottom-color: currentColor;
}
.footer .footer__policy ul {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: -5px -64px;
}
@media (max-width: 1199px) {
.footer .footer__policy ul {
margin: -5px -20px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.footer .footer__policy ul {
justify-content: space-between;
}
}
.footer .footer__policy ul li {
padding: 5px 64px;
}
@media (max-width: 1199px) {
.footer .footer__policy ul li {
padding: 5px 20px;
}
}
.footer .footer__copy {
font-weight: 400;
text-align: right;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.footer .footer__copy {
font-size: 14px;
width: 100%;
text-align: left;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.footer .footer__copy p {
display: flex;
justify-content: space-between;
}
}
.footer .hidden-mobile {
display: block;
}
@media (max-width: 1023px) {
.footer .hidden-mobile {
display: none;
}
}
.footer .visible-mobile {
display: none;
}
@media (max-width: 1023px) {
.footer .visible-mobile {
display: block;
}
}
@media (min-width: 767.02px) {
.footer--contact .footer__container {
background: 0 0;
}
}
.footer--contact .footer__container:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 1128px;
border-top: 1px solid #d6ede7;
margin-left: -564px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.footer--contact .footer__container:before {
display: none;
}
}
.footer .footer__nav .socials .socials_anchor,
.socials_anchor {
display: flex;
align-items: center;
color: #5c7f75;
margin-top: 12px;
column-gap: 8px;
font-weight: 400;
cursor: pointer;
}
.footer .footer__nav .socials .socials_anchor:hover {
color: #ff5335;
}
.footer .footer__nav .socials .socials_anchor svg,
.socials_anchor svg {
fill: #5c7f75 !important;
}
.footer .footer__nav .socials .socials_anchor:hover svg path,
.footer .footer__nav .socials .socials_anchor:hover svg,
.socials_anchor:hover svg path,
.socials_anchor:hover svg {
fill: #ff5335 !important;
}
.socials ul {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: -4px;
}
@media (max-width: 1023px) {
.socials ul {
justify-content: center;
}
}
.socials ul li {
padding: 4px;
}
.socials a {
color: #5c7f75;
}
.socials a span {
text-decoration: underline;
}
.footer .footer__nav .socials .socials_anchor span {
font-size:16px;
text-decoration: none;
}
.socials a:hover {
color: #ff5335;
}
@media (max-width: 1023px) {
.socials--alt ul {
justify-content: flex-start;
}
}
.socials svg:not(:root).svg-inline--fa {
overflow: visible;
}
.socials .svg-inline--fa.fa-w-14 {
width: .875em;
}
.socials svg:not(:root) {
overflow: hidden;
}
.socials .svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em;
}
.grid .grid__row {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.grid .grid__col {
width: 100%;
padding: 15px;
}
.grid .grid__col--1of2 {
width: 50%;
}
.header {
width: 100%;
position: absolute;
background: #fff;
z-index: 100;
top: 0;
left: 0;
}
.header .header__logo {
position: relative;
z-index: 5;
bottom: -10px;
}
@media (max-width: 1023px) {
.header .header__logo {
display: none;
position: absolute;
top: 18px;
left: 50%;
margin-left: -22px;
}
}
.header .header__btn {
margin-left: 110px;
}
@media (max-width: 1399px) {
.header .header__btn {
margin-left: 24px;
}
}
@media (max-width: 1023px) {
.header .header__btn {
display: none;
margin: 30px 0 0;
}
}
.header .header__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
height: 120px;
}
@media (max-width: 1199px) {
.header .header__inner {
height: 100px;
}
}
@media (max-width: 1023px) {
.header .header__inner {
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
background: #f4fcfa;
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s, visibility 0.4s;
}
body.has-menu-opened .header .header__inner {
opacity: 1;
visibility: visible;
}
}
.header .header__content {
display: flex;
align-items: center;
}
@media (max-width: 1023px) {
.header .header__content {
display: block;
width: 100%;
flex-grow: 1;
max-height: calc(100% - 144px);
overflow: auto;
padding: 45px 16px;
}
}
.header .header__content .nav-utilities {
display: none;
}
@media (max-width: 1023px) {
.header .header__content .nav-utilities {
display: block;
}
}
.header .header__content-inner {
display: flex;
align-items: center;
}
@media (max-width: 1023px) {
.header .header__content-inner {
display: block;
width: 100%;
}
}
.header .header__bar {
position: relative;
}
.header .header__bar:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -100vw;
right: -100vw;
background: #f4fcfa;
}
@media (max-width: 1023px) {
.header .header__bar:before {
background: #fff;
}
}
.header .header__bar .header__logo {
display: none;
}
@media (max-width: 1023px) {
.header .header__bar .header__logo {
display: inline-block;
}
}
@media (max-width: 1023px) {
.header .header__bar .nav-utilities {
display: none;
}
}
.header .header__bar-inner {
position: relative;
overflow: hidden;
height: 48px;
display: flex;
align-items: center;
justify-content: space-between;
background: #f4fcfa;
}
@media (max-width: 1023px) {
.header .header__bar-inner {
height: 64px;
background: #fff;
padding-left: 20px;
padding-right: 20px;
}
}
.header .nav-utilities {
margin-right: 0;
margin-left: auto;
}
.header .btn-login {
position: relative;
margin-left: 88px;
margin-top: 6px;
}
@media (max-width: 1023px) {
.header .btn-login {
margin-top: 0px;
margin-left: auto;
margin-right: 24px;
}
}
.header .btn-login:before {
content: "";
position: absolute;
left: -32px;
top: -40px;
bottom: -40px;
width: 1px;
background: #fff;
}
.header .header__inner-mobile {
display: none;
}
@media (max-width: 1023px) {
.header .header__inner-mobile {
display: flex;
align-items: center;
background: #fff;
height: 64px;
padding: 0 16px;
}
}
.header .header__inner-mobile>span {
font-size: 20px;
font-weight: 700;
color: #ff5335;
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
}
.header .header__inner-mobile .btn-login {
margin: 0;
}
.header .header__actions-mobile {
padding: 16px;
justify-content: space-between;
display: none;
}
@media (max-width: 1023px) {
.header .header__actions-mobile {
display: flex;
}
}
@media (max-width: 374px) {
.header .header__actions-mobile .btn,
.header .header__actions-mobile .form_main .form_footer button,
.header .header__actions-mobile .form_main .form_footer input,
.header .header__actions-mobile .form_main .form_page_footer button,
.header .header__actions-mobile .form_main .form_page_footer input {
padding-left: 15px;
padding-right: 15px;
}
}
.header .nav-trigger {
z-index: 20;
position: absolute;
top: 20px;
right: 0;
}
.header-3d .header__logo {
position: absolute;
top: 0;
left: 50%;
width: 160px;
height: 160px;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-left: -80px;
}
@media (max-width: 1023px) {
.header-3d .header__logo {
width: 88px;
height: 88px;
margin-left: -44px;
}
}
.header-3d .logo {
width: 108px;
height: 83px;
}
@media (max-width: 1023px) {
.header-3d .logo {
position: relative;
width: 54px;
height: 42px;
right: -5px;
top: -5px;
}
}
.header-3d .logo:before {
display: none;
}
@media (max-width: 1023px) {
.header-3d .header__inner {
opacity: 1;
visibility: visible;
height: auto;
}
}
.header-3d .btn-login {
font-size: 0;
position: absolute;
top: 50%;
right: 60px;
transform: translateY(-50%);
}
.header-3d .btn-login span {
width: 20px;
height: 20px;
}
.header-3d .header__content {
display: none;
}
.ico {
font-size: 0;
line-height: 0;
text-indent: -4004px;
display: inline-block;
vertical-align: top;
}
.ico,
.image-fit {
position: relative;
}
.image-fit {
overflow: hidden;
background-size: cover;
background-position: 50%;
}
.image-fit img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-fit--top-center {
background-position: top;
}
.image-fit--top-center img {
object-position: top center;
}
.image-fit--contain {
background-size: contain;
}
.image-fit--contain img {
object-fit: contain;
}
.image-fit--bottom {
background-position: bottom;
}
.image-fit--bottom img {
object-position: center bottom;
}
.logo {
font-size: 0;
line-height: 0;
text-indent: -4004px;
position: relative;
display: inline-block;
vertical-align: middle;
background: no-repeat 50% / contain;
width: 84px;
height: 64px;
}
@media (max-width: 1023px) {
.logo {
width: 54px;
height: 42px;
margin-left:-4px;
}
}
.logo:before {
content: "";
z-index: -1;
position: absolute;
top: -22px;
left: -28px;
width: 124px;
height: 124px;
background: #fff;
border-radius: 50%;
}
@media (max-width: 1023px) {
.logo:before {
width: 88px;
height: 88px;
left:-20px;
}
}
.main {
width: 100%;
flex-grow: 1;
flex-shrink: 0;
}
body.error404 .main {
display: flex;
flex-wrap: wrap;
}
body.error404 .main>section {
width: 100%;
}
.nav {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
}
@media (max-width: 1023px) {
.nav {
font-size: 16px;
font-weight: 500;
}
}
.nav a {
position: relative;
display: block;
color: inherit;
text-decoration: none;
}
@media (max-width: 1023px) {
.nav a:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 12px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiNmZjUzMzUiLz4KPC9zdmc+Cg==) no-repeat 50% / contain;
margin-top: -6px;
}
}
@media (min-width: 1023.02px) {
.nav a:hover {
color: #ff5335;
}
}
.nav li {
position: relative;
}
.nav .menu-item-has-children>a {
padding-right: 16px;
}
.nav .menu-item-has-children>a:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 6px;
height: 10px;
transform: rotate(90deg);
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiNmZjUzMzUiLz4KPC9zdmc+Cg==) no-repeat 50% / contain;
transition: transform 0.4s;
margin-top: -5px;
}
@media (max-width: 1023px) {
.nav .menu-item-has-children>a:after {
width: 8px;
height: 12px;
right: 4px;
margin-top: -6px;
}
}
@media (min-width: 1023.02px) {
.nav .menu-item-has-children>a span {
/*display: none;*/
}
}
@media (max-width: 1023px) {
.nav .menu-item-has-children>a span {
z-index: 5;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 20px;
}
.nav .menu-item-has-children>a span.menu-text {
position: relative;
width: 100%;
}
}
.nav .menu-item-has-children.is-expanded>a:after {
transform: rotate(270deg);
}
.nav li:hover>ul {
opacity: 1;
visibility: visible;
}
.nav>ul {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0 -28px;
}
@media (max-width: 1199px) {
.nav>ul {
margin: 0 -18px;
}
}
@media (max-width: 1023px) {
.nav>ul {
margin: 0;
display: block;
}
}
.nav>ul>li {
padding: 0 16px;
}
@media (max-width: 1199px) {
.nav>ul>li {
padding: 0 18px;
}
}
@media (max-width: 1023px) {
.nav>ul>li {
border-bottom: 1px solid #9eddd0;
padding: 0;
}
}
.nav>ul>li>a {
padding: 5px 0;
}
@media (max-width: 1023px) {
.nav>ul>li>a {
padding: 16px 0;
}
}
@media (max-width: 1023px) {
.nav>ul>li+li {
margin-top: 5px;
}
}
.nav ul ul {
font-size: 16px;
font-weight: 400;
position: absolute;
top: 100%;
left: 4px;
min-width: 300px;
background: #fff;
padding: 24px;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s, visibility 0.4s;
}
@media (min-width: 1023.02px) {
.nav ul ul {
display: block !important;
}
}
@media (max-width: 1023px) {
.nav ul ul {
min-width: auto;
font-size: 14px;
position: static;
background: 0 0;
opacity: 1;
visibility: inherit;
box-shadow: none;
padding: 8px 0 30px 15px;
display: none;
}
}
.nav ul ul li+li {
margin-top: 20px;
}
@media (max-width: 1023px) {
.nav ul ul li+li {
margin-top: 22px;
}
}
.nav ul ul ul {
left: 100%;
top: 0;
}
.nav-trigger {
appearance: none;
-webkit-appearance: none;
border-radius: 0;
border: 0;
background: 0 0;
position: relative;
z-index: 5;
display: none;
width: 24px;
height: 24px;
}
@media (max-width: 1023px) {
.nav-trigger {
display: inline-block;
}
}
.nav-trigger span {
position: absolute;
left: 0;
display: block;
height: 2px;
border-radius: 4px;
width: 100%;
background: #9eddd0;
transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, background 0.2s 0.3s;
}
.nav-trigger span:first-child {
top: 4px;
}
.nav-trigger span:nth-child(2) {
top: 11px;
}
.nav-trigger span:nth-child(3) {
top: 18px;
}
body.has-menu-opened .nav-trigger span {
transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
}
body.has-menu-opened .nav-trigger span:first-child,
body.has-menu-opened .nav-trigger span:nth-child(3) {
top: 11px;
}
body.has-menu-opened .nav-trigger span:nth-child(2) {
opacity: 0;
}
body.has-menu-opened .nav-trigger span:first-child {
transform: rotate(45deg);
}
body.has-menu-opened .nav-trigger span:nth-child(3) {
transform: rotate(-45deg);
}
.nav-utilities {
font-size: 14px;
line-height: 1.2;
font-weight: 400;
}
.nav-utilities ul {
list-style: none;
display: flex;
margin: 0 -24px;
}
@media (max-width: 1199px) {
.nav-utilities ul {
margin: 0 -12px;
}
}
@media (max-width: 1023px) {
.nav-utilities ul {
display: block;
margin: 0;
}
}
.nav-utilities ul li {
position: relative;
padding: 0 24px;
}
@media (max-width: 1199px) {
.nav-utilities ul li {
padding: 0 12px;
}
}
@media (max-width: 1023px) {
.nav-utilities ul li {
border-bottom: 1px solid #9eddd0;
padding: 0;
}
}
@media (max-width: 1023px) {
.nav-utilities ul li:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 12px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiNmZjUzMzUiLz4KPC9zdmc+Cg==) no-repeat 50% / contain;
margin-top: -6px;
}
}
.list-contacts {
font-size: 14px;
line-height: 0.12;
font-weight: 400;
}
@media (max-width: 1023px) {
.list-contacts {
font-size: 0;
}
}
.list-contacts ul {
list-style: none;
display: flex;
margin: 0 -21px;
}
@media (max-width: 1199px) {
.list-contacts ul {
margin: 0 -10px;
}
}
.list-contacts ul li {
padding: 0 21px;
}
@media (max-width: 1199px) {
.list-contacts ul li {
padding: 0 10px;
}
}
.list-contacts a {
position: relative;
text-decoration: none;
display: inline-flex;
align-items: center;
}
.list-contacts a:hover {
color: #ff5335;
}
.list-contacts a>em {
font-style: normal;
}
@media (max-width: 1023px) {
.list-contacts a>em {
display: none;
}
}
.list-contacts a>span {
margin-right: 8px;
}
@media (max-width: 1023px) {
.list-contacts a>span {
color: #ff5335;
height: 16px;
width: 20px;
margin: 0;
}
}
@media (max-width: 1023px) {
.list-contacts a>span svg {
width: 100%;
height: 100%;
}
}
.list-contacts small {
display: none !important;
position: relative;
display: inline-block;
color: #4cc35e;
padding-left: 12px;
margin-left: 15px;
}
@media (max-width: 1023px) {
.list-contacts small {
position: absolute;
top: 3px;
right: -4px;
}
}
.list-contacts small:before {
border: 2px solid #4cc35e;
border-radius: 50%;
}
.list-contacts .orange:before,
.list-contacts small:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 8px;
margin-top: -4px;
}
.list-contacts .orange:before {
border: 2px solid #ff5335;
border-radius: 50%;
}
.list-contacts .red:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 8px;
border: 2px solid red;
border-radius: 50%;
margin-top: -4px;
}
@media (max-width: 1023px) {
.list-contacts--rounded ul {
margin: 0 -8px;
}
}
.list-contacts--rounded ul li {
padding: 0 8px;
}
.list-contacts--rounded a {
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.list-contacts--rounded a small {
display: none !important;
top: 19px;
right: 10px;
}
.nav-utilities a {
position: relative;
display: inline-block;
text-decoration: none;
}
@media (max-width: 1023px) {
.nav-utilities a {
padding: 21px 0 16px;
}
}
.nav-utilities a:hover {
color: #ff5335;
}
.nav-utilities a span {
position: absolute;
top: -7px;
right: -22px;
height: 16px;
line-height: 16px;
border-radius: 16px;
background: #5c7f75;
color: #fff;
font-size: 10px;
min-width: 16px;
text-align: center;
}
@media (max-width: 1023px) {
.nav-utilities a span {
top: 15px;
right: -16px;
font-size: 8px;
min-width: 12px;
line-height: 12px;
height: 12px;
}
}
.btn-login {
font-size: 14px;
line-height: 1.8;
text-decoration: none;
appearance: none;
-webkit-appearance: none;
display: inline-flex;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.btn-login {
align-items: center;
}
}
.btn-login:hover {
color: #ff5335;
}
.btn-login span {
width: 16px;
margin-top: 3px;
margin-right: 5px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.btn-login span {
height: 16px;
margin-top: 0;
}
}
.btn-login span svg {
width: 100%;
}
@media (max-width: 1023px) {
.btn-login--main {
font-size: 0;
}
}
@media (max-width: 1023px) {
.btn-login--main span {
width: 20px;
height: 20px;
margin: 0;
}
}
@media (max-width: 1023px) {
.btn-login--main span svg {
height: 100%;
}
}
.section-breadcrumbs {
padding: 30px 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-breadcrumbs {
padding: 25px 0 15px;
}
}
.breadcrumbs {
font-size: 14px;
font-weight: 500;
overflow: hidden;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.breadcrumbs {
font-size: 12px;
}
}
.breadcrumbs {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0 -19px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.breadcrumbs {
margin: 0;
}
}
.breadcrumbs li {
font-weight: 400;
position: relative;
padding: 0 19px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.breadcrumbs li {
display: none;
padding: 0 15px;
}
}
.breadcrumbs li:last-child {
display: block;
font-weight: 500;
}
.breadcrumbs li:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,') no-repeat 50% / contain;
margin-top: -7px;
}
.breadcrumbs li.bread-home:before {
background:none !important;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.breadcrumbs li:before {
background: url('data:image/svg+xml,') no-repeat 50% / contain;
transform: rotate(180deg);
}
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a:hover {
color: #ff5335;
}
.richtext-entry>ol:not([class]),
.richtext-entry>ul:not([class]) {
padding-left: 24px;
}
@media (max-width: 1199px) {
.richtext-entry>ol:not([class]),
.richtext-entry>ul:not([class]) {
padding-left: 20px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.richtext-entry>ol:not([class]),
.richtext-entry>ul:not([class]) {
padding-left: 0;
}
}
.richtext-entry>ol:not([class]) ol,
.richtext-entry>ol:not([class]) ul,
.richtext-entry>ul:not([class]) ol,
.richtext-entry>ul:not([class]) ul {
padding-left: 24px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.richtext-entry>ol:not([class]) {
padding-left: 20px;
}
}
.richtext-entry>ul:not([class]),
.richtext-entry .hs_cos_wrapper>ul:not([class]) {
list-style: none;
}
.richtext-entry>ul:not([class]) li,
.richtext-entry .hs_cos_wrapper>ul:not([class]) li {
position: relative;
padding-left: 32px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.richtext-entry>ul:not([class]) li,
.richtext-entry .hs_cos_wrapper>ul:not([class]) li {
padding-left: 28px;
}
}
.richtext-entry>ul:not([class]) li:before,
.richtext-entry .hs_cos_wrapper>ul:not([class]) li:before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 16px;
height: 16px;
border: 4px solid #ff5335;
border-radius: 50%;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.richtext-entry>ul:not([class]) li:before,
.richtext-entry .hs_cos_wrapper>ul:not([class]) li:before {
top: 4px;
}
}
.richtext-entry>ul:not([class]) li+li,
.richtext-entry .hs_cos_wrapper>ul:not([class]) li+li {
margin-top: 25px;
}
.richtext-entry p+ol,
.richtext-entry p+ul,
.richtext-entry .hs_cos_wrapper p+ol,
.richtext-entry .hs_cos_wrapper p+ul {
margin-top: 24px;
margin-bottom: 24px;
}
@media (max-width: 1199px) {
.richtext-entry p+ol,
.richtext-entry p+ul,
.richtext-entry .hs_cos_wrapper p+ol,
.richtext-entry .hs_cos_wrapper p+ul {
margin-top: 20px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.richtext-entry p+ol,
.richtext-entry p+ul,
.richtext-entry .hs_cos_wrapper p+ol,
.richtext-entry .hs_cos_wrapper p+ul {
margin-top: 20px;
}
}
.richtext-entry>blockquote {
border-left: 2px solid #5c7f75;
margin-left: 0;
padding: 0 0 0 16px;
display: block;
}
.richtext-entry>blockquote b {
font-weight: 500;
font-size: 20px;
line-height: 150%;
}
.richtext-entry>blockquote span {
margin-top: 8px;
display: block;
}
.richtext-entry>.alignwide {
width: 100%;
max-width: 100%;
clear: both;
}
.richtext-entry>.aligncenter {
margin-left: auto;
margin-right: auto;
}
.richtext-entry>.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: auto;
padding: 0 20px;
}
.richtext-entry--alt {
font-weight: 500;
}
.richtext-entry--alt h5 {
padding-top: 32px;
margin-bottom: 16px;
}
.richtext-entry--alt h5:last-child {
margin-bottom: 0;
}
.richtext-entry--alt h5:first-child {
padding-top: 0;
}
.richtext-entry--alt>ol:not([class]),
.richtext-entry--alt>ul:not([class]) {
padding-left: 0;
}
.richtext-entry--alt>ul:not([class]) {
list-style: none;
}
.richtext-entry--alt>ul:not([class]) li {
padding-left: 24px;
}
.richtext-entry--alt>ul:not([class]) li+li {
margin-top: 10px;
}
.section-padding {
padding: 80px 0;
}
@media (max-width: 1023px) {
.section-padding {
padding: 60px 0;
}
.richtext-entry>blockquote b {
font-size: 18px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-padding {
padding: 40px 0;
}
.richtext-entry>blockquote b {
font-size: 16px;
}
}
.section-padding-32 {
padding: 32px 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-padding-32 {
padding: 16px 0;
}
}
.slider_box {
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
left: 0;
}
.slick-slide img {
vertical-align: bottom;
display: inline-block;
}
.slider_box .swiper-button-next2,
.slider_box .swiper-button-prev2 {
width: 56px;
height: 56px;
border-radius: 50%;
background: #fff;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
transition: box-shadow 0.4s;
position: relative;
cursor: pointer;
z-index: 2;
}
.slider_box .slick-arrow.slick-disabled {
opacity: 0;
cursor: default;
}
.slider_box .swiper-button-next2:hover,
.slider_box .swiper-button-prev2:hover {
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16), 0 4px 8px rgba(92, 127, 117, 0.16);
}
.slider_box .swiper-button-next2:after,
.slider_box .swiper-button-prev2:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 20px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljg4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS44OCAxNiI+CiAgPHBhdGggaWQ9Ikljb25fbWF0ZXJpYWwtY2hldnJvbi1yaWdodCIgZGF0YS1uYW1lPSJJY29uIG1hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGQ9Ik0yMC44ODUsOWwxLjg4LDEuODhMMTYuNjU4LDE3bDYuMTA3LDYuMTJMMjAuODg1LDI1bC04LThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIuODg1IC05KSIgZmlsbD0iI2ZmNTMzNSIvPgo8L3N2Zz4K) no-repeat 50% / contain;
margin: -8px 0 0 -10px;
}
.slider_box .swiper-button-prev2 {
left: 5px;
}
.slider_box .swiper-button-next2 {
right: 5px;
}
.slider_box .swiper-button-next2:after {
margin: -8px 0 0 -6px;
transform: rotate(180deg);
}
.slick-dots li button:before {
display: none;
}
.slick-dots li {
margin: 6px;
height: auto;
width: auto;
display: inline-block;
}
.slick-dots li button {
width: 12px;
position: relative;
border-radius: 50%;
background-color: #9eddd0;
height: 12px;
padding: 0;
}
.slick-dots li.slick-active button {
background-color: #5c7f75;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slick-dots li button {
width: 8px;
height: 8px;
}
.slider_box .swiper-button-next2,
.slider_box .swiper-button-prev2 {
display: none;
width: 32px;
height: 32px;
}
.slider_box .swiper-button-next2 {
right: 5px;
}
.slider_box .swiper-button-prev2 {
left: 5px;
}
.slider_box .swiper-button-next2:after,
.slider_box .swiper-button-prev2:after {
width: 8px;
height: 12px;
}
.slider_box .swiper-button-next2:after {
margin: -6px 0 0 -4px;
}
.slider_box .swiper-button-prev2:after {
margin: -6px 0 0 -6px;
}
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.dis_flex {
display: flex;
flex-wrap: wrap;
}
.dis_flex.aic {
align-items: center;
}
.dis_flex.jcc {
justify-content: center;
}
.dis_flex.jcsb {
justify-content: space-between;
}
.dis_flex.jsad {
justify-content: space-around;
}
.section-cta .section__content {
position: relative;
border-radius: 4px;
background: #9eddd0;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
display: flex;
align-items: center;
justify-content: center;
padding: 80px 20px;
}
.section-cta .section__content h2 {
color: #fff;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-cta .section__content {
background: #9eddd0;
padding: 30px 20px;
}
}
.section-cta .section__content-inner {
position: relative;
z-index: 5;
text-align: center;
width: 744px;
max-width: 100%;
margin: 0 auto;
}
.form_main {
width: 100%;
}
.form_main .form_heading {
margin-bottom: 30px;
}
.form_main .form_fields {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
@media (max-width: 1199px) {
.form_main .form_fields {
grid-column-gap: 20px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.form_main .form_fields {
grid-row-gap: 18px;
}
}
.form_main .field.field--medium {
grid-column: span 6;
}
.form_main .field.field--small {
grid-column: span 4;
}
.form_main .field {
grid-column: 1 / -1;
min-width: 0;
}
.form_main .field input.medium,
.form_main .field input.small,
.form_main .field select.medium,
.form_main .field select.small {
width: 100%;
}
.form_main input[type="color"],
.form_main input[type="date"],
.form_main input[type="datetime-local"],
.form_main input[type="datetime"],
.form_main input[type="email"],
.form_main input[type="month"],
.form_main input[type="number"],
.form_main input[type="password"],
.form_main input[type="search"],
.form_main input[type="tel"],
.form_main input[type="text"],
.form_main input[type="time"],
.form_main input[type="url"],
.form_main input[type="week"],
.form_main select,
.form_main textarea {
width: 100%;
height: 52px;
padding: 0 15px;
padding-top:3px;
background-color: #ffffff;
border: 1px solid #ffffff;
border-radius: 4px;
font-weight: inherit;
}
.form_main select {
-webkit-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 95% 15px;
background-size: 20px auto;
}
.form_main .field--type-upload {
border-bottom: 1px solid #5c7f75;
}
.form_main .field--fileupload input[type="file"] {
opacity: 0;
}
.form_main.v2 input[type="color"],
.form_main.v2 input[type="date"],
.form_main.v2 input[type="datetime-local"],
.form_main.v2 input[type="datetime"],
.form_main.v2 input[type="email"],
.form_main.v2 input[type="month"],
.form_main.v2 input[type="number"],
.form_main.v2 input[type="password"],
.form_main.v2 input[type="search"],
.form_main.v2 input[type="tel"],
.form_main.v2 input[type="text"],
.form_main.v2 input[type="time"],
.form_main.v2 input[type="url"],
.form_main.v2 input[type="week"],
.form_main.v2 select,
.form_main.v2 textarea {
border: 1px solid #e7e7e7;
}
.form_main.v2 input[type="color"]:focus,
.form_main.v2 input[type="date"]:focus,
.form_main.v2 input[type="datetime-local"]:focus,
.form_main.v2 input[type="datetime"]:focus,
.form_main.v2 input[type="email"]:focus,
.form_main.v2 input[type="month"]:focus,
.form_main.v2 input[type="number"]:focus,
.form_main.v2 input[type="password"]:focus,
.form_main.v2 input[type="search"]:focus,
.form_main.v2 input[type="tel"]:focus,
.form_main.v2 input[type="text"]:focus,
.form_main.v2 input[type="time"]:focus,
.form_main.v2 input[type="url"]:focus,
.form_main.v2 input[type="week"]:focus,
.form_main.v2 select:focus,
.form_main.v2 textarea:focus,
.form_main input[type="color"]:focus,
.form_main input[type="date"]:focus,
.form_main input[type="datetime-local"]:focus,
.form_main input[type="datetime"]:focus,
.form_main input[type="email"]:focus,
.form_main input[type="month"]:focus,
.form_main input[type="number"]:focus,
.form_main input[type="password"]:focus,
.form_main input[type="search"]:focus,
.form_main input[type="tel"]:focus,
.form_main input[type="text"]:focus,
.form_main input[type="time"]:focus,
.form_main input[type="url"]:focus,
.form_main input[type="week"]:focus,
.form_main select:focus,
.form_main textarea:focus {
border-color: #5c7f75;
}
.form_main input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
line-height: inherit;
min-height: auto;
line-height: 1.2;
}
.form_main textarea,
.form_main textarea.large {
display: block;
height: 192px;
resize: none;
padding: 15px;
}
.form_main select {
padding: 0 30px 0 15px;
}
.form_main select[multiple="multiple"] {
height: auto;
padding: 15px;
}
.form_main .description,
.form_main .field_description,
.form_main .gsection_description,
.form_main .instruction {
font-size: 10px;
line-height: 1.2;
letter-spacing: 0.025em;
padding: 0;
}
.form_wrapper.form_wrapper .field_validation_message,
.form_wrapper.form_wrapper .validation_message {
border-color: #cb3434;
}
.form_wrapper.form_wrapper .field_error .field_repeater_cell label,
.form_wrapper.form_wrapper .field_error legend,
.form_wrapper.form_wrapper .field_validation_message,
.form_wrapper.form_wrapper .validation_message,
.form_wrapper.form_wrapper [aria-invalid="true"]+label,
.form_wrapper.form_wrapper label+[aria-invalid="true"] {
color: #cb3434;
padding: 0;
background: 0 0;
border: 0;
}
.form_wrapper.form_wrapper.form_wrapper .field_error [aria-invalid="true"] {
border-color: #cb3434;
}
.form_main .form_fileupload_rules {
display: none;
}
.form_main .field.field--fileupload {
position: relative;
}
.form_main .field.field--fileupload .form_button_select_files {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.form_main .field.field--fileupload .form_drop_instructions {
display: none;
}
.form_main .field.field--fileupload .input_preview {
margin: 10px 0 0;
}
.form_main .field.field--fileupload .input_container_fileupload>div {
position: relative;
height: 20px;
top: -29px;
}
.form_main .field.field--fileupload .form_drop_area {
line-height: 1;
padding: 0;
background: 0 0;
border-radius: 0;
border: 0;
}
.form_main .field.field--fileupload .form_delete_file {
color: #ff5335;
position: relative;
top: -4px;
}
.form_main .field.field--fileupload>.field_description {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 20px;
display: flex;
align-items: flex-end;
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid #5c7f75;
padding: 0 0 3px;
}
.form_main .field.field--fileupload>.field_description:after {
content: "";
position: absolute;
bottom: 3px;
right: 0;
width: 13px;
height: 16px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4xNzYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMy4xNzYgMTYiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWZpbGUtdXBsb2FkIiBkYXRhLW5hbWU9Ikljb24gbWF0ZXJpYWwtZmlsZS11cGxvYWQiIGQ9Ik0xMS4yNjUsMTYuNzM1aDUuNjQ3VjExLjA4OGgzLjc2NUwxNC4wODgsNC41LDcuNSwxMS4wODhoMy43NjVaTTcuNSwxOC42MThIMjAuNjc2VjIwLjVINy41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNSAtNC41KSIgZmlsbD0iIzVjN2Y3NSIvPgo8L3N2Zz4K) no-repeat 50% / contain;
}
.form_main .field_checkbox label,
.form_main .field_radio label {
position: relative;
max-width: 100%;
padding-left: 20px;
}
.form_main .field_checkbox label:after,
.form_main .field_checkbox label:before,
.form_main .field_radio label:after,
.form_main .field_radio label:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.form_main .field_checkbox label:before,
.form_main .field_radio label:before {
width: 14px;
height: 14px;
border: 1px solid grey;
}
.form_main .field_checkbox label:after,
.form_main .field_radio label:after {
display: none;
}
.form_main .field_checkbox input:checked+label,
.form_main .field_radio input:checked+label {
font-weight: 400;
}
.form_main .field_checkbox input:checked+label:after,
.form_main .field_radio input:checked+label:after {
display: block;
}
.form_main .field_radio label:after,
.form_main .field_radio label:before {
border-radius: 100%;
}
.form_main .field_checkbox label:after,
.form_main .field_radio label:after {
left: 2px;
width: 10px;
height: 10px;
background: grey;
}
.form_main .field_radio label:after {
border-radius: 100%;
}
.form_main .form_footer,
.form_main .form_page_footer {
position: relative;
padding: 0;
margin: 24px 0 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.form_main .form_footer,
.form_main .form_page_footer {
margin: 18px 0 0;
}
}
.form_main .form_footer button,
.form_main .form_footer input,
.form_main .form_page_footer button,
.form_main .form_page_footer input {
margin: 0;
}
.form_wrapper .form_footer .form_ajax_spinner {
position: absolute;
top: 50%;
padding: 0;
transform: translateY(-50%);
}
.form_wrapper.form_wrapper.form_wrapper .form_validation_errors {
display: none;
color: #cb3434;
border-color: #cb3434;
margin: 0 0 30px;
}
.form_wrapper.form_wrapper .form_validation_errors>h2,
.form_wrapper.form_wrapper .hero-internal .form_validation_errors>h1,
.hero-internal .form_wrapper.form_wrapper .form_validation_errors>h1 {
color: inherit;
}
.form_confirmation_wrapper .form_confirmation_message {
font-weight: 700;
color: #fff;
font-size: 24px;
background: #9eddd0;
border-radius: 4px;
text-align: center;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
padding: 60px 40px;
}
@media (max-width: 1023px) {
.form_confirmation_wrapper .form_confirmation_message {
font-size: 18px;
padding: 40px 20px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.form_main .form_fields {
grid-column-gap: 0;
}
.form_main .field.field--medium,
.form_main .field.field--small {
grid-column: 1/-1;
}
}
.form_main .form_fields {
display: grid;
grid-column-gap: 2%;
grid-row-gap: 16px;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(auto-fill, auto);
width: 100%;
}
.list-info {
margin-bottom: 10px;
}
.list-info:last-child {
margin-bottom: 0;
}
.list-info p {
margin-bottom: 10px;
}
.list-info p:last-child {
margin-bottom: 0;
}
.list-info a {
text-decoration: none;
}
.list-info a:hover {
color: #ff5335;
}
.list-info ul {
list-style: none;
display: flex;
flex-wrap: wrap;
}
.list-info ul li {
width: 50%;
padding-right: 10px;
}
.half-circle-details {
position: relative;
padding: 200px 0 0;
overflow: hidden;
}
.half-circle-details .half-circle__inner {
position: relative;
z-index: 5;
}
@media (max-width: 1199px) {
.half-circle-details {
padding: 100px 0 0;
}
}
@media (max-width: 1023px) {
.half-circle-details {
padding: 50px 0 0;
}
}
.half-circle-details:before {
content: "";
position: absolute;
bottom: -10vw;
left: 0;
width: 100vw;
height: 100vw;
border-radius: 50vw;
background: #fff;
box-shadow: 0 8px 16px rgba(92, 127, 117, 0.16);
}
@media (max-width: 1023px) {
.half-circle-details:before {
width: 105vw;
left: -2.5vw;
}
}
/* @media (max-width: 1750px) {
.half-circle-details:before {
top: 0;
bottom: unset;
}
} */
.half-circle-details:before {
top: 0;
bottom: unset;
}
.half-circle-details:after {
content: "";
position: absolute;
top: 50vw;
left: 0;
bottom: 0;
width: 100%;
background: linear-gradient(180deg, #fff, #fff 50%, #fff);
}
.half-circle-wrapper {
position: relative;
overflow:hidden;
}
.half-circle-wrapper:before {
content: "";
position: absolute;
top: 210px;
left: 0;
width: 100vw;
height: 100vw;
border-radius: 50vw;
box-shadow: 0 8px 16px rgba(92, 127, 117, 0.16);
background: #fff;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.half-circle-wrapper:before {
top: 36px;
}
}
.half-circle-wrapper:after {
content: "";
position: absolute;
top: calc(210px + 50vw);
left: 0;
bottom: 0;
width: 100%;
background: linear-gradient(180deg, #fff, #f4fcfa);
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.half-circle-wrapper:after {
top: calc(36px + 50vw);
}
}
.half-circle-wrapper .half-circle__inner {
padding-bottom: 1px;
position: relative;
z-index: 5;
}
.half-circle-wrapper--alt:before {
top: 46px;
}
.half-circle-wrapper--alt:after {
top: calc(46px + 50vw);
}
.half-circle-wrapper--alt .half-circle__inner {
position: relative;
z-index: 5;
}
.half-circle-wrapper--alt2:before {
top: 310px;
}
.half-circle-wrapper--alt2:after {
top: calc(310px + 50vw);
}
.half-circle-wrapper--careers:before {
top: 80px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.half-circle-wrapper--careers:before {
top: 30px;
}
}
.half-circle-wrapper--careers:after {
top: calc(80px + 50vw);
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.half-circle-wrapper--careers:after {
top: calc(30px + 50vw);
}
}
.half-circle-wrapper--method:before {
top: 424px;
}
@media (max-width: 1023px) {
.half-circle-wrapper--method:before {
display: none;
}
}
.half-circle-wrapper--method:after {
top: calc(424px + 50vw);
}
@media (max-width: 1023px) {
.half-circle-wrapper--method:after {
display: none;
}
}
.half-circle-wrapper--method .half-circle__inner {
position: relative;
z-index: 5;
}
.hero {
font-size: 24px;
line-height: 1.67;
font-weight: 500;
}
.hero .button_group ul,
.button_group_double ul{
justify-content: center;
}
@media (max-width: 1199px) {
.hero {
font-size: 20px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.hero {
font-size: 14px;
line-height: 2.29;
}
}
.hero h1 {
line-height: 1.1;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.hero h1 {
margin-bottom: 30px;
}
}
.hero h1 strong {
padding: 0 6px;
background: linear-gradient(180deg, transparent 0, transparent 61%, #5c7f75 0, #5c7f75);
}
.hero .hero__content {
max-width: 744px;
text-align: center;
margin: 0 auto 32px;
}
.hero .hero__content:last-child {
margin-bottom: 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.hero .hero__content {
margin-bottom: 24px;
}
}
.section-image-text .section__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
flex-direction: row;
flex-wrap: nowrap;
column-gap: 72px;
}
.section-image-text .section__image {
width: 49%;
}
@media(min-width: 767px) {
.section-image-text .section__inner.revert_img {
flex-direction: row-reverse;
}
}
@media(max-width: 1023px) {
.section-image-text .section__image {
width: 100%;
text-align: center;
padding: 0;
margin-bottom: 30px
}
.section-image-text .section__inner {
flex-direction: column;
column-gap: 0;
}
}
.section-image-text .section__content {
width: 43.5%;
}
@media(max-width: 1023px) {
.section-image-text .section__content {
width: 100%;
padding: 0
}
}
.image_slider_sec {
overflow: hidden;
}
.image_slider_sec .slick-list {
overflow: visible;
}
.image_slider_sec .image_slider_img_inner {
padding-right: 24px;
}
.image_slider_sec .image_slider_img_inner img {
border-radius: 4px;
}
.col_3_list ul {
display: flex;
flex-wrap: wrap;
row-gap: 24px;
column-gap: 24px;
}
.col_3_list ul li {
width: 31.5%;
margin-top: 0 !important;
}
@media (max-width: 1023px) {
.col_3_list ul li {
width: 48%;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.col_3_list ul {
column-gap: 0;
row-gap: 15px;
}
.col_3_list ul li {
width: 100%;
}
}
.block_quote {
display: flex;
align-items: center;
justify-content: space-between;
}
.block_quote blockquote {
margin-bottom: 0;
width: 57%;
}
.block_quote {
display: flex;
align-items: center;
justify-content: space-between;
}
.block_quote .block_quote_img {
overflow: hidden;
width: 28.5%;
}
.block_quote .block_quote_img img {
vertical-align: bottom;
max-width: 100%;
border-radius: 50%;
width: 264px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.block_quote {
flex-wrap: wrap;
}
.block_quote blockquote {
width: 100%;
}
.block_quote .block_quote_img {
margin-top: 30px;
width: 100%;
text-align: center;
}
}
.fourColumn {
margin-right: -12px;
margin-left: -12px;
text-align: center;
}
.fourColumn .fourColumn__item .fourColumn__item-inner {
border-radius: 4px;
overflow: hidden;
}
.fourColumn .fourColumn__item .fourColumn__item-inner img {
width: 100%;
max-width: 100%;
}
.fourColumn .fourColumn__item {
width: calc(25% - 24px);
}
.fourColumn .fourColumn__item h5 {
padding: 24px 12px 0;
}
@media (max-width: 1023px) {
.fourColumn .fourColumn__item {
width: calc(33.33% - 24px);
}
.fourColumn {
row-gap: 30px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.fourColumn .fourColumn__item {
width: calc(50% - 24px);
}
}
@media (max-width: 560px) {
.fourColumn .fourColumn__item {
width: calc(100% - 24px);
}
}
.section-about .section__inner {
display: flex;
align-items: center;
background: #cfeee7;
border-radius: 4px;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
padding: 80px 96px;
}
@media (max-width: 1199px) {
.section-about .section__inner {
padding: 40px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-about .section__inner {
flex-wrap: wrap;
padding: 40px 24px;
}
}
.section-about .section__image {
width: 39.5%;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-about .section__image {
width: 100%;
text-align: center;
margin-bottom: 33px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-about .section__image img {
max-width: 194px;
}
}
.section-about .section__content {
width: 60.5%;
padding-left: 120px;
}
@media (max-width: 1199px) {
.section-about .section__content {
padding-left: 40px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-about .section__content {
width: 100%;
padding: 0;
}
}
.cards ul {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: -12px;
}
.cards ul li {
display: flex;
width: 50%;
padding: 12px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.cards ul li {
width: 100%;
}
}
.card {
overflow: hidden;
width: 100%;
position: relative;
border-radius: 4px;
background: #d6ede7;
box-shadow: 0 8px 16px rgba(92, 127, 117, 0.16);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px;
}
@media (max-width: 575px) {
.card {
padding: 16px;
}
}
.card:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 216px;
height: 216px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTYiIGhlaWdodD0iMjE1Ljk3IiB2aWV3Qm94PSIwIDAgMjE2IDIxNS45NyI+CiAgPHBhdGggaWQ9IlBhdGhfMjIwIiBkYXRhLW5hbWU9IlBhdGggMjIwIiBkPSJNLTg5LjAxLDUwNy4zNmExNjcuNDc1LDE2Ny40NzUsMCwwLDAtNDcuNS02Ljg0Yy05Mi42MywwLTE2OCw3NS4zMy0xNjgsMTY3Ljk2YTE2Ny41NDUsMTY3LjU0NSwwLDAsMCw2Ljg0LDQ3LjUxYy4wNS4xNy4xLjMzLjE0LjVoOTYuOTdhNS44NTQsNS44NTQsMCwwLDEtLjM3LS41LDc5LjYsNzkuNiwwLDAsMS0xNS42Mi00Ny40OSw4MC4wNTEsODAuMDUxLDAsMCwxLDgwLjA0LTgwLjA2LDc5Ljc1MSw3OS43NTEsMCwwLDEsNDcuNSwxNS42NmMuMTcuMTIuMzQuMjQuNS4zN1Y1MDcuNUMtODguNjgsNTA3LjQ1LTg4Ljg0LDUwNy40LTg5LjAxLDUwNy4zNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwNC41MSAtNTAwLjUyKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K) no-repeat 100% 100% / contain;
}
@media (max-width: 575px) {
.card:before {
width: 144px;
height: 144px;
}
}
.card:hover .btn-more span {
opacity: 1;
}
.card>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.card .card__image {
position: relative;
margin-bottom: 20px;
}
.card .card__image img {
width: 272px;
max-width: 100%;
height: auto;
}
@media (max-width: 575px) {
.card .card__image {
max-width: 180px;
}
}
.card .card__content {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 575px) {
.card .card__content {
align-items: flex-end;
}
}
.card .card__content h5 {
color: #5c7f75;
font-weight: 500;
margin: 0 10px 0 0;
}
@media (max-width: 575px) {
.card .card__content h4 {
padding-top: 0;
}
}
.btn-more {
flex-shrink: 0;
display: inline-flex;
align-items: center;
text-decoration: none;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
color: #ff5335;
}
.btn-more:hover span {
opacity: 1;
}
.btn-more:after {
content: "";
display: inline-block;
width: 48px;
height: 48px;
border-radius: 50%;
background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiNmZjUzMzUiLz4KPC9zdmc+Cg==) no-repeat 50%/10px 20px;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
margin-left: 16px;
}
.btn-more span {
opacity: 0;
transition: opacity 0.4s;
}
.logo_slider_title {
width: 744px;
max-width: 100%;
margin: 0 auto;
}
.logo_slider .slick-slide {
display: inline-block;
vertical-align: middle;
float: none;
padding: 0 24px;
}
.logo_slider_parent {
position: relative;
}
.logo_slider_parent .logo_slider_main_prev {
left: -48px;
}
.logo_slider_parent .logo_slider_main_next {
right: -48px;
}
@media (max-width: 1199px) {
.logo_slider_parent .logo_slider_main_prev {
left: -30px;
}
.logo_slider_parent .logo_slider_main_next {
right: -30px;
}
}
@media (max-width: 1199px) {
.logo_slider_parent .logo_slider_main_prev,
.logo_slider_parent .logo_slider_main_next {
display: none;
}
}
.section-testimonials .testimonial {
max-width: 750px;
margin: 0 auto;
}
.section__head h2 {
margin-bottom: 40px;
}
.testimonial {
font-size: 24px;
text-align: center;
line-height: 1.67;
font-weight: 500;
}
@media (max-width: 1199px) {
.testimonial {
font-size: 20px;
}
.section-testimonials .testimonial {
max-width: 650px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.testimonial {
font-size: 14px;
line-height: 2.29;
}
}
.testimonial blockquote p {
margin-bottom: 24px;
}
.testimonial blockquote p:last-child {
margin-bottom: 0;
}
.testimonial blockquote cite {
font-style: normal;
color: #ff5335;
margin-top: 16px;
font-size: 16px;
display: inline-block;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.testimonial blockquote cite {
font-size: 14px;
line-height: 1.71;
}
}
.testimonial blockquote cite strong {
font-weight: 600;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.testimonial blockquote cite strong {
display: block;
}
}
.testimonial .testimonial__image {
position: relative;
width: 104px;
height: 104px;
margin: 0 auto 24px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.testimonial .testimonial__image {
margin-bottom: 20px;
}
}
.testimonial .testimonial__image img {
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
}
.form_normal_section {
background: url(https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/images/Ellipses.svg);
background-repeat: no-repeat;
background-position: top left;
background-size: 100% auto;
}
@media (min-width: 767.02px) {
.normal_wrapper form {
width: 100%;
}
}
.normal_wrapper.form_main .form-body {
flex-grow: 1;
}
@media (max-width: 767px) {
.normal_wrapper.form_main .form_footer {
text-align: center;
}
}
.normal_wrapper.form_main .form_heading {
margin-bottom: 40px;
}
.normal_wrapper.form_main .form_footer {
margin-top: 40px;
}
.normal_wrapper.form_main .form_title {
margin-bottom: 28px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.normal_wrapper.form_main .form_heading {
margin-bottom: 20px;
}
.normal_wrapper.form_main .form_footer {
margin-top: 20px;
}
.normal_wrapper.form_main .form_title {
margin-bottom: 20px;
}
}
.normal_wrapper.form_main .form_description {
font-size: 16px;
}
.contact_wrapper {
border-radius: 4px;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
background: #ff5335;
padding: 34px 36px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.contact_wrapper {
padding: 20px 24px;
}
}
@media (min-width: 767.02px) {
.contact_wrapper form {
width: 100%;
display: flex;
align-items: flex-start;
}
}
.contact_wrapper.form_main .form-body {
flex-grow: 1;
}
.contact_wrapper.form_main .form_footer {
text-align: right;
}
@media (min-width: 767.02px) {
.contact_wrapper.form_main .form_footer {
margin: 0 0 0 24px;
}
}
@media (max-width: 767px) {
.contact_wrapper.form_main .form_footer {
text-align: center;
}
}
.contact_wrapper.form_main .form_heading {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}
.contact_wrapper.form_main .form_title {
color: #fff;
font-weight: 700;
margin: 0 10px 0 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.contact_wrapper.form_main .form_title {
font-size: 24px;
}
}
.contact_wrapper.form_main .form_description {
color: #fff;
font-size: 16px;
}
.section-form-cta .section__inner {
background: #fff;
border-radius: 4px;
box-shadow: 0 8px 16px rgba(92, 127, 117, 0.16);
display: flex;
align-items: flex-end;
padding: 70px 0 0 90px;
}
@media (max-width: 1023px) {
.section-form-cta .section__inner {
padding: 70px 0 0 50px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-form-cta .section__inner {
flex-wrap: wrap;
padding: 30px 20px 0;
}
.section-form-cta .form_two_col_wrapper.form_main .form_fields {
grid-column-gap: 0;
}
}
.section-form-cta .section__content {
width: 480px;
padding-bottom: 70px;
}
.section-form-cta.hideImage .section__content {
width: 770px;
}
@media (max-width: 1023px) {
.section-form-cta .section__content {
width: 480px;
}
.section-form-cta.hideImage .section__content {
width: 770px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-form-cta .section__content {
font-size: 14px;
line-height: 2.29;
width: 100%;
padding: 0;
margin-bottom: 20px;
}
}
.section-form-cta .section__head {
margin-bottom: 40px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-form-cta .section__head {
margin-bottom: 20px;
}
}
.section-form-cta .section__head h3 {
margin-bottom: 24px;
}
.section-form-cta .section__form {
padding-right: 24px;
}
@media (max-width: 1023px) {
.section-form-cta .section__form {
padding-right: 24px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-form-cta .section__form {
padding: 0;
}
}
.section-form-cta .section__image {
text-align: right;
flex-grow: 1;
}
.section-form-cta .section__image-desktop {
margin-right: -45px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-form-cta .section__image-desktop {
display: none;
}
}
.section-form-cta .section__image-mobile {
text-align: center;
display: none;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-form-cta .section__image-mobile {
display: block;
}
}
.form_two_col_wrapper.form_main .form_fields {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.section-subscribe .section__inner {
position: relative;
border-radius: 240px;
background: #fff;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
min-height: 480px;
padding: 104px 480px 104px 160px;
width: 1128px;
max-width: 100%;
margin: 0 auto;
}
.section-subscribe.hideImage .section__inner {
padding-right:300px;
}
@media (max-width: 1199px) {
.section-subscribe .section__inner {
border-radius: 4px 240px 240px 4px;
padding: 84px 480px 84px 100px;
}
.section-subscribe.hideImage .section__inner {
padding-right:300px;
}
}
@media (max-width: 1023px) {
.section-subscribe .section__inner {
border-radius: 4px;
padding: 120px 40px 40px 40px;
margin-top: 120px;
}
.section-subscribe.hideImage .section__inner {
padding-top:40px;
padding-right:40px;
}
}
.section-subscribe .section__image {
position: absolute;
bottom: 24px;
top: inherit;
right: 24px;
width: 432px;
height: 482px;
}
@media (max-width: 1023px) {
.section-subscribe .section__image {
width: 215px;
height: 240px;
top: -30px;
right: 50%;
margin-top: -110px;
margin-right: -110px;
}
}
.section-subscribe .section__content {
position: relative;
z-index: 10;
}
.section-subscribe .section__form {
margin-right: -140px;
}
@media (max-width: 1023px) {
.section-subscribe .section__form {
margin-right: 0;
}
}
.section-subscribe .section__entry {
max-width: 430px;
margin-bottom: 40px;
}
.section-subscribe.hideImage .section__entry {
max-width: 700px;
}
.section-subscribe .section__entry h3 {
margin-bottom: 24px;
line-height: 1;
}
.section-subscribe .section__entry:last-child {
margin-bottom: 0;
}
@media (max-width: 1023px) {
.section-subscribe .section__entry {
max-width: 100%;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-subscribe .section__entry {
font-size: 16px;
line-height: 2;
max-width: 100%;
margin-bottom: 30px;
}
.section-subscribe .section__inner {
padding: 120px 20px 20px 20px;
}
}
@media (min-width: 767.02px) {
.section-subscribe .gform_wrapper.gravity-theme form {
display: flex;
align-items: flex-start;
}
}
@media (min-width: 767.02px) {
.section-subscribe .form_footer {
margin: 0 0 0 24px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-subscribe .gform_wrapper.gform_wrapper.gravity-theme .gform_footer {
text-align: center;
}
}
@media (min-width: 767.02px) {
.section-subscribe form {
display: flex;
align-items: flex-start;
}
}
.calculator_part_1 form {
display: flex;
align-items: flex-start;
width: 100%;
}
.calculator_part_1 .field {
position:relative;
}
.calculator_sec .calculator_box {
flex: 1;
width: 100%;
position: relative;
border-radius: 240px;
background-color: #fff;
box-shadow: 0px 8px 16px rgba(92, 127, 117, 0.16);
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 24px 160px;
}
.calculator_box_inner {
width: 100%;
}
.calculator_box_inner h3 {
margin-bottom: 24px;
}
.calculator_box_inner p {
margin-bottom: 40px;
}
.calculator_box_inner .form-body {
width: 100%;
}
.calculator_sec .calculator_part_2 {
padding-top:90px;
}
.step1_form {
width:210px;
}
.calculator_sec .calculator_part_3,
.calculator_sec .calculator_part_2 {
display: none;
}
.calculator_part_2 fieldset.form-columns-2,
.calculator_part_2 .hs_submit {
display:inline-block;
width:100%;
}
.calculator_part_2 fieldset.form-columns-1 {
display:inline-block;
width:50%;
}
.calculator_part_2 fieldset.form-columns-1 .hs-form-field input {
width:100%;
}
.calculator_part_2 .form_main .form_footer {
text-align: right;
}
.calculator_part_2 .form_footer .btn:last-child {
margin-left: 16px;
}
@media (max-width: 1023px) {
.calculator_sec .calculator_box {
padding: 24px 100px;
border-radius: 4px 240px 240px 4px;
}
}
@media (min-width: 767.02px) {
.calculator_part_1 .form_main .form_footer {
margin: 0 0 0 16px;
}
.calculator_sec .calculator_box {
min-height: 482px;
}
.calculator_sec .calculator_part_2 {
min-height: 605px;
}
.calculator_sec .calculator_part_2 {
}
.calculator_sec .calculator_part_2 .hs_submit {
display:inline-block;
}
}
@media (max-width: 1023px) {
.calculator_sec .calculator_box {
padding: 24px 30px;
border-radius: 4px;
}
}
.calculator_part_3.section__inner {
position: relative;
border-radius: 240px;
background: #fff;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
min-height: 480px;
padding: 104px 480px 104px 160px;
width: 1128px;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 1199px) {
.calculator_part_3.section__inner {
border-radius: 4px 240px 240px 4px;
padding: 84px 480px 84px 100px;
}
}
@media (max-width: 1023px) {
.calculator_part_3.section__inner {
border-radius: 4px;
padding: 120px 40px 40px 40px;
margin-top: 120px;
}
}
.calculator_part_3 .section__image {
position: absolute;
bottom: 24px;
top: inherit;
right: 24px;
width: 432px;
height: 482px;
}
@media (max-width: 1023px) {
.calculator_part_3 .section__image {
width: 220px;
height: 220px;
top: 0;
right: 50%;
margin-top: -110px;
margin-right: -110px;
}
}
.calculator_part_3 .section__content {
position: relative;
z-index: 10;
}
.calculator_part_3 .section__form {
margin-right: -140px;
}
@media (max-width: 1023px) {
.calculator_part_3 .section__form {
margin-right: 0;
}
}
.calculator_part_3 .section__entry {
max-width: 430px;
margin-bottom: 40px;
}
.calculator_part_3 .section__entry h3 {
margin-bottom: 24px;
line-height: 1;
}
.calculator_part_3 .section__entry:last-child {
margin-bottom: 0;
}
@media (max-width: 1023px) {
.calculator_part_3 .section__entry {
max-width: 100%;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.calculator_part_3 .section__entry {
font-size: 16px;
line-height: 2;
max-width: 100%;
margin-bottom: 30px;
}
.calculator_part_3 .section__inner {
padding: 120px 20px 20px 20px;
}
.calculator_part_1 form {
flex-wrap: wrap;
}
.calculator_part_2 .form_main .form_fields {
grid-template-columns: repeat(1, 1fr);
}
.calculator_part_2 .form_main .form_footer {
text-align: center;
margin-top: 10px;
}
.calculator_part_2 .form_main .form_footer button {
margin-top: 8px;
}
}
@media (min-width: 767.02px) {
.calculator_part_3 .form_footer {
margin: 0 0 0 24px;
}
}
@media (min-width: 767.02px) {
.calculator_part_3 form {
display: flex;
align-items: flex-start;
}
}
.calculator_part_2 .submitted-message {
text-indent: -9999em;
}
.calculator_part_3 .hs-submit {
margin-top:0;
}
@media (max-width: 765px) {
.calculator_part_3 .hs-submit {
margin-top:5px;
}
}
@media (max-width: 480px) {
.calculator_part_3 .hs-form-field {
margin-bottom:10px;
}
}
.two_col_sec_content p:not(:last-child) {
margin-bottom: 16px;
}
.two_col_sec_content h4 {
margin-bottom: 20px;
}
.two_col_sec_content.richtext-entry p+ol,
.two_col_sec_content.richtext-entry p+ul {
margin-top: 16px;
margin-bottom: 16px;
}
.two_col_sec_content .button_group {
margin-top: 30px;
}
.text-image_section .dis_flex {
flex-direction: row;
flex-wrap: nowrap;
column-gap: 80px;
}
.two_col_sec_content,
.two_col_sec_img {
width: 50%;
}
@media (min-width: 767px) {
.text-image_section.swap_img .dis_flex {
flex-direction: row-reverse;
}
}
@media (max-width: 767px) {
.text-image_section .dis_flex {
flex-direction: column;
row-gap: 30px;
}
.two_col_sec_content,
.two_col_sec_img {
width: 100%;
}
.two_col_sec_img {
text-align: center;
}
.two_col_sec_img img {
width: 360px;
max-width: 100%;
}
}
.company_info {
background: url(https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/images/Ellipses.svg);
background-repeat: no-repeat;
background-position: bottom left;
background-size: 100% auto;
}
.company_info .section__inner {
display: flex;
align-items: flex-start;
gap: 120px;
}
.company_info .section__image {
text-align: center;
}
.company_info .section__image img {
width: 296px;
max-width: 100%;
}
.company_info .section__image:last-child {
margin-bottom: 0;
}
.company_info .section__info {
width: 50%;
}
.company_info .section__info h4 {
font-weight: 600;
margin-bottom: 13px;
}
.company_info .section__info h4:last-child {
margin-bottom: 0;
}
@media (max-width: 1023px) {
.company_info .section__inner {
gap: 40px;
}
.company_info .section__info {
width: 60%;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.company_info .section__inner {
flex-wrap: wrap;
}
.company_info .section__info {
width: 100%;
}
.list-info ul li {
width: 50%;
}
}
@media (max-width: 560px) {
.list-info ul li {
width: 100%;
}
}
.backColor {
background-color:#ffffff;
}
.section-contact .section__head {
margin-bottom: 32px;
}
.section-contact .section__inner {
display: flex;
align-items: flex-start;
gap: 80px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-contact .section__inner {
flex-wrap: wrap;
}
}
.section-contact .section__modal {
display: flex;
align-items: initial;
justify-content: space-between;
row-gap: 24px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-contact .section__modal {
flex-wrap: wrap;
}
}
.section-contact .section__modal .section__aside {
height: auto;
width: 49%;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-contact .section__modal .section__aside {
width: 100%;
padding: 24px;
}
}
.section-contact .section__contact {
list-style-type: none;
}
.section-contact .section__contact li a {
display: flex;
align-items: center;
gap: 12px;
}
.section-contact .section__contact li a:hover{
color: #ff5335;
}
.section-contact .section__contact li a:before {
content: "";
display: inline-block;
width: 0.8rem;
height: 0.8rem;
background-color: currentColor;
}
.section-contact .section__contact li a.phone:before {
mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBkYXRhLW5hbWU9Ikljb24gbWF0ZXJpYWwtY2FsbCIgZD0iTTYuOTEzLDkuNjkzYTEwLjEsMTAuMSwwLDAsMCw0LjM5Myw0LjM5M2wxLjQ2Ny0xLjQ2N2EuNjYzLjY2MywwLDAsMSwuNjgtLjE2LDcuNiw3LjYsMCwwLDAsMi4zOC4zOC42NjkuNjY5LDAsMCwxLC42NjcuNjY3djIuMzI3YS42NjkuNjY5LDAsMCwxLS42NjcuNjY3QTExLjMzMiwxMS4zMzIsMCwwLDEsNC41LDUuMTY3LjY2OS42NjksMCwwLDEsNS4xNjcsNC41SDcuNWEuNjY5LjY2OSwwLDAsMSwuNjY3LjY2Nyw3LjU3NCw3LjU3NCwwLDAsMCwuMzgsMi4zOC42NjkuNjY5LDAsMCwxLS4xNjcuNjhMNi45MTMsOS42OTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC41IC00LjUpIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==) no-repeat center;
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBkYXRhLW5hbWU9Ikljb24gbWF0ZXJpYWwtY2FsbCIgZD0iTTYuOTEzLDkuNjkzYTEwLjEsMTAuMSwwLDAsMCw0LjM5Myw0LjM5M2wxLjQ2Ny0xLjQ2N2EuNjYzLjY2MywwLDAsMSwuNjgtLjE2LDcuNiw3LjYsMCwwLDAsMi4zOC4zOC42NjkuNjY5LDAsMCwxLC42NjcuNjY3djIuMzI3YS42NjkuNjY5LDAsMCwxLS42NjcuNjY3QTExLjMzMiwxMS4zMzIsMCwwLDEsNC41LDUuMTY3LjY2OS42NjksMCwwLDEsNS4xNjcsNC41SDcuNWEuNjY5LjY2OSwwLDAsMSwuNjY3LjY2Nyw3LjU3NCw3LjU3NCwwLDAsMCwuMzgsMi4zOC42NjkuNjY5LDAsMCwxLS4xNjcuNjhMNi45MTMsOS42OTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC41IC00LjUpIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==) no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;
}
.section-contact .section__contact li a.mail:before {
mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxMiI+Cgk8cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMy41LDBIMS41QTEuNDksMS40OSwwLDAsMCwwLDEuNXY5QTEuNSwxLjUsMCwwLDAsMS41LDEyaDEyQTEuNSwxLjUsMCwwLDAsMTUsMTAuNXYtOUExLjUsMS41LDAsMCwwLDEzLjUsMFptMCwzLTYsMy43NUwxLjUsM1YxLjVsNiwzLjc1LDYtMy43NVoiLz4KPC9zdmc+Cg==) no-repeat center;
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxMiI+Cgk8cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMy41LDBIMS41QTEuNDksMS40OSwwLDAsMCwwLDEuNXY5QTEuNSwxLjUsMCwwLDAsMS41LDEyaDEyQTEuNSwxLjUsMCwwLDAsMTUsMTAuNXYtOUExLjUsMS41LDAsMCwwLDEzLjUsMFptMCwzLTYsMy43NUwxLjUsM1YxLjVsNiwzLjc1LDYtMy43NVoiLz4KPC9zdmc+Cg==) no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;
}
.section-contact .section__content {
width: 600px;
max-width: 504px;
padding-right: 40px;
margin-bottom: 40px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-contact .section__content {
max-width: 100%;
width: 100%;
padding: 0;
margin-bottom: 30px;
}
}
.section-contact .section__aside {
width: 456px;
background: #fff;
border-radius: 4px;
box-shadow: 0 8px 16px rgba(92, 127, 117, 0.16);
padding: 40px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-contact .section__aside {
width: 100%;
padding: 24px;
}
}
.section-contact .section__image {
text-align: center;
margin-bottom: 40px;
}
.section-contact .section__image:last-child {
margin-bottom: 0;
}
.section-contact .section__entry {
margin-bottom: 55px;
}
.section-contact .section__entry:last-child {
margin-bottom: 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-contact .section__entry {
margin-bottom: 0;
}
}
.section-contact .section__info {
width: 50%;
}
.section-contact .section__info h4 {
font-weight: 600;
margin-bottom: 13px;
}
.section-contact .section__info h4:last-child {
margin-bottom: 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-contact .section__foot {
margin-inline: 40px;
margin-top: 80px;
}
.company_info .section__image {
width: 100%;
}
}
.section-contact .section__foot h4 {
font-weight: 600;
}
.section-open-positions {
padding-bottom: 80px;
}
.section-open-positions .section__head {
text-align: center;
margin-bottom: 55px;
}
@media (max-width: 1199px) {
.section-open-positions .section__content {
max-width: 800px;
margin: 0 auto;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.section-open-positions .section__content {
max-width: 500px;
}
.section-open-positions {
padding-bottom: 40px;
}
}
.list-open-positions ul {
list-style: none;
}
.list-open-positions ul li {
display: flex;
}
.list-open-positions ul li+li {
margin-top: 10px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.list-open-positions ul li+li {
border-top: 1px solid rgba(214, 237, 231, 0.7);
padding-top: 10px;
}
}
.list-open-positions a {
font-size: 20px;
line-height: 1.2;
font-weight: 500;
width: 100%;
min-height: 72px;
position: relative;
text-decoration: none;
display: flex;
align-items: center;
border-radius: 36px;
padding: 20px 62px 20px 38px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.list-open-positions a {
font-size: 14px;
line-height: 1.57;
padding: 0 20px 0 0;
}
}
@media (min-width: 767.02px) {
.list-open-positions a:hover {
background: #f4fcfa;
}
}
@media (min-width: 767.02px) {
.list-open-positions a:hover:after {
opacity: 0;
}
}
@media (min-width: 767.02px) {
.list-open-positions a:hover:before {
opacity: 1;
}
}
.list-open-positions a:after {
content: "";
position: absolute;
top: 50%;
right: 12px;
width: 48px;
height: 48px;
border-radius: 50%;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiM1QzdGNzUiLz4KPC9zdmc+Cg==) no-repeat 50%/10px 16px;
margin-top: -24px;
transition: opacity 0.4s;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.list-open-positions a:after {
right: 0;
width: 10px;
}
}
.list-open-positions a:before {
content: "";
position: absolute;
top: 50%;
right: 12px;
width: 48px;
height: 48px;
border-radius: 50%;
background: #ff5335 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==) no-repeat 50%/10px 16px;
margin-top: -24px;
transition: opacity 0.4s;
opacity: 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.list-open-positions a:before {
right: 0;
width: 10px;
}
}
.list-open-positions a p {
width: 75%;
padding-right: 10px;
margin: 0;
}
@media (max-width: 1023px) {
.list-open-positions a p {
width: 65%;
}
}
.list-open-positions a strong {
font-size: 16px;
line-height: 1.2;
font-weight: inherit;
color: #ff5335;
width: 25%;
display: flex;
padding-right: 10px;
}
@media (max-width: 1023px) {
.list-open-positions a strong {
width: 35%;
display: block;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.list-open-positions a strong {
font-size: 12px;
line-height: 2;
}
}
.list-open-positions a strong span {
width: 50%;
padding-right: 5px;
}
@media (max-width: 1023px) {
.list-open-positions a strong span {
display: block;
width: 100%;
}
}
.articles_box_head {
width: 744px;
max-width: 100%;
margin: 0 auto 40px;
}
.articles_box_head h2 {
margin-bottom: 28px;
}
.article .article__image {
width: 100%;
height: 0;
padding-bottom: 260px;
border-radius: 4px 4px 0 0;
}
@media (max-width: 1288px) {
.article .article__image {
padding-bottom: 20.2vw;
}
}
@media (max-width: 1023px) {
.article .article__image {
padding-bottom: 33.5vw;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article .article__image {
padding-bottom: 67.7vw;
}
}
.article .article__content {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 28px 32px 25px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article .article__content {
padding: 20px 24px;
}
}
.articles .articles__items {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
margin: -12px;
height: auto !important;
}
.articles .articles__item {
display: flex;
width: 33.33%;
padding: 12px;
position: static !important;
}
.articles .articles__item a {
text-decoration:none;
}
@media (max-width: 1023px) {
.articles .articles__item {
width: 50%;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.articles .articles__item {
width: 100%;
}
}
.article {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
background: #fff;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
border-radius: 4px;
}
.article:hover .article__actions span {
color: #ff5335;
}
.article h3 {
line-height: 1;
margin-bottom: 21px;
}
.article h3 a {
text-decoration: none;
color: inherit;
}
.article h3 a:hover {
color: #5c7f75;
}
.article>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.article .article__image {
width: 100%;
height: 0;
padding-bottom: 260px;
border-radius: 4px 4px 0 0;
}
.article-callout {
position: relative;
background: #9eddd0;
border-radius: 4px;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
text-align: center;
width: 100%;
display: flex;
align-items: center;
min-height: 430px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article-callout h3 {
font-size: 64px;
}
}
.article-callout .article__image {
margin-bottom: -120px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article-callout .article__image {
margin-bottom: -110px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article-callout .article__image img {
max-width: 164px;
}
}
.article-callout .article__inner {
position: relative;
width: 100%;
padding: 20px;
}
@media (max-width: 1288px) {
.article .article__image {
padding-bottom: 20.2vw;
}
}
@media (max-width: 1023px) {
.article .article__image {
padding-bottom: 33.5vw;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article .article__image {
padding-bottom: 67.7vw;
}
}
.articles .articles__paging {
margin-top: 120px;
}
@media (max-width: 1199px) {
.articles .articles__paging {
margin-top: 80px;
}
}
@media (max-width: 1023px) {
.articles .articles__paging {
margin-top: 40px;
}
}
.articles--alt .articles__item:first-child {
width: 66.67%;
}
@media (max-width: 1023px) {
.articles--alt .articles__item:first-child {
width: 100%;
}
}
.articles__item .article__content h2 {
color: #fff;
margin-bottom: 28px;
}
.articles--listing {
padding: 100px 0;
}
.articles--listing article+article {
margin-top: 100px;
}
.article-single {
font-weight: 500;
}
.article-single .article__image img {
width: 100%;
border-radius: 4px 4px 0 0;
}
.article-single .article__content {
padding: 70px 0 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article-single .article__content {
padding: 60px 0 0;
}
}
.article-single .article__actions {
margin-top: 95px;
}
@media (max-width: 1199px) {
.article-single .article__actions {
margin-top: 60px;
}
}
.article-single .article__actions a {
position: relative;
display: inline-block;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.025em;
padding-left: 18px;
}
.article-single .article__actions a:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 16px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiM1QzdGNzUiLz4KPC9zdmc+Cg==) no-repeat 50% / contain;
transform: rotate(180deg);
margin-top: -8px;
}
.article-single .article__actions a strong {
font-weight: 600;
color: #ff5335;
}
.article-single .contact_wrapper {
margin: 120px -96px;
}
@media (max-width: 1199px) {
.article-single .contact_wrapper {
margin: 60px 0;
}
}
.article .article__actions {
text-align: right;
padding-top: 17px;
margin-top: auto;
}
.article .article__actions span {
transition: color 0.4s, background 0.4s, opacity 0.4s, transform 0.4s, border 0.4s;
}
.article .article__actions a,
.article .article__actions span {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 500;
text-decoration: none;
padding-right: 10px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article .article__actions a,
.article .article__actions span {
font-size: 14px;
}
}
.article .article__actions a:hover,
.article .article__actions span:hover {
color: #ff5335;
}
/*.article .article__actions a:after,*/
.article .article__actions span:after,
.article .article__actions span svg,
.article .article__actions a svg {
content: "";
position: absolute;
top: 50%;
right: -5px;
background: url('data:image/svg+xml,%3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.125 2.25L7.875 6L4.125 9.75" stroke="%235C7F75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat 50% / contain;
width: 12px;
height: 12px;
margin-top: -6px;
}
.article {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
background: #fff;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
border-radius: 4px;
}
.article:hover .article__actions span {
color: #ff5335;
}
.article h3 {
line-height: 1;
margin-bottom: 21px;
}
.article h3 a {
text-decoration: none;
color: inherit;
}
.article h3 a:hover {
color: #5c7f75;
}
.article>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.article .article__image {
width: 100%;
height: 0;
padding-bottom: 260px;
border-radius: 4px 4px 0 0;
}
.blog_listing_filter_sec .form_main {
margin-bottom: 40px;
}
.blog_listing_filter_sec .field.field--medium label {
display: 100%;
font-weight: 700;
}
.blog_listing_filter_sec .field.field--medium:first-child {
grid-column: span 4;
}
.blog_listing_filter_sec .field.field--medium:last-child {
grid-column: span 8;
}
.blog_listing_filter_sec .field.field--medium:last-child div {
display: flex;
column-gap: 16px;
}
.blog_listing_filter_sec .field.field--medium:last-child span {
line-height: 1;
}
@media (max-width: 1288px) {
.article .article__image {
padding-bottom: 20.2vw;
}
}
@media (max-width: 1023px) {
.article .article__image {
padding-bottom: 33.5vw;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article .article__image {
padding-bottom: 67.7vw;
}
.blog_listing_filter_sec .field.field--medium:last-child,
.blog_listing_filter_sec .field.field--medium:first-child {
grid-column: span 12;
}
}
.article .article__content {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 28px 32px 25px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article .article__content {
padding: 20px 24px;
}
}
.article .article__actions {
text-align: right;
padding-top: 17px;
margin-top: auto;
}
.article .article__actions span {
transition: color 0.4s, background 0.4s, opacity 0.4s, transform 0.4s,
border 0.4s;
}
.article .article__actions a,
.article .article__actions span {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 500;
text-decoration: none;
padding-right: 10px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article .article__actions a,
.article .article__actions span {
font-size: 14px;
}
}
.article .article__actions a:hover,
.article .article__actions span:hover {
color: #ff5335;
}
/*.article .article__actions a:after,*/
.article .article__actions span:after {
content: "";
position: absolute;
top: 50%;
left: 95%;
background: url('data:image/svg+xml,') no-repeat 50% / contain;
width: 12px;
height: 12px;
margin-top: -6px;
}
.article:hover .article__actions a:after,
.article:hover .article__actions span:after {
background: url('data:image/svg+xml,') no-repeat 50% / contain;
}
.article .article__date {
font-size: 14px;
font-style: italic;
}
.article .article__body h5 {
font-weight: 500;
}
.article .article__tags {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 16px 32px;
z-index: 5;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article .article__tags {
padding: 16px 24px;
}
}
.article .article__tags ul {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: -2px -5px;
}
.article .article__tags ul li {
padding: 2px 5px;
}
.article .article__tags a {
text-decoration: none;
}
.article .article__tags a:hover span {
background: #fff;
}
.article .article__tags span {
display: inline-block;
font-size: 14px;
line-height: 1;
font-weight: 500;
background: #cfeee7;
transition: background 0.4s;
border-radius: 16px;
padding: 9px 16px;
}
.article--small h3 {
font-size: 24px;
line-height: 1;
margin-bottom: 18px;
}
.articles .articles__items {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
margin: -12px;
}
.articles .articles__item {
display: flex;
width: 33.33%;
padding: 12px;
}
@media (max-width: 1023px) {
.articles .articles__item {
width: 50%;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.articles .articles__item {
width: 100%;
}
}
.articles .articles__paging {
margin-top: 120px;
}
@media (max-width: 1199px) {
.articles .articles__paging {
margin-top: 80px;
}
}
@media (max-width: 1023px) {
.articles .articles__paging {
margin-top: 40px;
}
}
.articles .contact_wrapper.form_wrapper {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.articles .contact_wrapper.form_wrapper {
padding: 24px;
}
}
.articles .contact_wrapper.form_wrapper form {
width: 100%;
display: block;
}
.articles .contact_wrapper.form_wrapper .form_footer {
margin: 24px 0 0;
}
.articles .form_wrapper .field.gfield--small {
grid-column: 1/-1;
}
.articles--alt .articles__item:first-child {
width: 66.67%;
}
@media (max-width: 1023px) {
.articles--alt .articles__item:first-child {
width: 100%;
}
}
.articles--listing {
padding: 100px 0;
}
.articles--listing article+article {
margin-top: 100px;
}
.article-single {
font-weight: 500;
}
.article-single .article__image img {
width: 100%;
border-radius: 4px 4px 0 0;
}
.article-single .article__content {
padding: 70px 0 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.article-single .article__content {
padding: 60px 0 0;
}
}
.article-single .article__actions {
margin-top: 95px;
}
@media (max-width: 1199px) {
.article-single .article__actions {
margin-top: 60px;
}
}
.article-single .article__actions a {
position: relative;
display: inline-block;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.025em;
padding-left: 18px;
}
.article-single .article__actions a:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 16px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0Ljk0IDgiPgogIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkPSJNMTMuODI1LDlsLS45NC45NEwxNS45MzgsMTNsLTMuMDUzLDMuMDYuOTQuOTQsNC00WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjg4NSAtOSkiIGZpbGw9IiM1QzdGNzUiLz4KPC9zdmc+Cg==) no-repeat 50% / contain;
transform: rotate(180deg);
margin-top: -8px;
}
.article-single .article__actions a strong {
font-weight: 600;
color: #ff5335;
}
.article-single .contact_wrapper {
margin: 120px -96px;
}
@media (max-width: 1199px) {
.article-single .contact_wrapper {
margin: 60px 0;
}
}
.contact_wrapper.form_wrapper .form_heading {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}
.contact_wrapper.form_wrapper .form_title {
color: #ffffff;
font-weight: 700;
margin: 0 10px 0 0;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.contact_wrapper.form_wrapper .form_title {
font-size: 24px;
}
}
.contact_wrapper.form_wrapper .form_description {
color: #fff;
font-size: 16px;
font-weight: 500;
}
.contact_wrapper.gform_confirmation_wrapper {
padding: 60px;
border-radius: 4px;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
background: #9eddd0;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 1.75;
font-weight: 700;
}
@media (max-width: 1199px) {
.contact_wrapper.gform_confirmation_wrapper {
font-size: 20px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.contact_wrapper.gform_confirmation_wrapper {
font-size: 14px;
padding: 130px 50px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.contact_wrapper.gform_confirmation_wrapper span {
display: block;
font-size: 40px;
line-height: 1;
margin-bottom: 15px;
}
}
.member {
padding: 145px 0 125px;
position: relative;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.member {
padding: 80px 0;
}
}
.member .member__links {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.member .member__links {
margin-bottom: -30px;
}
}
.member .member__links ul {
list-style: none;
justify-content: center;
display: flex;
margin: -6px -12px;
}
.member .member__links ul li {
padding: 6px 12px;
}
.member .member__links a {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: #9eddd0;
color: #fff;
cursor: pointer;
}
.member .member__links a:hover {
background: #5c7f75;
transition: all ease .4s;
}
.member .member__links a:hover svg rect {
fill: #5c7f75;
transition: all ease .4s;
}
.member .member__links a svg {
max-width: 100%;
}
.member .member__image {
position: relative;
width: 100%;
padding-bottom: 100%;
border-radius: 50%;
transition: 0.4s;
overflow: visible;
}
.member .member__image img {
object-fit: contain;
border-radius: 0 0 50% 50%;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.member .member__image {
width: 136px;
border-radius: 0 0 50% 50%;
padding-bottom: 136px;
margin: 0 auto;
}
}
.member .member__image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #f4fcfa;
box-shadow: inset 0 4px 8px rgba(92, 127, 117, 0.16);
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.member .member__image:before {
width: 136px;
height: 136px;
top: auto;
bottom: 0;
}
}
.member .member__head {
text-align: center;
line-height: 1.3;
font-weight: 500;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.member .member__head h4 {
margin-bottom: 3px;
font-weight: 500;
}
.member .member__head p{
font-weight:400;
color: #9eddd0;
}
.slider-members {
position: relative;
padding: 100px 0;
margin: -200px -60px 0;
top: 100px;
}
@media (max-width: 1199px) {
.slider-members {
max-width: 800px;
margin: -50px auto 0;
top: 50px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slider-members {
max-width: 350px;
padding: 0;
top: 0;
margin: 0px auto;
}
}
.slider-members:before {
left: 0;
background: linear-gradient(90deg, #f4fcfa, rgba(244, 252, 250, 0));
}
.slider-members:after,
.slider-members:before {
content: "";
position: absolute;
top: 0;
bottom: 100px;
width: 160px;
z-index: 10;
pointer-events: none;
display: none;
}
.slider-members:after {
right: 0;
background: linear-gradient(90deg, rgba(244, 252, 250, 0), #f4fcfa);
}
.slider-members>span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 633px;
height: 633px;
border-radius: 50%;
background: #fff;
box-shadow: 0px 8px 16px rgba(92, 127, 117, 0.16);
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slider-members>span {
width: 323px;
height: 323px;
}
}
.slider-members .swiper-slide {
opacity: 0;
left: 0;
right: 0;
transition: all 0.4s;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slider-members .swiper-slide {
padding: 60px 0;
}
}
.slider-members .swiper-slide.next,
.slider-members .swiper-slide.prev,
.slider-members .swiper-slide.swiper-slide-active {
opacity: 1;
}
.slider-members .swiper-slide .member__head,
.slider-members .swiper-slide .member__links {
opacity: 0;
visibility: hidden;
transition: opacity 0.4s, visibility 0.4s;
}
.slider-members .swiper-slide-active .member__head,
.slider-members .swiper-slide-active .member__links {
opacity: 1;
visibility: visible;
}
.slider-members .swiper-slide .member__image {
transform: scale(0.38);
}
.slider-members .swiper-slide .member__image:before {
background: #ffece8;
}
.slider-members .swiper-slide.swiper-slide-next .member__image,
.slider-members .swiper-slide.swiper-slide-prev .member__image {
transform: scale(0.64);
}
.slider-members .swiper-slide.swiper-slide-next .member__image:before,
.slider-members .swiper-slide.swiper-slide-prev .member__image:before {
background: #ffece8;
}
.slider-members .swiper-slide.swiper-slide-active .member__image {
transform: scale(1.2);
}
.slider-members .swiper-slide.swiper-slide-active .member__image:before {
background: #f4fcfa;
}
@media (min-width: 1199.02px) {
.slider-members .swiper-slide.prev:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
left: 100px;
right: auto;
}
}
@media (min-width: 1199.02px) {
.slider-members .swiper-slide.next:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
left: auto;
right: 100px;
}
}
.slider-members .slider__paging {
font-size: 16px;
position: absolute;
top: 180px;
right: 420px;
}
@media (max-width: 1199px) {
.slider-members .slider__paging {
top: 160px;
right: 220px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slider-members .slider__paging {
font-size: 10px;
top: 130px;
right: 55px;
}
}
.slider-members .swiper-pagination {
bottom: auto;
top: -40px;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
display: none;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slider-members .swiper-pagination {
top: 20px;
display: flex;
}
}
.slider-members .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 1;
background: #5c7f75;
margin: 2px 6px;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slider-members .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 2px 8px;
}
}
.slider-members .swiper-pagination-bullet:only-child {
display: none;
}
.slider-members .swiper-pagination-bullet-active {
background: #9eddd0;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.slider-members .swiper-button-next,
.slider-members .swiper-button-prev {
width: 48px;
height: 48px;
border-radius: 50%;
background: #fff;
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16);
transition: box-shadow 0.4s;
margin-top: -24px;
z-index: 15;
}
.slider-members .swiper-button-next:hover,
.slider-members .swiper-button-prev:hover {
box-shadow: 0 4px 8px rgba(92, 127, 117, 0.16),
0 4px 8px rgba(92, 127, 117, 0.16);
}
.slider-members .swiper-button-next:after,
.slider-members .swiper-button-prev:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 16px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljg4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS44OCAxNiI+CiAgPHBhdGggaWQ9Ikljb25fbWF0ZXJpYWwtY2hldnJvbi1yaWdodCIgZGF0YS1uYW1lPSJJY29uIG1hdGVyaWFsLWNoZXZyb24tcmlnaHQiIGQ9Ik0yMC44ODUsOWwxLjg4LDEuODhMMTYuNjU4LDE3bDYuMTA3LDYuMTJMMjAuODg1LDI1bC04LThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIuODg1IC05KSIgZmlsbD0iI2ZmNTMzNSIvPgo8L3N2Zz4K) no-repeat 50% / contain;
margin: -8px 0 0 -5px;
}
.slider-members .swiper-button-next img,
.slider-members .swiper-button-prev img {
display: none;
}
.slider-members .swiper-button-prev {
left: 65px;
}
@media (max-width: 1199px) {
.slider-members .swiper-button-prev {
left: -15px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slider-members .swiper-button-prev {
left: -10px;
}
.slider-members .swiper-button-next,
.slider-members .swiper-button-prev {
width: 32px;
height: 32px;
}
.slider-members .swiper-button-next:after,
.slider-members .swiper-button-prev:after {
width: 8px;
height: 12px;
}
.slider-members .swiper-button-next:after {
margin: -6px 0 0 -4px;
}
.slider-members .swiper-button-prev:after {
margin: -6px 0 0 -6px;
}
}
.slider-members .swiper-button-next {
right: 65px;
}
@media (max-width: 1199px) {
.slider-members .swiper-button-next {
right: -15px;
}
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.slider-members .swiper-button-next {
right: -10px;
}
}
.slider-members .swiper-button-next:after {
transform: rotate(180deg);
}
.progress-svg {
position: absolute;
top: 0;
left: 0%;
width: 100%;
height: 100%;
}
.progress-circle-bg,
.progress-circle-fill {
transform: rotate(-90deg);
transform-origin: 50% 50%;
}
.progress-circle-bg {
stroke: transparent;
}
.progress-circle-fill {
stroke: #ff5335;
}
.progress-circle-fill {
transition: stroke-dasharray 0.5s ease;
}
.title_box {
position: relative;
border-radius: 100px;
background-color: #cfeee7;
justify-content: center;
padding: 6px 16px;
display: inline-block;
font-size: 14px;
color: #5c7f75;
margin-bottom: 12px;
font-weight:500;
}
.rounded_slide {
overflow: hidden;
text-align: center;
border-radius: 50%;
padding: 50px;
position: relative;
z-index: 2;
background-color: rgba(158, 221, 208, 0.13);
top:4px;
}
.rounded_slider_main .slick-slide {
transition: none !important;
}
.rounded_slide img {
width: 100%;
height: 100%;
border: 24px solid #fff;
border-radius: 50%;
object-fit: cover;
}
.rounded_slider_parent {
width: 50%;
position: relative;
}
.rounded_slider_parent {
display: inline-block;
}
.rounded_content_main {
width: 41%;
}
.rounded_content h4 {
margin-bottom: 20px;
}
.rounded_content .richtext-entry>ol:not([class]),
.rounded_content .richtext-entry>ul:not([class]) {
padding-left: 0;
}
.rounded_content .richtext-entry p+ol,
.rounded_content .richtext-entry p+ul {
margin-top: 16px;
margin-bottom: 16px;
}
.rounded_content .richtext-entry>ul:not([class]) li:before {
top: 6px;
}
.rounded_content .richtext-entry p {
margin-bottom: 16px;
}
.rounded_slider_parent .slider_box .swiper-button-next2 {
right: 8%;
}
.rounded_slider_parent .slider_box .swiper-button-prev2 {
left: 8%;
}
@media (max-width: 767px),
screen and (max-width: 812px) and (orientation: landscape) {
.rounded_slider_parent {
width: 400px;
max-width: 100%;
margin: 0 auto;
position: relative;
}
.rounded_content_main {
width: 100%;
margin-top: 30px;
}
.rounded_slide {
padding: 30px;
}
}
.accordeon_sec_head {
margin: 0 auto 40px;
width: 744px;
max-width: 100%;
}
.accordeon_sec_head h2 {
margin-bottom: 28px;
}
.accordeon_bottom_btn {
margin-top: 0px;
}
.accordeon_bottom_btn svg {
display: inline-block;
vertical-align: text-bottom;
}
.accordeon_main {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 20px;
}
.accordeon_box {
width: 100%;
position: relative;
border-radius: 36px;
background-color: #fff;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 12px 12px 12px 32px;
}
.accordeon_title {
cursor: pointer;
width: 100%;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 24px;
}
.accordeon_title span {
line-height: 1;
display: inline-block;
vertical-align: bottom;
}
.accordeon_title h6 {
color: #5c7f75;
font-weight: 500;
margin-bottom: 0;
flex: 1;
width: 100%;
position: relative;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.accordeon_title.active svg rect,
.accordeon_title:hover svg rect {
fill: #FF5335;
transition: all ease .2s;
}
.accordeon_title.active svg {
transform: rotate(180deg);
transition: all ease .2s;
}
.accordeon_title.active svg path,
.accordeon_title:hover svg path {
fill: #ffffff;
transition: all ease .2s;
}
.accordeon_content {
padding: 24px 0px 20px;
display: none;
}
.accordeon_bottom_btn,
.acc-more {
width:100%;
}
.acc-more {
padding-top:0px;
}
.accordeon_content {
text-align:left;
}
.acc-more-button {
margin-top:30px;
}
.svg-rotate {
transform: rotate(180deg);
}
.video_sec {
background: url(https://144094139.fs1.hubspotusercontent-eu1.net/hubfs/144094139/raw_assets/public/So%20Toff/images/Ellipses.svg);
background-repeat: no-repeat;
background-position: bottom left;
background-size: 100% auto;
}
.video_sec_head {
margin: 0 auto 40px;
width: 744px;
max-width: 100%;
}
.video_sec_head h2 {
margin-bottom: 28px;
}
.video_main {
position: relative;
border-radius: 4.82px;
max-width: 100%;
overflow: hidden;
}
.video_main .vid_play_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
cursor: pointer;
transition: all ease .3s;
width: 80px;
}
.video_main .vid_play_btn svg {
transition: all ease .3s;
}
.video_main .vid_play_btn:hover svg {
fill: #FF5335;
transition: all ease .3s;
}
.back_round_image {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
/* padding: 0 40px;
border-radius:0 0 48% 48%;*/
overflow: hidden;
}
.back_round_image img {
position: relative;
z-index: 2;
object-position: bottom center;
}
/*.back_round_image:before {
position: absolute;
bottom: 0;
width: 100%;
padding-bottom: 100%;
background-color: #FF5335;
content: '';
left: 0;
border-radius: 50%;
z-index: 1;
}*/
.video_sec.backRemove {
background-color: #f2fbf9 !important;
}
@media (max-width: 1023px) {
/*.back_round_image.v2 {
padding: 0 40px;
border-radius:0 0 45% 45%;
}
.back_round_image:before {
border-radius: 50%;
bottom: -3px;
}*/
}
.blog-post__tags {
margin-top:30px;
}
/* forms */
fieldset {
max-width: 100% !important;
}
.form_normal_section {
margin-bottom:0px;
}
.hs-submit {
float:none;
display:inline-block;
margin-top: 5px;
}
.form-orange .hs-submit,
.section-subscribe .hs-submit {
margin-top: 0px;
}
.fieldWidth .contact_wrapper form {
display:block;
}
.fieldWidth .contact_wrapper .form-columns-2 {
width:100%;
}
.fieldWidth .contact_wrapper .form-columns-2 .hs-form-field input {
width:95%;
}
.fieldWidth .contact_wrapper .form-columns-1 .hs-form-field {
width:50%;
}
@media (max-width: 750px) {
.fieldWidth .contact_wrapper .form-columns-1 .hs-form-field input,
.fieldWidth .contact_wrapper .form-columns-2 .hs-form-field input {
width:100% !important;
}
.fieldWidth .contact_wrapper .form-columns-2 .hs-form-field,
.fieldWidth .contact_wrapper .form-columns-1 .hs-form-field {
width:100% !important;
}
}
.fieldWidth .contact_wrapper .hs_submit {
margin-top:10px;
}
.hs-error-msgs {
list-style-type: none;
}
.hs-error-msgs li label {
display:block;
margin-top:5px;
font-weight:bold;
}
.hs-form-field {
width:60%;
margin-bottom: 15px;
}
.form_two_col_wrapper .hs-form-field {
width:100%;
margin-bottom: 0;
}
.hs-fieldtype-checkbox,
.hs-fieldtype-radio,
.hs-fieldtype-file {
padding:10px 0 5px 0;
}
.hs-fieldtype-file label span {
margin:0 0 5px 0;
}
.hs-fieldtype-checkbox label span,
.hs-fieldtype-radio label span,
.hs-fieldtype-file label span {
display:block;
font-weight:bold;
}
.hs-fieldtype-checkbox .input label span,
.hs-fieldtype-radio .input label span {
display:inline-block;
padding:0 0 0 10px;
font-weight:normal;
}
.hs-fieldtype-file input {
font-size:14px;
}
.hs-fieldtype-checkbox .hs-field-desc,
.hs-fieldtype-radio .hs-field-desc {
display:inline-block;
margin:0 0 10px 0;
font-size:14px;
}
.hs-fieldtype-checkbox .inputs-list li,
.hs-fieldtype-radio .inputs-list li {
list-style-type:none;
}
fieldset.form-columns-2 {
float:left;
width:50%;
margin-bottom: 15px !important;
}
.section-form-cta .input {
margin-bottom:25px;
}
.form-orange .form-columns-1 .hs-form-field {
width:100%;
}
@media (max-width: 750px) {
.hs-submit {
float:none;
}
.section-subscribe .hs-submit {
margin-top: 20px;
}
.hs-form-field {
width:100%;
}
fieldset.form-columns-2 {
float:none;
width:100%;
margin-bottom: 15px !important;
}
.form-orange .form-columns-1 .hs-form-field {
width:100%;
}
}
@media (max-width: 480px) {
.section-subscribe .form-columns-3 .input {
margin-bottom:10px
}
fieldset.form-columns-2 {
margin-bottom: 0px !important;
}
fieldset.form-columns-2 .input {
margin-bottom: 15px !important;
}
}
.acc-more,
.hs_brutoloonsom,
.hs_periode,
.hs_resultaat {
display:none;
}
.tooltipImg {
position: absolute;
top:0;
left: 0px;
}
.container-tooltip {
position: absolute;
top:18px;
left:100%;
margin-left:-25px;
width: 280px;
}
.info-tooltip {
position: absolute;
top:30px;
left: 0px;
width: 280px;
max-width: 100%;
background-color: #ffffff;
border:1px solid #5c7f75;
padding: 15px;
z-index: 200;
}
.info-tooltip p {
margin:0;
font-size:14px;
line-height:22px;
}
@media (max-width: 761px) {
.info-tooltip {
margin-left:-255px;
}
}
@media (min-width: 1280px) {
.slider-members .swiper-button-prev {
left:0;
}
.slider-members .swiper-button-next {
right:0;
}
.logo_slider_parent .logo_slider_main_prev {
left:-60px;
}
.logo_slider_parent .logo_slider_main_next {
right:-60px;
}
.image_slider_sec .slider_box .swiper-button-prev2 {
left:-76px;
}
.image_slider_sec .slider_box .swiper-button-next2 {
right:-76px;
}
.section-testimonials .slider_box .swiper-button-prev2 {
left:-60px;
}
.section-testimonials .slider_box .swiper-button-next2 {
right:-60px;
}
}
/* Whatsapp */
.module-whatsapp {
position: fixed;
z-index: 1000000;
width: 100px;
height: 100px;
}
.left-up {
left: 20px;
top: 20px;
}
.left-down {
left: 20px;
bottom: 20px;
}
.right-up {
right: 20px;
top: 20px;
}
.right-down {
right: 20px;
bottom: 20px;
}
.module-whatsapp img {
width: 100%;
max-width: 100%;
height: auto;
}
@media (max-width: 600px) {
.module-whatsapp {
width: 75px;
height: 75px;
}
}
/* Navigation */
ul.pagination {
float:left;
width:100%;
margin:60px 0 0 0;
list-style-type:none;
text-align:center;
}
ul.pagination li {
display: inline-block;
float: none;
}
ul.pagination li a {
background-color: #5c7f75;
color: #FFF;
display: inline-block;
float: none;
font-size: 16px;
margin: 0 5px 10px 0;
padding: 10px 18px 7px 18px;
text-decoration: none;
}
.m-bottom {
margin-bottom:40px;
}
.backRemove {
background-image:none !important;
}
.remove_space_top {
padding-top:0;
}
.remove_space_bottom {
padding-bottom:0;
}
.remove_space_both {
padding-top:0;
padding-bottom:0;