html {
display: block;
font-size: 15px;
max-width: 2560px;
width: 100%;
margin: 0 auto;
}
html body {
max-width: 2560px;
width: 100%;
margin: 0 auto;
background: #ffffff;
color: #000000;
font-family: "Roboto", "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.25rem;
font-weight: 300;
line-height: 160%;
}
html body a {
display: inline-block;
color: var(--a-link-color);
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
html body a:hover {
color: var(--a-link-color-hover);
}
html body h1 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 3.2rem;
font-weight: 800;
line-height: 160%;
}
html body h2 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 2.5rem;
font-weight: 800;
line-height: 125%;
}
html body h3 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 2.2rem;
font-weight: 700;
line-height: 125%;
}
html body h4 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 125%;
}
html body h5 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 700;
line-height: 125%;
}
html body h6 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 160%;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
margin: 0 auto 2rem auto;
color: #000000;
}
html body h1 strong,
html body h2 strong,
html body h3 strong,
html body h4 strong,
html body h5 strong,
html body h6 strong {
font-weight: 800;
}
html body em {
font-style: normal;
font-weight: 400;
}
html body em strong,
html body em b {
font-style: normal;
color: #9d9d9d;
font-weight: 800;
}
html body b em,
html body strong em {
font-style: normal;
}
html body img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
}
html body a:has(img) {
display: block;
}
html body.strong {
font-weight: 700;
}
header {
position: fixed;
z-index: 99;
max-width: 2560px;
width: 100%;
margin: 0 auto;
display: block;
background: var(--header-background-color);
padding: 2rem 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .header-wrap {
width: 80%;
margin: 0 auto;
}
header .header-wrap .header-contact {
display: flex;
max-width: 42%;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 100%;
color: var(--header-navigation-text-color);
}
header .header-wrap .header-contact a {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 100%;
text-transform: uppercase;
color: var(--header-navigation-text-color);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .header-wrap .header-contact a:hover {
color: var(--text-primary-hover);
}
header .header-wrap .logo {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
z-index: 10;
}
header .header-wrap .logo img {
width: 200px;
height: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .header-wrap .menu-navigation {
display: flex;
max-width: 42%;
}
header .header-wrap .menu-navigation #mobile-menu .bars {
width: 60px;
height: 45px;
position: relative;
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
}
header .header-wrap .menu-navigation #mobile-menu .bars span {
display: block;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
right: 0;
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #ffffff;
}
header .header-wrap .menu-navigation #mobile-menu .bars span:nth-child(1) {
top: 0;
}
header .header-wrap .menu-navigation #mobile-menu .bars span:nth-child(2) {
top: 18px;
}
header .header-wrap .menu-navigation #mobile-menu .bars span:nth-child(3) {
top: 36px;
}
header .header-wrap .menu-navigation #mobile-menu .bars.open span:nth-child(1) {
top: 18px;
transform: rotate(135deg);
position: absolute;
}
header .header-wrap .menu-navigation #mobile-menu .bars.open span:nth-child(2) {
opacity: 0;
left: -60px;
display: none;
}
header .header-wrap .menu-navigation #mobile-menu .bars.open span:nth-child(3) {
top: 18px;
transform: rotate(-135deg);
position: absolute;
}
header .header-wrap .menu-navigation .main-mn {
display: none;
position: absolute;
top: 105px;
right: 0;
background: #000000;
padding: 1rem 2rem 2rem;
}
header .header-wrap .menu-navigation .main-mn.show {
display: flex;
}
header .header-wrap .menu-navigation .main-mn #main-navigation {
display: flex;
margin: 0;
padding: 0;
flex-direction: column;
gap: 1rem;
align-items: end;
}
header .header-wrap .menu-navigation .main-mn #main-navigation li {
position: relative;
}
header .header-wrap .menu-navigation .main-mn #main-navigation li a,
header .header-wrap .menu-navigation .main-mn #main-navigation li span {
display: flex;
text-wrap: nowrap;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 100%;
text-transform: uppercase;
color: var(--header-navigation-text-color);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .header-wrap .menu-navigation .main-mn #main-navigation li a:hover,
header .header-wrap .menu-navigation .main-mn #main-navigation li span:hover {
color: var(--text-primary-hover);
}
header .header-wrap .menu-navigation .main-mn #main-navigation li .sub-menu {
display: none;
flex-direction: column;
align-items: center;
position: absolute;
padding: 30px 0 0;
left: 50%;
transform: translateX(-50%);
background: #000000;
}
header .header-wrap .menu-navigation .main-mn #main-navigation li .sub-menu li {
padding: 1rem 2rem;
white-space: nowrap;
}
header .header-wrap .menu-navigation .main-mn #main-navigation li.menu-item-has-children:hover .sub-menu {
display: flex;
}
header.shrink {
padding: 1rem 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.shrink .header-wrap .logo img {
width: 120px;
}
header.shrink .header-wrap #mobile-menu .bars {
gap: 0.5rem;
}
header.shrink .header-wrap #mobile-menu .bars span {
width: 75%;
}
header.shrink .header-wrap .menu-navigation .main-mn {
top: 75px;
}
header.shrink .header-wrap .menu-navigation .main-mn li .sub-menu {
padding: 15px 0 0 !important;
}
header .cta-elements .menu {
display: flex;
align-items: flex-end;
flex-direction: column;
position: absolute;
top: 100%;
right: 0;
z-index: 10;
row-gap: 20px;
}
header .cta-elements .menu li {
cursor: pointer;
background-color: #f2f2f2;
padding: 5px 15px;
max-width: fit-content;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .cta-elements .menu li a {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
font-weight: bold;
color: #9d9d9d;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .cta-elements .menu li:hover {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: var(--div-bg-hover);
}
header .cta-elements .menu li:hover a {
color: #000000;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body {
position: relative;
display: block;
overflow: hidden;
}
main#page-body .correction-box-for-fixed-header-animation {
background: #000000;
height: 105px;
}
main#page-body .swiper-element {
position: relative;
height: 100%;
}
main#page-body .swiper-element .swiper-wrapper {
height: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 0;
}
main#page-body .swiper-element .slider-button {
position: absolute;
top: 50%;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 3;
display: block;
width: 50px;
height: 50px;
color: #9d9d9d;
text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
background: #f2f2f2;
}
main#page-body .swiper-element .slider-button.blue {
color: #3b5998;
}
main#page-body .swiper-element .slider-button[class*="prev"] {
left: 0;
}
main#page-body .swiper-element .slider-button[class*="next"] {
right: 0;
}
main#page-body .swiper-element .slider-button.swiper-button-disabled {
opacity: 0.25;
}
main#page-body .swiper-element .slider-button span {
font-size: 30px;
width: 50px;
text-align: center;
height: 50px;
line-height: 50px;
vertical-align: middle;
}
main#page-body .swiper-element .slider-button:hover {
color: var(--element-var1-color-hover);
text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
}
main#page-body .swiper-element .pagination-wrapper {
display: flex;
position: absolute;
bottom: 20px;
width: 100%;
flex-flow: row nowrap;
justify-content: center;
z-index: 10;
}
main#page-body .swiper-element .pagination-wrapper .slider-pagination {
width: auto;
}
main#page-body .swiper-element .pagination-wrapper .swiper-pagination-bullet {
width: 0.666rem;
height: 0.666rem;
margin: 0 0.666rem;
background: #404040;
opacity: 1;
}
main#page-body .swiper-element .pagination-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #9d9d9d;
}
main#page-body .pageBlock {
position: relative; }
main#page-body .pageBlock.intro {
display: flex;
flex-flow: column nowrap;
overflow: hidden;
padding-top: 0;
box-sizing: border-box;
}
main#page-body .pageBlock.intro.h-full {
height: calc(100vh - 105px);
}
main#page-body .pageBlock.intro .teaser-bottom-row {
position: absolute;
bottom: 0;
width: 100%;
height: 80px;
background: #9da385;
z-index: 10;
}
main#page-body .pageBlock.intro .teaser-bottom-row .image-product-teaser {
position: absolute;
right: 5%;
bottom: 0;
}
main#page-body .pageBlock.intro .teaser-bottom-row .image-product-teaser img {
max-height: 80vh;
max-width: 30vw;
transform: translateY(4%);
}
main#page-body .pageBlock.intro .scroll-down {
display: none;
position: absolute;
bottom: 1rem;
left: 50%;
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 50;
}
main#page-body .pageBlock.intro .scroll-down a {
color: #ffffff;
}
main#page-body .pageBlock.intro .introContainer_textarea {
position: absolute;
bottom: 0;
z-index: 8;
display: flex;
flex-flow: column;
align-items: center;
max-width: 100%;
right: 0;
padding: 2rem 4rem;
background: rgba(0, 0, 0, 0.5);
color: var(--text-primary-light);
text-align: center;
}
main#page-body .pageBlock.intro .introContainer_textarea h1 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: clamp(1.8vw, 3rem, 2.8vw);
font-weight: 700;
line-height: 160%;
line-height: 120%;
}
main#page-body .pageBlock.intro .introContainer_textarea h2,
main#page-body .pageBlock.intro .introContainer_textarea h3,
main#page-body .pageBlock.intro .introContainer_textarea h4,
main#page-body .pageBlock.intro .introContainer_textarea h5 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: clamp(1.2vw, 2rem, 1.8vw);
font-weight: 700;
line-height: 160%;
line-height: 100%;
}
main#page-body .pageBlock.intro .introContainer_headlineContainer {
position: absolute;
bottom: 10%;
z-index: 8;
display: flex;
flex-flow: column;
align-items: center;
max-width: 70%;
left: 50%;
transform: translateX(-50%);
padding: 2rem 4rem;
background: rgba(0, 0, 0, 0.5);
}
main#page-body .pageBlock.intro .introContainer_headlineContainer .introHeadline,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introSubHeadline {
text-transform: uppercase;
color: var(--text-primary-light);
text-align: center;
}
main#page-body .pageBlock.intro .introContainer_headlineContainer .introHeadline h1,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introSubHeadline h1 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: clamp(1.8vw, 3rem, 2.8vw);
font-weight: 700;
line-height: 160%;
line-height: 120%;
}
main#page-body .pageBlock.intro .introContainer_headlineContainer .introHeadline h2,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introSubHeadline h2,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introHeadline h3,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introSubHeadline h3,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introHeadline h4,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introSubHeadline h4,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introHeadline h5,
main#page-body .pageBlock.intro .introContainer_headlineContainer .introSubHeadline h5 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: clamp(1.2vw, 2rem, 1.8vw);
font-weight: 700;
line-height: 160%;
line-height: 100%;
}
main#page-body .pageBlock.intro .introContainer_logo {
position: absolute;
top: 16%;
left: 50%;
transform: translateX(-50%);
width: auto;
z-index: 30;
}
main#page-body .pageBlock.intro .introContainer_logo img {
max-height: 35vh;
}
main#page-body .pageBlock.intro .intro-block-slider {
height: 100%;
}
main#page-body .pageBlock.intro .intro-block-slider .swiper-container,
main#page-body .pageBlock.intro .intro-block-slider .swiper-element {
height: 100%;
}
main#page-body .pageBlock.intro .intro-block-slider .swiper-container .swiper-wrapper .swiper-slide a,
main#page-body .pageBlock.intro .intro-block-slider .swiper-element .swiper-wrapper .swiper-slide a {
display: block;
}
main#page-body .pageBlock.intro .images-wrapper,
main#page-body .pageBlock.intro .video-wrapper {
flex: 1 0 auto;
}
main#page-body .pageBlock.intro.video {
width: 100%;
height: calc(100vh - 105px);
}
main#page-body .pageBlock.intro.video .video-wrapper {
position: relative;
display: block;
}
main#page-body .pageBlock.intro.video .video-wrapper .no-trigger {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
main#page-body .pageBlock.intro.video .video-wrapper iframe {
position: absolute;
}
main#page-body .pageBlock.intro.video .video-wrapper video#video {
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100vw;
min-height: 100%;
max-width: unset;
}
main#page-body .pageBlock.intro.video .video-wrapper .mobile-intro {
display: none;
}
main#page-body .pageBlock.intro.video .video-wrapper .image-overlay {
position: absolute;
top: 33%;
left: 50%;
transform: translate(-50%, -50%);
width: clamp(300px, 60vw, 800px);
z-index: 20;
}
main#page-body .pageBlock:first-child:not(#teaser):not(:has(~ .pageBlock#teaser)) {
padding-top: 120px;
}
main#page-body .pageBlock .header-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
main#page-body .pageBlock .element-wrap.sized {
padding: 8rem 0 0;
display: flex;
flex-direction: column;
align-items: center;
}
main#page-body .pageBlock .element-wrap.main-element {
min-height: calc(100vh - 350px);
}
main#page-body .pageBlock .element-wrap > p {
margin: 0 auto 2rem auto;
}
main#page-body .pageBlock .element-wrap > [class*="wp-block-"]:not(.wp-block-group).hide,
main#page-body .pageBlock .element-wrap > [class*="custom-block"].hide {
display: none;
}
main#page-body .pageBlock .element-wrap ul {
list-style: none;
padding: 0;
margin-bottom: 2rem;
}
main#page-body .pageBlock .element-wrap ul:not([class*="tab-navigation"]) {
margin: 0;
padding: 1rem 0;
}
main#page-body .pageBlock .element-wrap ul:not([class*="tab-navigation"]) li {
position: relative;
padding: 0 0 0 1.666rem;
margin: 0;
}
main#page-body .pageBlock .element-wrap ul:not([class*="tab-navigation"]) li:not(:last-of-type) {
margin: 0 0 10px 0;
}
main#page-body .pageBlock .element-wrap ul:not([class*="tab-navigation"]) li:before {
position: absolute;
top: 0;
left: 0;
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 0.5rem;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 2.2rem;
content: '\f0c8';
display: block;
color: #9d9d9d;
}
main#page-body .pageBlock .element-wrap ul:not([class*="tab-navigation"]) li ul {
list-style: none;
padding: 1rem 0;
margin: 0;
}
main#page-body .pageBlock .element-wrap ul:not([class*="tab-navigation"]) li ul li {
position: relative;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 2.2rem;
padding: 0 0 0 1.666rem;
}
main#page-body .pageBlock .element-wrap ul:not([class*="tab-navigation"]) li ul li::before {
position: absolute;
top: 0;
left: 0;
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 0.666rem;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: 2.2rem;
content: '\f0c8';
display: block;
}
main#page-body .pageBlock .element-wrap ul.tab-navigation {
display: grid;
}
main#page-body .pageBlock .element-wrap ul.tab-navigation li {
flex: 0 1 auto;
text-align: center;
}
main#page-body .pageBlock .element-wrap ol:not(.ui-tabs-nav) {
list-style: none;
padding: 0;
margin-bottom: 2rem;
counter-reset: ol-counter-first;
}
main#page-body .pageBlock .element-wrap ol:not(.ui-tabs-nav) li {
position: relative;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 2.2rem;
padding: 0 0 0 1.666rem;
margin: 0 0 0.6rem 0;
counter-increment: ol-counter-first;
}
main#page-body .pageBlock .element-wrap ol:not(.ui-tabs-nav) li:not(:last-of-type) {
margin: 0 0 0.666rem 0;
}
main#page-body .pageBlock .element-wrap ol:not(.ui-tabs-nav) li:before {
position: absolute;
top: 0;
left: 0;
content: counter(ol-counter-first) " ";
display: block;
color: #9d9d9d;
}
main#page-body .pageBlock .element-wrap ol:not(.ui-tabs-nav) li ol {
list-style: none;
padding: 1rem 0;
counter-reset: ol-counter-first;
}
main#page-body .pageBlock .element-wrap ol:not(.ui-tabs-nav) li ol li {
position: relative;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 2.2rem;
padding: 0 0 0 1.666rem;
margin: 0 0 0.6rem 0;
color: #707a80;
counter-increment: ol-counter-first;
}
main#page-body .pageBlock .element-wrap ol:not(.ui-tabs-nav) li ol li:not(:last-of-type) {
margin: 0 0 0.666rem 0;
}
main#page-body .pageBlock .element-wrap ol:not(.ui-tabs-nav) li ol li:before {
position: absolute;
top: 0;
left: 0;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 160%;
content: counter(ol-counter-first) ") ";
display: block;
color: #9d9d9d;
}
main#page-body .pageBlock .element-wrap.has-no-header > div,
main#page-body .pageBlock .element-wrap.has-header_none > div,
main#page-body .pageBlock .element-wrap.has-no-header .page_title,
main#page-body .pageBlock .element-wrap.has-header_none .page_title {
padding-top: 80px;
}
main#page-body .pageBlock .element-wrap .page_title {
text-transform: uppercase;
color: #000000;
width: 75%;
text-align: center;
margin: 2rem auto 2rem auto;
}
main#page-body .pageBlock .element-wrap .slider_image {
max-width: 100%;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
padding: 1.5rem 2rem;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 125%;
background: #ffffff;
cursor: pointer;
border: 1px solid #707a80;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title .ui-accordion-header-icon,
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title .label {
-webkit-transition: 0.3s;
transition: 0.3s;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title:not(:first-of-type) {
margin: 2rem 0 0 0;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title:hover .ui-accordion-header-icon,
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title:hover .label {
color: var(--text-primary-hover);
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title.ui-state-active {
border-bottom: 0 solid #ffffff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title.ui-state-active .ui-accordion-header-icon,
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title.ui-state-active .label {
color: #9d9d9d;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title .label {
color: #000000;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title .red {
color: #9d9d9d;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title .black {
color: #000000;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-title .ui-accordion-header-icon {
align-self: center;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #707a80;
font-size: 25px;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-content {
background: #ffffff;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-content .text-wrap {
padding: 0 2rem 1.5rem 2rem;
border: 1px solid #707a80;
border-top: none;
margin: 0;
background: #ffffff;
background: rgba(255, 255, 255, 0.75);
-webkit-transition: 0.3s;
transition: 0.3s;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-content .text-wrap p {
margin: 0;
padding: 1rem 0;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-content .text-wrap p a {
color: var(--text-primary-dark);
text-decoration: underline;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 160%;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-content .text-wrap p a:hover {
color: var(--text-green-clr);
text-decoration: none;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-content .text-wrap p span {
font-weight: 700;
padding-right: 5px;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion .accordion-content .text-wrap p:last-of-type {
margin: 0 auto 0 auto;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion.border-none .accordion-title {
border: none;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion.border-none .accordion-content {
border: none;
}
main#page-body .pageBlock .element-wrap .custom-block-accordion.border-none .accordion-content .text-wrap {
border: none;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-navigation {
display: flex;
flex-flow: row nowrap;
margin: 0;
padding: 0;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-navigation > li {
display: block;
margin: 0;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-navigation > li a {
position: relative;
display: block;
padding: 0.666rem 1.333rem;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 600;
line-height: 160%;
color: #373737;
background: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-navigation > li a:hover {
color: #9d9d9d;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-navigation > li.ui-state-active a {
color: #9d9d9d;
background: #f2f2f2;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-content {
padding: 2rem;
background: #f2f2f2;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-content p {
margin: 0;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-content p span {
font-weight: 700;
padding-right: 5px;
}
main#page-body .pageBlock .element-wrap .custom-block-tabs .tab-content p:last-of-type {
margin: 0 auto 0 auto;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery {
position: relative;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid { }
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid .image-wrap {
display: block;
width: 100%;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid .image-wrap a {
position: relative;
display: block;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid .image-wrap a::before {
position: absolute;
display: block;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 50;
-webkit-transition: all 700ms ease-in-out;
transition: all 700ms ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid .image-wrap .image-caption {
position: relative;
display: block;
padding: 6px 0 0 0;
text-align: center;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 0.9rem;
font-weight: 400;
line-height: 160%;
color: #707a80;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid .image-wrap .image-box {
display: block;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid .image-wrap img {
display: block;
max-width: 100%;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid.type-crop .image-wrap a {
position: relative;
padding-bottom: 100%;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid.type-crop .image-wrap .image {
position: relative;
padding-bottom: 100%;
}
main#page-body .pageBlock .element-wrap .custom-block-gallery.gallery-grid.gap-false {
grid-column-gap: 0;
grid-row-gap: 0;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element {
margin-bottom: 30px;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .slider-button {
position: absolute;
top: 50%;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 3;
display: block;
width: 50px;
height: 50px;
color: #373737;
text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.25);
background: #ffffff;
background: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .slider-button.blue {
color: #3b5998;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .slider-button[class*="prev"] {
left: 0;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .slider-button[class*="next"] {
right: 0;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .slider-button.swiper-button-disabled {
opacity: 0.25;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .slider-button span {
font-size: 50px;
width: 50px;
text-align: center;
height: 50px;
line-height: 50px;
vertical-align: middle;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .slider-button:hover {
color: #9d9d9d;
text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .swiper-container .swiper-wrapper .swiper-slide {
display: flex;
position: relative;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .swiper-container .swiper-wrapper .swiper-slide .image-counter {
position: absolute;
top: 0;
left: 0;
padding: 0.5rem 1rem;
color: #ffffff;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 160%;
background: #000000;
background: rgba(0, 0, 0, 0.25);
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .swiper-container .swiper-wrapper .swiper-slide .top-left-square {
width: 20px;
height: 15px;
background-color: #9d9d9d;
position: absolute;
top: 0;
left: 0;
display: none;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .swiper-container .swiper-wrapper .swiper-slide .image-description {
position: absolute;
bottom: 0;
padding: 0.5rem 1rem;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 160%;
color: #ffffff;
background: #000000;
background: rgba(0, 0, 0, 0.25);
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .swiper-container .swiper-wrapper .swiper-slide a {
display: block;
width: 100%;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .swiper-container .swiper-wrapper .swiper-slide a img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .pagination-wrapper {
bottom: -30px;
justify-content: flex-start;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .pagination-wrapper .slider-pagination {
display: flex;
gap: 1rem;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .pagination-wrapper .slider-pagination .swiper-pagination-bullet {
width: 1rem;
height: 1rem;
margin: 0;
background: #373737;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .pagination-wrapper .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #9d9d9d;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .swiper-element .pagination-wrapper .slider-pagination .swiper-pagination-bullet:hover {
background: #9d9d9d;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .color-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
mix-blend-mode: color;
clip-path: inset(0 0 0 50%);
}
main#page-body .pageBlock .element-wrap .custom-block-slider .color_filter_btn {
position: absolute;
top: 18.2%;
width: 13px;
height: 36.7%;
background-color: #ffffff;
transform: translate(-50%, -50%);
cursor: pointer;
touch-action: none;
display: flex;
align-items: center;
justify-content: center;
}
main#page-body .pageBlock .element-wrap .custom-block-slider .color_filter_btn .arrow_container {
width: 35px;
height: 35px;
border-radius: 50%;
display: block;
position: absolute;
background: #ffffff;
padding: 10px;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles {
display: grid;
gap: 30px;
margin: 30px 0;
}
@media only screen and (max-width: 1200px) {
main#page-body .pageBlock .element-wrap .custom-block-page-tiles {
grid-template-columns: repeat(2, minmax(300px, 1fr));
}
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.force-flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a {
padding-bottom: 10px;
border-bottom: 15px solid transparent;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a .page_tile {
overflow: hidden;
position: relative;
display: block;
background: #f2f2f2;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a .page_tile .page_tile_icon {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
width: 45px;
height: auto;
border: 1.5px solid #575757;
padding: 10px;
background: #ffffff;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a .page_tile .page_tile_image_container {
display: flex;
justify-content: center;
align-items: center;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a .page_tile .page_tile_image_container .page_tile_image {
display: block;
width: 90%;
height: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a .page_tile .page_tile_text_container {
position: absolute;
bottom: 10px;
width: 100%;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a .page_tile .page_tile_text_container .page_tile_title {
text-align: center;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.87rem;
font-weight: 700;
line-height: 125%;
font-size: clamp(1.2rem, 1.4vw, 3rem);
color: #000000;
text-transform: uppercase;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a:hover {
padding-bottom: 10px;
border-bottom: 13px solid red;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a:hover .page_tile .page_tile_image_container .page_tile_image {
transform: translateY(-20px);
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles a:hover .page_tile .page_tile_text_container .page_tile_title {
opacity: 1;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a {
padding-bottom: unset;
border-bottom: unset;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a .page_tile {
overflow: hidden;
position: relative;
display: flex;
background: #f2f2f2;
flex-direction: column;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a .page_tile .page_tile_text_container {
position: relative;
bottom: unset;
width: 100%;
display: flex;
flex-direction: column;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a .page_tile .page_tile_text_container .page_tile_title {
text-align: initial;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 900;
line-height: 125%;
color: #000000;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
visibility: visible;
order: 2;
padding-left: 15px;
opacity: 1;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a .page_tile .page_tile_text_container .page_tile_subline {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 125%;
order: 1;
padding-left: 15px;
text-transform: uppercase;
color: #000000;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a .page_tile .page_tile_text_container .page_tile_button {
background: #9d9d9d;
width: 100%;
padding: 10px 15px;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
order: 3;
color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
border: none;
cursor: pointer;
margin-top: 0.5rem;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a .page_tile .page_tile_image_container {
display: flex;
justify-content: center;
align-items: center;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a .page_tile .page_tile_image_container .page_tile_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a .page_tile .page_tile_image_container .page_tile_image {
display: block;
width: 90%;
height: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a:hover .page_tile .page_tile_text_container { }
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a:hover .page_tile .page_tile_text_container .page_tile_button {
opacity: 0.9;
}
main#page-body .pageBlock .element-wrap .custom-block-page-tiles.intermediate a:hover .page_tile .page_tile_image_container .page_tile_image {
transform: translateY(-20px);
}
main#page-body .pageBlock .element-wrap .custom-breadcrumbs {
padding: 0 0 2rem 0;
}
main#page-body .pageBlock .element-wrap .custom-breadcrumbs .crumbs {
display: flex;
flex-flow: row wrap;
padding: 1rem;
background: #eaeaea;
}
main#page-body .pageBlock .element-wrap .custom-breadcrumbs .crumbs .divider {
padding: 0 10px;
}
main#page-body .pageBlock .element-wrap .custom-breadcrumbs .crumbs .link-item a {
color: #000000;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .custom-breadcrumbs .crumbs .link-item a:hover {
color: #f2f2f2;
}
main#page-body .pageBlock .element-wrap .custom-breadcrumbs .crumbs .current {
color: #f2f2f2;
}
main#page-body .pageBlock .element-wrap .custom-block-download a {
padding: 10px 20px;
color: #373737;
border: 1px solid #373737;
}
main#page-body .pageBlock .element-wrap .custom-block-download a:hover {
background: #f2f2f2;
color: #000000;
}
main#page-body .pageBlock .element-wrap .custom-block-advertisement .ads-row {
padding-bottom: 2rem;
margin-bottom: 2rem;
}
main#page-body .pageBlock .element-wrap .custom-block-advertisement .ads-row:not(:last-of-type) {
border-bottom: 1px solid #9d9d9d;
}
main#page-body .pageBlock .element-wrap .custom-block-advertisement .ads-row .link-wrapper {
display: flex;
column-gap: 0.6rem;
font-size: 1.1rem;
}
main#page-body .pageBlock .element-wrap .custom-block-advertisement .ads-row .link-wrapper .ads-type { }
main#page-body .pageBlock .element-wrap .custom-block-advertisement .ads-row .link-wrapper .ads-type img {
background: #9d9d9d;
width: 50px;
height: auto;
padding: 0.2rem;
}
main#page-body .pageBlock .element-wrap .custom-block-advertisement .button {
text-transform: uppercase;
}
main#page-body .pageBlock .element-wrap .custom-block-locations {
display: flex;
flex-direction: column;
gap: 2rem;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper {
display: flex;
flex-direction: column;
gap: 2rem;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper .location__entry { display: block;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper .location__entry .entry__images.custom-block-slider {
overflow: hidden;
height: fit-content;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper .location__entry .entry__images .swiper-element {
margin: 0;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper .location__entry .show_addresses {
grid-column: span 2;
text-transform: uppercase;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper .location__entry .entry__addresses {
display: none;
grid-column: span 2;
margin-top: -2rem;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 1rem 2rem;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper .location__entry .entry__addresses .address__entry:before { color: #000000;
margin: 0.9rem 0;
line-height: 0.8rem;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper .location__entry .entry__addresses .address__entry:after {
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: inherit;
content: '';
content: '\f5a0';
padding-left: 10px;
font-size: 1rem;
display: none;
}
main#page-body .pageBlock .element-wrap .custom-block-locations .locations__wrapper .location__entry .entry__addresses .address__entry p {
margin: 0.6rem 0;
line-height: 120%;
}
main#page-body .pageBlock .element-wrap .wp-block-embed {
margin: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-embed-youtube .wp-block-embed__wrapper {
display: flex;
flex-flow: row nowrap;
align-content: center;
justify-content: center;
box-sizing: border-box;
padding-bottom: 56.25%;
}
main#page-body .pageBlock .element-wrap .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
position: absolute;
display: block;
top: 0;
width: 100%;
height: 100%;
}
main#page-body .pageBlock .element-wrap .wp-block-separator {
background: none;
width: 25%;
margin: 0 auto 2rem auto;
padding: 2rem 0 0 0;
border-top: 0;
border-bottom: 1px solid;
}
main#page-body .pageBlock .element-wrap .wp-block-separator.is-style-wide {
width: 100%;
border-top: 0;
border-bottom: 1px solid;
}
main#page-body .pageBlock .element-wrap .wp-block-image figure {
display: block;
position: relative;
margin: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-image figure a {
display: block;
}
main#page-body .pageBlock .element-wrap .wp-block-image figure.aligncenter {
text-align: center;
}
main#page-body .pageBlock .element-wrap .wp-block-image figure.aligncenter img {
margin: 0 auto;
}
main#page-body .pageBlock .element-wrap .wp-block-image figure figcaption {
display: block;
position: relative;
padding: 1rem 0 2rem 0;
margin: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-image.fixed {
position: absolute;
bottom: -100px;
right: 0;
margin: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-image.absolut-bottom-right {
bottom: 0;
right: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-image[class*="offset-"] {
margin: 0;
max-width: 85vw;
}
main#page-body .pageBlock .element-wrap .wp-block-image.custom figcaption {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
display: block;
position: relative;
padding: 1rem 0 0.5rem 0;
margin: 0;
text-transform: uppercase;
font-size: 1.4rem;
color: #485258;
}
main#page-body .pageBlock .element-wrap .wp-block-image.custom figcaption.light {
color: #bad0dd;
}
main#page-body .pageBlock .element-wrap .wp-block-image.is-style-grayscale-hover img {
filter: grayscale(1);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .wp-block-image.is-style-grayscale-hover img:hover {
filter: grayscale(0);
}
main#page-body .pageBlock .element-wrap .wp-block-columns {
column-gap: 2rem;
}
main#page-body .pageBlock .element-wrap .wp-block-columns .wp-block-column > div {
margin: 0;
max-width: unset;
width: unset;
}
main#page-body .pageBlock .element-wrap .wp-block-columns .wp-block-column .wp-block-image {
margin: 0;
max-width: unset;
width: unset;
}
main#page-body .pageBlock .element-wrap .wp-block-columns.no-space-border .wp-block-column {
padding: 0 2rem;
margin: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-columns.no-space-border .wp-block-column:not(:first-child) {
border-left: 1px solid #707a80;
}
main#page-body .pageBlock .element-wrap .wp-block-table {
margin: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-table table {
max-width: 100%;
}
main#page-body .pageBlock .element-wrap .wp-block-table table tbody tr td {
padding: 4px 8px;
}
main#page-body .pageBlock .element-wrap .wp-block-table table tbody tr td img {
display: inline-block;
}
main#page-body .pageBlock .element-wrap .wp-block-cover {
box-sizing: border-box;
}
main#page-body .pageBlock .element-wrap .wp-block-cover::before {
display: none;
}
main#page-body .pageBlock .element-wrap .wp-block-cover .wp-block-cover__inner-container {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap;
}
main#page-body .pageBlock .element-wrap .wp-block-cover .wp-block-cover__inner-container p {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 2.4rem;
font-weight: 900;
line-height: 100%;
color: #ffffff;
margin: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-cover .wp-block-cover__inner-container p a {
display: inline-block;
color: #ffffff;
text-transform: uppercase;
padding: 1rem 1.666rem;
border: 2px solid #ffffff;
background: #7b9dd2;
background: linear-gradient(90deg, rgba(123, 157, 210, 0.6) 0%, rgba(77, 110, 163, 0.6) 35%, rgba(19, 52, 104, 0.6) 100%);
width: auto;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .wp-block-cover .wp-block-cover__inner-container p a:hover {
color: #9cd8f7;
background: #ffffff;
}
main#page-body .pageBlock .element-wrap .wp-block-cover .wp-block-cover__inner-container p.document > a:after {
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: inherit;
content: '';
content: '\f15c';
padding-left: 10px;
font-size: 2rem;
}
main#page-body .pageBlock .element-wrap .wp-block-cover .wp-block-cover__inner-container p.download > a:after {
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: inherit;
content: '';
content: '\f56d';
padding-left: 10px;
font-size: 2rem;
}
main#page-body .pageBlock .element-wrap .wp-block-spacer {
margin: 0 auto !important;
}
main#page-body .pageBlock .element-wrap .wp-block-spacer.is-style-tiny {
height: 15px !important;
}
main#page-body .pageBlock .element-wrap .wp-block-spacer.is-style-small {
height: 30px !important;
}
main#page-body .pageBlock .element-wrap .wp-block-group {
position: relative;
padding: 0;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-default-padding-2rem > .wp-block-group__inner-container {
padding: 2rem;
margin: 0 auto;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-default-padding-4rem > .wp-block-group__inner-container {
padding: 4rem;
margin: 0 auto;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-width-40 > .wp-block-group__inner-container {
max-width: 60%;
margin: 0 auto;
overflow: hidden;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-width-45 > .wp-block-group__inner-container {
max-width: 65%;
margin: 0 auto;
overflow: hidden;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-width-50 > .wp-block-group__inner-container {
max-width: 70%;
margin: 0 auto;
overflow: hidden;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-width-60 > .wp-block-group__inner-container {
max-width: 80%;
margin: 0 auto;
overflow: hidden;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-width-75 > .wp-block-group__inner-container {
max-width: 90%;
margin: 0 auto;
overflow: hidden;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-width-90 > .wp-block-group__inner-container {
max-width: 95%;
margin: 0 auto;
overflow: hidden;
}
main#page-body .pageBlock .element-wrap .wp-block-group.is-style-width-full-width > .wp-block-group__inner-container {
max-width: 100%;
overflow: hidden;
}
main#page-body .pageBlock .element-wrap .wp-block-group.flex-row .wp-block-group__inner-container {
display: flex;
flex-flow: row nowrap;
}
main#page-body .pageBlock .element-wrap .wp-block-group.flex-row.align-center .wp-block-group__inner-container {
justify-content: center;
}
main#page-body .pageBlock .element-wrap .wp-block-group.flex-row.align-right .wp-block-group__inner-container {
width: 100%;
justify-content: flex-end;
}
main#page-body .pageBlock .element-wrap .wp-block-group.flex-row.space-between .wp-block-group__inner-container {
width: 100%;
justify-content: space-between;
}
main#page-body .pageBlock .element-wrap .wp-block-group.flex-row.gap-4 .wp-block-group__inner-container {
column-gap: 1rem;
}
main#page-body .pageBlock .element-wrap .wp-block-group.flex-row.gap-6 .wp-block-group__inner-container {
column-gap: 1.5rem;
}
main#page-body .pageBlock .element-wrap .wp-block-group.flex-row.gap-8 .wp-block-group__inner-container {
column-gap: 2rem;
}
main#page-body .pageBlock .element-wrap .wp-block-quote {
padding: 4rem 8rem;
background: rgba(0, 0, 0, 0.05);
box-sizing: border-box;
border: 1.4px solid #f2f2f2;
}
main#page-body .pageBlock .element-wrap .wp-block-quote p {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 2.2rem;
color: #404040;
}
main#page-body .pageBlock .element-wrap .wp-block-quote p strong,
main#page-body .pageBlock .element-wrap .wp-block-quote p b {
display: block;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 900;
line-height: 2.4rem;
}
main#page-body .pageBlock .element-wrap .wp-block-quote cite {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.6rem;
font-style: normal;
color: #9da385;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons {
display: flex;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button {
display: block;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button.external a {
display: flex;
align-items: center;
column-gap: 5px;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button.external a:after {
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: inherit;
content: '';
content: "\f35d";
font-size: 1rem;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button a {
color: #ffffff;
background: #9d9d9d;
padding: 15px 25px;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.1rem;
font-weight: 700;
line-height: 160%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
width: 100%;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button a .fa-arrow-right {
padding-left: 10px;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button a:hover {
color: #f2f2f2;
background: #373737;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button.is-style-button-dark a {
background: #000000;
cursor: pointer;
color: #ffffff;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button.is-style-button-dark a:hover {
color: #f2f2f2;
background: #373737;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button.is-style-button-light a {
cursor: pointer;
background: #ffffff;
color: #373737;
border: 1px solid #373737;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button.is-style-button-light a:hover {
background: #f2f2f2;
color: #000000;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button.is-style-outline a {
background: transparent;
color: #373737;
border: 2px solid #373737;
}
main#page-body .pageBlock .element-wrap .wp-block-buttons .wp-block-button.is-style-outline a:hover {
background: #373737;
color: #ffffff;
}
main#page-body .pageBlock .element-wrap .button-wrap[class*="align-"] {
display: flex;
flex-flow: row nowrap;
}
main#page-body .pageBlock .element-wrap .button-wrap[class*="align-"][class$="left"] {
justify-content: flex-start;
}
main#page-body .pageBlock .element-wrap .button-wrap[class*="align-"][class$="center"] {
justify-content: center;
}
main#page-body .pageBlock .element-wrap .button-wrap[class*="align-"][class$="right"] {
justify-content: flex-end;
}
main#page-body .pageBlock .element-wrap .button-wrap.align-center {
justify-content: center;
}
main#page-body .pageBlock .element-wrap .button-wrap.align-right {
justify-content: flex-end;
}
main#page-body .pageBlock .element-wrap .button-wrap > span,
main#page-body .pageBlock .element-wrap .button-wrap > a {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.1rem;
font-weight: 700;
line-height: 160%;
display: block;
padding: 0.7rem 1.5rem;
cursor: pointer;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
main#page-body .pageBlock .element-wrap .button-wrap > span .icon,
main#page-body .pageBlock .element-wrap .button-wrap > a .icon {
color: #9d9d9d;
}
main#page-body .pageBlock .element-wrap .button-wrap > span .fa,
main#page-body .pageBlock .element-wrap .button-wrap > a .fa {
padding-left: 1rem;
}
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="negative"],
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="negative"] {
color: var(--text-primary-light);
border: 2px solid var(--text-primary-light);
}
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="negative"]:hover,
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="negative"]:hover,
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="negative"].active,
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="negative"].active {
color: var(--text-primary-dark);
background: var(--text-primary-light);
border-color: var(--text-primary-light);
}
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="negative-large"],
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="negative-large"] {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 600;
line-height: 1;
color: var(--text-primary-light);
border: 2px solid var(--text-primary-light);
}
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="negative-large"]:hover,
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="negative-large"]:hover,
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="negative-large"].active,
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="negative-large"].active {
color: var(--text-primary-dark);
background: var(--text-primary-light);
}
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="positive"],
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="positive"] {
color: var(--text-primary-dark);
border: 2px solid var(--text-primary-dark);
}
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="positive"]:hover,
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="positive"]:hover,
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="positive"].active,
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="positive"].active {
color: var(--text-primary-light);
background: var(--text-primary-dark);
}
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="positive-large"],
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="positive-large"] {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 600;
line-height: 1;
color: var(--text-primary-dark);
border: 2px solid var(--text-primary-dark);
}
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="positive-large"]:hover,
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="positive-large"]:hover,
main#page-body .pageBlock .element-wrap .button-wrap > span[class*="positive-large"].active,
main#page-body .pageBlock .element-wrap .button-wrap > a[class*="positive-large"].active {
color: var(--text-primary-light);
background: var(--text-primary-dark);
}
main#page-body .search-results {
max-width: 1320px;
width: 80%;
margin: 0 auto 6rem;
}
main#page-body .search-results article {
display: block;
margin: 0 0 1rem 0;
}
main#page-body .search-results article a {
display: block;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.6rem;
padding: 1rem 2rem;
border: 1px solid #f2f2f2;
}
main#page-body .container_404 .content_404 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
main#page-body .container_404 .content_404 .error_image_wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-bottom: 2rem;
}
main#page-body .container_404 .content_404 .error_image_wrapper img {
display: block;
height: auto;
max-width: 50vw;
}
footer {
width: 100%;
}
footer h2 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 125%;
text-transform: uppercase;
}
footer a {
color: var(--text-primary-dark);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
footer p {
color: var(--text-primary-light);
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 125%;
}
footer p span {
margin-right: 15px;
color: #9d9d9d;
font-size: 1.2rem;
}
footer .footer-contact {
background: #000000;
color: #ffffff;
border-bottom: 2px solid #ffffff;
}
footer .footer-contact .contact-inner {
width: 70%;
margin: 0 auto;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
}
footer .footer-contact .contact-inner h2 {
text-transform: uppercase;
}
footer .footer-contact .contact-inner a {
color: var(--text-primary-light);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
footer .footer-contact .contact-inner a:hover {
color: var(--text-primary-hover);
}
footer .footer-end {
background: #000000;
color: var(--text-primary-light);
}
footer .footer-end a {
color: var(--text-primary-light);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
footer .footer-end a:hover {
color: var(--text-primary-hover);
}
footer .footer-end .company_details {
display: flex;
flex-direction: column;
gap: 0.2rem;
margin-bottom: 1rem;
}
footer .footer-end .footer-element.copyright,
footer .footer-end .footer-element.company-menu {
width: 90%;
margin: 0 auto;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
}
footer .footer-end .footer-element.copyright .footer-menu ul,
footer .footer-end .footer-element.company-menu .footer-menu ul {
display: flex;
flex-direction: row;
column-gap: 2rem;
}
footer .footer-end .footer-element.copyright .footer-menu ul li,
footer .footer-end .footer-element.company-menu .footer-menu ul li {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
text-transform: uppercase;
flex-grow: 1;
}
footer .footer-end .footer-element.copyright .footer-menu ul li ul.sub-menu,
footer .footer-end .footer-element.company-menu .footer-menu ul li ul.sub-menu {
display: flex;
flex-direction: column;
padding: 0;
row-gap: 1rem;
}
footer .footer-end .footer-element.copyright .footer-menu ul li ul.sub-menu li,
footer .footer-end .footer-element.company-menu .footer-menu ul li ul.sub-menu li {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 100%;
text-transform: none;
}
.wpcf7 {
position: relative;
display: block;
margin: 3rem 0;
}
.wpcf7 form .row {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 30px;
}
.wpcf7 form p {
margin: 0;
}
.wpcf7 form h2 {
color: #ffffff;
}
.wpcf7 form .kontakt {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
margin: 2rem 0 4rem 0;
}
.wpcf7 form .kontakt div {
width: 100%;
}
.wpcf7 form p {
display: flex;
flex-direction: column; }
.wpcf7 form p label {
text-align: left;
width: 100%;
margin: 1rem 0;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
}
.wpcf7 form p span {
position: relative;
margin: 0;
}
.wpcf7 form p span input {
width: 100%;
border: 1px solid #a2acb2;
padding: 0.425rem;
background: #eaeaea;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
box-sizing: border-box;
}
.wpcf7 form p span input[readonly] {
background-color: #c0c0c0;
cursor: not-allowed;
}
.wpcf7 form p span #message {
border: 1px solid #707a80;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
background: #eaeaea;
}
.wpcf7 form p span input:focus,
.wpcf7 form p span textarea:focus {
outline: none; border-color: #1c1c1c; }
.wpcf7 form .choose-options {
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 1.5rem;
}
.wpcf7 form textarea.wpcf7-textarea {
width: 100%;
padding: 0.5rem;
background: #eaeaea;
border: 1px solid #a2acb2;
box-sizing: border-box;
}
.wpcf7 form .wpcf7-response-output {
border-color: unset !important;
margin: 2rem auto;
text-align: center;
}
.wpcf7 form .wpcf7-checkbox .wpcf7-list-item,
.wpcf7 form .wpcf7-radio .wpcf7-list-item,
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wpcf7 form .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label,
.wpcf7 form .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label,
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
position: relative;
display: block;
padding: 8px 5px 5px 30px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wpcf7 form .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:hover,
.wpcf7 form .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:hover,
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:hover {
color: #ffffff;
}
.wpcf7 form .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:before,
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:before {
position: absolute;
top: 50%;
left: 1px;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 20px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: inherit;
content: '\f111';
}
.wpcf7 form .wpcf7-radio .wpcf7-list-item input[type=radio],
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item input[type=radio],
.wpcf7 form .wpcf7-radio .wpcf7-list-item input[type=checkbox],
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] {
display: none;
}
.wpcf7 form .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + span:before,
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item input[type=radio]:checked + span:before,
.wpcf7 form .wpcf7-radio .wpcf7-list-item input[type=checkbox]:checked + span:before,
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked + span:before {
display: block;
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 20px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: inherit;
content: '\f058';
}
.wpcf7 form .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:before {
position: absolute;
top: 50%;
left: 1px;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 20px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: inherit;
content: '\f0c8';
}
.wpcf7 form .wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
display: none;
}
.wpcf7 form .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked + span:before {
display: block;
font-family: "Font Awesome 6 Pro";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 20px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: inherit;
content: '\f14a';
}
.wpcf7 form input[type="submit"] {
border: none;
padding: 10px 40px;
color: var(--text-primary-dark);
text-transform: uppercase;
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 160%;
cursor: pointer;
background: var(--text-primary-light);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wpcf7 form input[type="submit"]:disabled {
cursor: not-allowed;
color: #ffffff;
background: #a2acb2;
}
.wpcf7 form input[type="submit"]:not(:disabled):hover {
background: var(--element-accent-color);
color: var(--text-primary-light);
}
.search-form-wrap {
position: fixed;
display: none;
top: 5rem;
left: 0;
padding: 2rem 4rem;
background: #f2f2f2;
width: 100%;
box-sizing: border-box;
z-index: 4000;
box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.25);
}
.search-form-wrap form {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.search-form-wrap form input {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 3rem;
flex: 1 0 auto;
margin: 0 2rem 0 0;
padding: 0 2rem;
background: #ffffff;
border: none;
}
.search-form-wrap form button {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 3rem;
margin: 0 2rem 0 0;
padding: 0 2.666rem;
border: none;
color: #f2f2f2;
background: #ffffff;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.search-form-wrap form button:hover {
color: #ffffff;
background: #000000;
}
.search-form-wrap form .close-form {
width: 3rem;
height: 3rem;
font-size: 3rem;
color: #ffffff;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.search-form-wrap form .close-form:hover {
color: #000000;
}
@media screen and (max-width: 1250px) {
.search-form-wrap {
padding: 1.2rem 4rem;
}
.search-form-wrap form {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.search-form-wrap form input {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 0.8rem;
font-weight: 400;
line-height: 3rem;
}
.search-form-wrap form button {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 0.8rem;
font-weight: 700;
line-height: 3rem;
}
.search-form-wrap form .close-form {
width: 2rem;
height: 2rem;
}
}
.wp-block-button__link {
color: unset;
border-radius: unset;
box-shadow: none;
text-decoration: none;
padding: 0;
background-color: unset;
}
.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide--html {
padding: 0;
}
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox {
padding: 0;
width: 70%;
max-width: 960px;
}
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner {
color: #ffffff;
background: #007990;
padding: 40px;
}
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner h1,
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner h2,
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner h3,
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner h4,
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner h5,
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner h6 {
color: #ffffff;
}
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner h1 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 160%;
margin-bottom: 2rem;
}
.fancybox-container .fancybox-inner .fancybox-stage .inline-lightbox .lightbox-inner h2 {
font-family: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
font-size: 1.8rem;
font-weight: 700;
line-height: 160%;
margin-bottom: 2.6rem;
}
.readonly-bg {
background-color: #c0c0c0;
cursor: not-allowed;
}
.debug {
display: block;
border-left: 3px solid #e3051b;
padding-left: 2rem;
margin: 0 0 2rem 1rem;
}
.hide-on-tablet {
display: none;
}
.mobile\:flex-cols {
flex-direction: column;
}
.mobile\:flex-cols-reverse {
flex-direction: column-reverse;
}
.tablet\:hidden {
display: none;
}
.tablet\:text-center {
text-align: center !important;
}
.tablet\:text-left {
text-align: left !important;
}
.tablet\:text-right {
text-align: right !important;
}
.tablet\:flex-cols {
flex-direction: column !important;
}
.tablet\:flex-cols-reverse {
flex-direction: column-reverse !important;
}
.tablet\:p-0 {
padding: 0 !important;
}
.tablet\:pt-0 {
padding-top: 0 !important;
}
.tablet\:pr-0 {
padding-right: 0 !important;
}
.tablet\:pr-1 {
padding-right: 0.25rem !important;
}
.tablet\:pr-2 {
padding-right: 0.5rem !important;
}
.tablet\:pr-3 {
padding-right: 0.75rem !important;
}
.tablet\:pr-4 {
padding-right: 1rem !important;
}
.tablet\:pb-0 {
padding-bottom: 0 !important;
}
.tablet\:pb-1 {
padding-bottom: 0.25rem !important;
}
.tablet\:pb-2 {
padding-bottom: 0.5rem !important;
}
.tablet\:pb-3 {
padding-bottom: 0.75rem !important;
}
.tablet\:pb-4 {
padding-bottom: 1rem !important;
}
.tablet\:pl-0 {
padding-left: 0 !important;
}
.tablet\:pl-1 {
padding-left: 0.25rem !important;
}
.tablet\:pl-2 {
padding-left: 0.5rem !important;
}
.tablet\:pl-3 {
padding-left: 0.75rem !important;
}
.tablet\:pl-4 {
padding-left: 1rem !important;
}
.tablet\:\:m-0 {
margin: 0 !important;
}
.tablet\:\:mt-0 {
margin-top: 0 !important;
}
.tablet\:\:mt-1 {
margin-top: 0.25rem !important;
}
.tablet\:\:mt-2 {
margin-top: 0.5rem !important;
}
.tablet\:\:mt-3 {
margin-top: 0.75rem !important;
}
.tablet\:\:mt-4 {
margin-top: 1rem !important;
}
.tablet\:\:mr-0 {
margin-right: 0 !important;
}
.tablet\:\:mr-1 {
margin-right: 0.25rem !important;
}
.tablet\:\:mr-2 {
margin-right: 0.5rem !important;
}
.tablet\:\:mr-3 {
margin-right: 0.75rem !important;
}
.tablet\:\:mr-4 {
margin-right: 1rem !important;
}
.tablet\:\:mb-0 {
margin-bottom: 0 !important;
}
.tablet\:\:mb-1 {
margin-bottom: 0.25rem !important;
}
.tablet\:\:mb-2 {
margin-bottom: 0.5rem !important;
}
.tablet\:\:mb-3 {
margin-bottom: 0.75rem !important;
}
.tablet\:\:mb-4 {
margin-bottom: 1rem !important;
}
.tablet\:\:ml-0 {
margin-left: 0 !important;
}
.tablet\:\:ml-1 {
margin-left: 0.25rem !important;
}
.tablet\:\:ml-2 {
margin-left: 0.5rem !important;
}
.tablet\:\:ml-3 {
margin-left: 0.75rem !important;
}
.tablet\:\:ml-4 {
margin-left: 1rem !important;
}