.c-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
pointer-events: none;
}
.c-bg__item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
z-index: -1;
width: var(--dst--bg-desktop-width, auto);
}
.c-bg__item.is-fixed {
overflow: hidden;
clip-path: inset(0 0 0 0);
}
.c-bg__item.is-fixed .c-bg__media {
position: fixed;
top: 0;
}
@media (max-width: 767px) {
.c-bg__item {
width: var(--dst--bg-mobile-width, var(--dst--bg-desktop-width, auto));
}
}
.c-bg__media {
width: 100%;
height: 100% !important;
object-fit: var(--dst--bg-desktop-size, cover);
object-position: var(--dst--bg-desktop-focal, 50% 50%);
background-attachment: var(--dst--bg-desktop-fixed, initial);
}
@media (max-width: 767px) {
.c-bg__media {
object-fit: var(--dst--bg-mobile-size, var(--dst--bg-desktop-size, cover));
object-position: var(
--dst--bg-mobile-focal,
var(--dst--bg-desktop-focal, 50% 50%)
);
background-attachment: var(
--dst--bg-mobile-fixed,
var(--dst--bg-desktop-fixed, initial)
);
}
}
.-visible-desktop {
display: block;
}
@media (max-width: 767px) {
.-visible-desktop {
display: none;
}
}
.-hidden-desktop {
display: none;
}
@media (max-width: 767px) {
.-hidden-desktop {
display: block;
}
}
.-visible-mobile {
display: none;
}
@media (max-width: 767px) {
.-visible-mobile {
display: block;
}
}
.-hidden-mobile {
display: block;
}
@media (max-width: 767px) {
.-hidden-mobile {
display: none;
}
}
.c-decoration {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
z-index: 1;
}
.c-decoration__item {
position: absolute;
left: var(--c-decoration-position-desktop-left, 0);
top: var(--c-decoration-position-desktop-top, 0);
display: var(--c-decoration-display-desktop, block);
width: var(--c-decoration-width-desktop, auto);
height: var(--c-decoration-height-desktop, auto);
transform: translate(-50%, -50%);
}
.c-decoration__item img,
.c-decoration__item svg,
.c-decoration__item div {
width: 100%;
height: 100%;
display: block;
}
@media (max-width: 1112px) {
.c-decoration__item {
left: var(
--c-decoration-position-tablet-left,
var(--c-decoration-position-desktop-left, 0)
);
top: var(
--c-decoration-position-tablet-top,
var(--c-decoration-position-desktop-top, 0)
);
display: var(
--c-decoration-display-tablet,
var(--c-decoration-display-desktop, block)
);
width: var(
--c-decoration-width-tablet,
var(--c-decoration-width-desktop, auto)
);
height: var(
--c-decoration-height-tablet,
var(--c-decoration-height-desktop, auto)
);
}
}
@media (max-width: 767px) {
.c-decoration__item {
left: var(
--c-decoration-position-mobile-left,
var(
--c-decoration-position-tablet-left,
var(--c-decoration-position-desktop-left, 0)
)
);
top: var(
--c-decoration-position-mobile-top,
var(
--c-decoration-position-tablet-top,
var(--c-decoration-position-desktop-top, 0)
)
);
display: var(
--c-decoration-display-mobile,
var(
--c-decoration-display-tablet,
var(--c-decoration-display-desktop, block)
)
);
width: var(
--c-decoration-width-mobile,
var(--c-decoration-width-tablet, var(--c-decoration-width-desktop, auto))
);
height: var(
--c-decoration-height-mobile,
var(
--c-decoration-height-tablet,
var(--c-decoration-height-desktop, auto)
)
);
}
}
:root {
interpolate-size: allow-keywords;
}
a {
transition: color var(--dst--transition);
}
input[type="text"] {
transition:
border var(--dst--transition),
background-color var(--dst--transition);
}
h1,
h2,
h3,
h4 {
transition: font-size var(--dst--transition);
}
svg {
transition:
fill var(--dst--transition),
stroke var(--dst--transition),
background-color var(--dst--transition),
color var(--dst--transition);
}
img,
picture {
transition:
transform 0.5s,
opacity var(--dst--transition);
}
@keyframes grid-appear {
0% {
opacity: 0;
transform: scale(0.3);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes fade-appear {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-left {
0% {
opacity: 0;
transform: translate3d(100px, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes slide-appear {
0% {
transform: translateY(200px);
}
to {
transform: translateY(0);
}
}
@keyframes fade-translate {
0% {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fade-translate-reverse {
0% {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fade-translate-vertical {
0% {
opacity: 0;
transform: translateY(60px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fade-scale {
0% {
opacity: 0;
transform: scale(0.2);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes overlay-appear {
to {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.has-inview-a [data-viewport] {
contain: paint;
}
.has-inview-a [data-viewport-effect] > * {
transition-duration: 1s;
transition-timing-function: ease-in-out;
}
.has-inview-a [data-viewport-effect^="fade"][data-viewport-effect^="fade"] > * {
opacity: 0;
transition-property: opacity, transform;
}
.has-inview-a
[data-viewport-effect^="fade"][data-viewport-effect^="fade"].in-view
> * {
opacity: 1;
transform: none;
}
.has-inview-a [data-viewport-effect="fade-up"] > * {
transform: translate3d(0, 60px, 0);
}
.has-inview-a [data-viewport-effect="fade-down"] > * {
transform: translate3d(0, -60px, 0);
}
.has-inview-a [data-viewport-effect="fade-right"] > * {
transform: translate3d(-60px, 0, 0);
}
.has-inview-a [data-viewport-effect="fade-left"] > * {
transform: translate3d(60px, 0, 0);
}
.has-inview-a [data-viewport-effect^="zoom"][data-viewport-effect^="zoom"] > * {
opacity: 0;
transition-property: opacity, transform;
}
.has-inview-a
[data-viewport-effect^="zoom"][data-viewport-effect^="zoom"].in-view
> * {
opacity: 1;
transform: translateZ(0) scale(1);
}
.has-inview-a [data-viewport-effect="zoom-in"] > * {
transform: scale(0.6);
}
.has-inview-a
[data-viewport-effect^="slide"][data-viewport-effect^="slide"]
> * {
transition-property: transform;
visibility: hidden;
}
.has-inview-a
[data-viewport-effect^="slide"][data-viewport-effect^="slide"].in-view
> * {
visibility: visible;
transform: translateZ(0);
}
.has-inview-a [data-viewport-effect="slide-up"] > * {
transform: translate3d(0, 100%, 0);
}
.has-inview-a [data-viewport-effect="slide-down"] > * {
transform: translate3d(0, -100%, 0);
}
.has-inview-a [data-viewport-effect="slide-right"] > * {
transform: translate3d(-100%, 0, 0);
}
.has-inview-a [data-viewport-effect="slide-left"] > * {
transform: translate3d(100%, 0, 0);
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"]
.l-ccbl__item,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"]
.l-tbnav__item,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"]
.l-rcbl__col,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"]
.l-team__item,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"]
.l-counter__item,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"]
.c-animated-list__item {
transform: translateY(30px);
opacity: 0;
transition: 1s ease;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item,
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item {
opacity: 1;
transform: translateY(0);
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(1),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(1),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(1),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(1),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(1),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(1) {
transition-delay: 0.1s;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(2),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(2),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(2),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(2),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(2),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(2) {
transition-delay: 0.2s;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(3),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(3),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(3),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(3),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(3),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(3) {
transition-delay: 0.3s;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(4),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(4),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(4),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(4),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(4),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(4) {
transition-delay: 0.4s;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(5),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(5),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(5),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(5),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(5),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(5) {
transition-delay: 0.5s;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(6),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(6),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(6),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(6),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(6),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(6) {
transition-delay: 0.6s;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(7),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(7),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(7),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(7),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(7),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(7) {
transition-delay: 0.7s;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(8),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(8),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(8),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(8),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(8),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(8) {
transition-delay: 0.8s;
}
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-ccbl__item:nth-child(9),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-tbnav__item:nth-child(9),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-rcbl__col:nth-child(9),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-team__item:nth-child(9),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.l-counter__item:nth-child(9),
.has-inview-a
[data-viewport-effect="fade-in-seq"][data-viewport-effect="fade-in-seq"].in-view
.c-animated-list__item:nth-child(9) {
transition-delay: 0.9s;
}
.has-inview-a
[data-viewport-effect="fade-in-slides"][data-viewport-effect="fade-in-slides"]
.swiper-slide {
clip-path: circle(0% at 50% 50%);
transition: 0.3s;
}
.has-inview-a
[data-viewport-effect="fade-in-slides"][data-viewport-effect="fade-in-slides"].in-view
.swiper-slide {
clip-path: circle(75% at 50% 50%);
}
.has-inview-a
[data-viewport-effect="fade-in-slides"][data-viewport-effect="fade-in-slides"].in-view
.swiper-slide:nth-child(1) {
transition-delay: 0.2s;
}
.has-inview-a
[data-viewport-effect="fade-in-slides"][data-viewport-effect="fade-in-slides"].in-view
.swiper-slide:nth-child(2) {
transition-delay: 0.4s;
}
.has-inview-a
[data-viewport-effect="fade-in-slides"][data-viewport-effect="fade-in-slides"].in-view
.swiper-slide:nth-child(3) {
transition-delay: 0.6s;
}
.has-inview-a
[data-viewport-effect="fade-in-slides"][data-viewport-effect="fade-in-slides"].in-view
.swiper-slide:nth-child(4) {
transition-delay: 0.8s;
}
.has-inview-a
[data-viewport-effect="fade-in-slides"][data-viewport-effect="fade-in-slides"].in-view
.swiper-slide:nth-child(5) {
transition-delay: 1s;
}
.has-inview-a
[data-viewport-effect="fade-in-slides"][data-viewport-effect="fade-in-slides"].in-view
.swiper-slide:nth-child(6) {
transition-delay: 1.2s;
}
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"]
.c-heading__pre,
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"]
.c-heading__title,
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"]
.c-heading__sub,
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"]
.c-heading__description {
clip-path: polygon(0 0, 0 0, 0 0);
transition: 0.8s cubic-bezier(0.55, 0.06, 0.33, 1.85);
transform: translate(-30px) scale(0.86) skew(8deg);
}
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"].in-view
.c-heading__pre,
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"].in-view
.c-heading__title,
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"].in-view
.c-heading__sub,
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"].in-view
.c-heading__description {
clip-path: polygon(0 0, 200% 0, 0 200%);
transform: translate(0) scale(1) skew(0);
transition: 0.8s cubic-bezier(0.55, 0.06, 0.33, 1.85);
}
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"].in-view
.c-heading__title {
transition-delay: 0.3s;
}
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"].in-view
.c-heading__sub {
transition-delay: 0.6s;
}
.has-inview-a
[data-viewport-effect="animate-headings"][data-viewport-effect="animate-headings"].in-view
.c-heading__description {
transition-delay: 0.9s;
}
:root {
--dst--transition: 0.3s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"]
> *
.gridder-list {
opacity: 0;
transition-property: opacity;
transition-duration: 0.3s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list {
opacity: 1;
transition-property: opacity;
transition-duration: 0.3s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(1) {
transition-delay: 0.16s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(2) {
transition-delay: 0.32s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(3) {
transition-delay: 0.48s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(4) {
transition-delay: 0.64s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(5) {
transition-delay: 0.8s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(6) {
transition-delay: 0.96s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(7) {
transition-delay: 1.12s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(8) {
transition-delay: 1.28s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(9) {
transition-delay: 1.44s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(10) {
transition-delay: 1.6s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(11) {
transition-delay: 1.76s;
}
.has-inview-a
[data-viewport-effect^="custom-animation"][data-viewport-effect^="custom-animation"].in-view
.gridder-list:nth-child(12) {
transition-delay: 1.92s;
}
.site-fooder {
position: relative;
background-color: var(--dst--fooder-bg);
}
.l-fooder {
border-top: var(--dst--fooder-border-top-size) solid
var(--dst--fooder-border-top);
color: var(--dst--fooder-color);
padding-bottom: calc(env(safe-area-inset-bottom) + 0px);
overflow: hidden;
position: relative;
z-index: 2;
}
.l-fooder a {
color: var(--dst--fooder-links-color, var(--dst--fooder-color));
}
.l-fooder a:hover {
text-decoration: underline;
}
@media (max-width: 1112px) {
.l-fooder a {
text-decoration: underline;
}
}
.l-fooder .social-list {
gap: 1rem;
}
.l-fooder__media {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
overflow: hidden;
}
.l-fooder__media img,
.l-fooder__media video {
height: 100%;
width: 100%;
object-fit: cover;
}
.l-fooder__video {
height: 100%;
}
.l-fooder__video:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #0009;
}
.fooder-top {
padding-block: var(--dst--fooder-padding-top, 20px);
font-size: var(--dst--fooder-top-font-size);
}
@media (min-width: 1113px) {
.fooder-top__menus {
display: flex;
justify-content: flex-end;
}
}
@media (min-width: 768px) {
.fooder-bottom__inner {
display: flex;
flex-direction: column;
gap: 3rem;
}
}
@media (min-width: 1113px) {
.fooder-bottom__inner {
justify-content: space-between;
align-items: center;
flex-direction: row;
}
}
.fooder-title {
font-weight: var(--dst--fooder-title-weight);
font-size: var(--dst--fooder-title-size);
text-transform: var(--dst--fooder-title-transform);
}
.fooder-logo {
height: var(--dst--fooder-logo-height);
width: var(--dst--fooder-logo-width);
}
@media (max-width: 1112px) {
.fooder-logo {
min-height: 25px;
max-height: 80px;
}
}
.site-fooder {
--dst--fooder-padding-top: 6.35vh 4rem;
--dst--fooder-top-font-size: 1.6rem;
--dst--fooder-bottom-padding: 1.2em;
--dst--fooder-bottom-font-size: 1.6rem;
--dst--fooder-nav-gap-block: 0.8em;
--dst--fooder-nav-gap-inline: 1vw;
--dst--fooder-logo-height: auto;
--dst--fooder-logo-width: 340px;
--dst--fooder-title-size: 2rem;
--dst--fooder-title-weight: 600;
--dst--fooder-title-transform: uppercase;
--dst--fooder-bottom-color: rgba(255, 255, 255, 0.8);
--dst--fooder-nav-link-color: rgba(255, 255, 255, 0.8);
z-index: 1;
}
.fooder-title {
margin-bottom: 0.5em;
}
.fooder-block {
margin-bottom: 2em;
}
.fooder-block.fooder-logo {
margin-bottom: 2.85em;
}
@media (max-width: 767px) {
.fooder-block.fooder-logo {
margin-inline: auto;
}
}
.fooder-block:has(.fooder-nav) {
margin-bottom: 0;
}
.fooder-text {
margin-bottom: 2em;
}
.fooder-nav {
font-size: 14px;
line-height: 1.5;
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
text-align: center;
}
@media (min-width: 768px) {
.fooder-nav {
grid-template-columns: repeat(2, 1fr);
display: grid;
grid-column-gap: 2rem;
grid-row-gap: 0;
text-align: left;
}
}
.fooder-nav .menu-item.has-house-icon a {
display: flex;
align-items: center;
}
.fooder-nav .menu-item.has-house-icon a:before {
content: "";
display: inline-block;
width: 2rem;
height: 16px;
margin-right: 5px;
font-size: 2rem;
line-height: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAfCAYAAACVgY94AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUYxMjdGNDdFMDQxMTFGMEJCOUJDQkI1M0I3MTk5RDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUYxMjdGNDhFMDQxMTFGMEJCOUJDQkI1M0I3MTk5RDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RjEyN0Y0NUUwNDExMUYwQkI5QkNCQjUzQjcxOTlENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RjEyN0Y0NkUwNDExMUYwQkI5QkNCQjUzQjcxOTlENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkS3GFgAAAKoSURBVHjaxJjPS1VBFMfv3PeeIqJBaYsEIyOyXRFEFkFBK4MwI1wYLYr6D/pNFFJJLWpdVLiUhIygRUEhQYSbWohRWYuohYFQIBrUu3f8zmOuTeP8fu/yBj7c++6dc8535p4zMzxSLpejGrW14BboBhfA81o4jWsk7gyYAYNgO3gGRkFXvQUeAe/BDdAqvRsAH8GlauKQwE+8A1wD+x37fwHnwVjeM9gB7oJJjbhxMKx4vhE8BE/B1jwEEnCR59lJxfvv4Bjo5wXCCuWJol8veAdugxanyOwTWxgEM4BquA6aNLaHDbaz4JQtvunlbjBhEDYOuh0GGIMhg5/XYI+PwA1gxOBwChx0ECazGTwy+H0AOkwCG8AV8FfjYAGcDhAmcwh80sRYlGNkN8fBV8Po7oN1NRCXwZa3yyCxfSXW8SVqZZ+mht6Ac+BVtTsCIaRypZSKjzeBm6BPYzbKBFKD3y3ggyWIs8A4jqM0TVX2f0BJZVcE84Y1aZVhwW721Pgbwr4pBrnGYDNftCyYy6NiDgWnd8ABT4GTELczm03BV8lg08IE3gNN/EGf48w0BKShq80vviVWZr0obV2f+b5pa6sDBLY59mMajoo5KOekSzsL1nsK/CGmi0ta+QiqVKDQXoRUcVYgFpEkSKDkkB3t93pqZKeYE74DCxXYA7Z5xmoVZzDvI38pxyoOm0Fp9I/BLJtYd3MynatAsVAQ7GpIsGyx99kqbQIT8QfbRxWzGQXm8fKhvhqBcx6BQtucKVVsAkfAzyjf1mjSYRO4K6pzixX/r9S7tZtm8C3o5MXBKqKEgqAs5/g1xjVlVyFvsopJhXvCk58qYmSFV+DHLiptb1Pavz64kP/WviRJVlSteJ4j/15S3bopFxV7l52sC4XCin6i7ZIAAwDXwU0RDb9q6QAAAABJRU5ErkJggg==)
no-repeat center;
background-size: contain;
}
.fooder-nav .menu-item.current-menu-item > a {
color: var(--dst--secondary-color1);
text-decoration: underline;
}
.fooder-nav .menu-item a,
.fooder-nav .menu-item .plain-menu-item {
color: var(--dst--fooder-nav-link-color);
transition: color var(--dst--transition);
}
.fooder-nav .menu-item a:hover,
.fooder-nav .menu-item .plain-menu-item:hover {
color: var(--dst--secondary-color1);
}
@media (min-width: 768px) {
.fooder-nav.h-direction {
display: flex;
align-items: center;
gap: var(--dst--fooder-nav-gap-inline, 1vw);
}
}
.fooder-nav.v-direction li {
margin-bottom: var(--dst--fooder-nav-gap-block);
}
@media (max-width: 766px) {
.l-fooder {
text-align: center;
}
}
@media (min-width: 1113px) {
.fooder-top__inner {
display: flex;
justify-content: space-between;
gap: 20px;
}
.fooder-top__col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
}
@media (max-width: 1112px) {
.fooder-top__inner {
display: flex;
flex-direction: column-reverse;
gap: 4rem;
}
}
.fooder-form .gform_wrapper.gravity-theme .gfield_label {
display: none;
}
.fooder-form .gform_wrapper.gravity-theme textarea {
max-height: 110px;
}
.fooder-form .gform_wrapper.gravity-theme .gform_fooder {
margin: 0;
}
.contact-info__icon {
height: 22px;
width: 22px;
min-width: 22px;
margin-right: 10px;
}
.fooder-bottom {
color: var(--dst--fooder-bottom-color);
font-size: 14px;
position: relative;
padding-bottom: 3em;
}
@media (min-width: 1113px) {
.fooder-bottom {
padding-bottom: 5em;
}
}
.fooder-bottom.-top {
padding-block: var(--dst--fooder-bottom-padding, 10px);
}
@media (min-width: 1113px) {
.fooder-bottom.-top a {
text-decoration: none;
}
.fooder-bottom.-top a:hover {
text-decoration: underline;
}
}
.fooder-bottom__inner {
display: flex;
flex-direction: column;
gap: 3rem;
}
@media (min-width: 768px) {
.fooder-bottom__inner {
flex-direction: row;
gap: 2rem;
justify-content: space-between;
}
}
.fooder-bottom:before {
content: "";
display: block;
width: 100%;
height: 1px;
pointer-events: none;
background-color: #ffffff1a;
max-width: var(--dst--content-width);
margin-inline: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fooder-bottom a {
color: var(--dst--fooder-bottom-color);
transition: color var(--dst--transition);
font-weight: 400;
text-decoration: underline;
}
.fooder-bottom a:hover {
color: var(--dst--secondary-color1);
}
.fooder-bottom-left {
display: flex;
align-items: center;
gap: 1.6rem;
}
@media (max-width: 767px) {
.fooder-bottom-left {
flex-direction: column;
}
}
.fooder-bottom .cocy-numbers {
display: flex;
align-items: center;
gap: 1.6rem;
}
@media (min-width: 1113px) {
.fooder-bottom .cocy-numbers {
margin-right: 1.2rem;
}
}
@media (max-width: 1112px) {
.design-by {
text-align: center;
}
}
.fooder-cta-break {
position: relative;
z-index: 1;
}
.fooder-cta-break:before {
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(38deg, #02336c 73.08%, #03499a 96.07%);
}
.fooder-cta-break__content {
position: relative;
}
@media (min-width: 768px) {
.fooder-cta-break__content {
min-height: 50rem;
}
}
@media (min-width: 768px) {
.fooder-cta-break .l-dcbl .c-block {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em;
}
}
.fooder-cta-break .l-dcbl .c-block__text {
padding-inline: 0;
justify-content: flex-start;
}
.fooder-cta-break .l-dcbl .c-block__text .c-heading__sub {
opacity: 0.7;
}
@media (min-width: 1113px) {
.fooder-cta-break .l-dcbl .c-block__text .c-heading__sub {
max-width: 54rem;
}
}
@media (min-width: 1113px) {
.fooder-cta-break .l-dcbl .c-block__media {
position: absolute;
right: 0;
bottom: -3em;
max-width: calc(50% - 2em);
}
}
@media (max-width: 767px) {
.fooder-cta-break .l-dcbl .c-block__media {
align-self: center;
max-width: 60rem;
}
}
.fooder-cta-break .l-dcbl .c-block .c-media__primary {
aspect-ratio: unset;
}
.fooder-cta-break .l-dcbl .c-block .c-media__primary:before {
content: "";
display: block;
background: linear-gradient(180deg, #02336c00, #02336c 98.94%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 20%;
top: unset;
}
.fooder-cta-break .l-dcbl .c-block .cta-break-image {
display: block;
}
.fooder-cta-break .c-block-v5 .c-block__body {
padding: 0;
}
.fooder-cta-break .c-block-v5 .c-block__media {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
}
.fooder-cta-break .c-block-v5 .c-block__link-full:focus-visible {
outline: 2px solid var(--dst--primary-color3);
}
@media (min-width: 768px) {
.fooder-cta-break .m-rcbl.rcbl-custom-v1 {
max-width: 50%;
}
}
.fooder-cta-break .m-rcbl .c-heading__description {
letter-spacing: 0;
}
:root {
--bullet-fallback: url('data:image/svg+xml,');
}
.content-single {
font-size: var(--dst--blog-text-size, 2.2rem);
font-weight: var(--dst--blog-text-font-weight, 400);
max-width: calc(var(--blog-width, 850px) + var(--dst--page-gutter) * 2);
position: relative;
margin-inline: auto;
padding: 20px var(--dst--page-gutter) 10vmin;
}
@media (min-width: 1113px) and (max-width: 1440px) {
.content-single {
--blog-width: 700px;
}
}
@media (min-width: 1113px) {
.content-single {
min-height: 600px;
}
}
.simple-page .content-single {
max-width: none;
font-size: 1.8rem;
}
@media (min-width: 768px) {
.simple-page .content-single {
padding-inline: 0;
}
}
@media (max-width: 767px) {
.simple-page .content-single {
font-size: 16px;
padding-top: 0;
}
}
.is-wysiwyg a,
.post-type-post .editor-styles-wrapper a,
body.editor-styles-wrapper a {
color: var(--dst--base-link-color);
}
.is-style-colors-inverted .is-wysiwyg a,
.is-style-colors-inverted .post-type-post .editor-styles-wrapper a,
.is-style-colors-inverted body.editor-styles-wrapper a {
color: var(--dst--base-link-color-alt);
}
.is-wysiwyg h1,
.is-wysiwyg h2,
.is-wysiwyg h3,
.is-wysiwyg h4,
.is-wysiwyg h5,
.post-type-post .editor-styles-wrapper h1,
.post-type-post .editor-styles-wrapper h2,
.post-type-post .editor-styles-wrapper h3,
.post-type-post .editor-styles-wrapper h4,
.post-type-post .editor-styles-wrapper h5,
body.editor-styles-wrapper h1,
body.editor-styles-wrapper h2,
body.editor-styles-wrapper h3,
body.editor-styles-wrapper h4,
body.editor-styles-wrapper h5 {
color: var(--dst--base-heading-color);
}
.is-style-colors-inverted .is-wysiwyg h1,
.is-style-colors-inverted .is-wysiwyg h2,
.is-style-colors-inverted .is-wysiwyg h3,
.is-style-colors-inverted .is-wysiwyg h4,
.is-style-colors-inverted .is-wysiwyg h5,
.is-style-colors-inverted .post-type-post .editor-styles-wrapper h1,
.is-style-colors-inverted .post-type-post .editor-styles-wrapper h2,
.is-style-colors-inverted .post-type-post .editor-styles-wrapper h3,
.is-style-colors-inverted .post-type-post .editor-styles-wrapper h4,
.is-style-colors-inverted .post-type-post .editor-styles-wrapper h5,
.is-style-colors-inverted body.editor-styles-wrapper h1,
.is-style-colors-inverted body.editor-styles-wrapper h2,
.is-style-colors-inverted body.editor-styles-wrapper h3,
.is-style-colors-inverted body.editor-styles-wrapper h4,
.is-style-colors-inverted body.editor-styles-wrapper h5 {
color: var(--dst--base-heading-color-alt);
}
.is-wysiwyg p:not(:last-child),
.is-wysiwyg ul:not(:last-child),
.is-wysiwyg ol:not(:last-child),
.is-wysiwyg table:not(:last-child),
.is-wysiwyg img:not(:last-child),
.is-wysiwyg blockquote:not(:last-child),
.is-wysiwyg video:not(:last-child),
.is-wysiwyg iframe:not(:last-child),
.is-wysiwyg .wp-block-gallery:not(:last-child),
.post-type-post .editor-styles-wrapper p:not(:last-child),
.post-type-post .editor-styles-wrapper ul:not(:last-child),
.post-type-post .editor-styles-wrapper ol:not(:last-child),
.post-type-post .editor-styles-wrapper table:not(:last-child),
.post-type-post .editor-styles-wrapper img:not(:last-child),
.post-type-post .editor-styles-wrapper blockquote:not(:last-child),
.post-type-post .editor-styles-wrapper video:not(:last-child),
.post-type-post .editor-styles-wrapper iframe:not(:last-child),
.post-type-post .editor-styles-wrapper .wp-block-gallery:not(:last-child),
body.editor-styles-wrapper p:not(:last-child),
body.editor-styles-wrapper ul:not(:last-child),
body.editor-styles-wrapper ol:not(:last-child),
body.editor-styles-wrapper table:not(:last-child),
body.editor-styles-wrapper img:not(:last-child),
body.editor-styles-wrapper blockquote:not(:last-child),
body.editor-styles-wrapper video:not(:last-child),
body.editor-styles-wrapper iframe:not(:last-child),
body.editor-styles-wrapper .wp-block-gallery:not(:last-child) {
margin-top: 0;
margin-bottom: var(--wysiwyg-margin);
}
.is-wysiwyg p a,
.post-type-post .editor-styles-wrapper p a,
body.editor-styles-wrapper p a {
text-decoration: underline;
font-weight: 500;
}
.is-wysiwyg ol,
.post-type-post .editor-styles-wrapper ol,
body.editor-styles-wrapper ol {
list-style: decimal;
margin-left: 25px;
}
.is-wysiwyg li,
.post-type-post .editor-styles-wrapper li,
body.editor-styles-wrapper li {
margin-bottom: var(--wysiwyg-li-margin, 0.5em);
}
.is-wysiwyg ul:not(.dst-list),
.post-type-post .editor-styles-wrapper ul:not(.dst-list),
body.editor-styles-wrapper ul:not(.dst-list) {
list-style-type: none;
list-style-position: inside;
padding-left: 0;
margin-left: 0;
}
.is-wysiwyg img,
.is-wysiwyg video,
.is-wysiwyg iframe,
.post-type-post .editor-styles-wrapper img,
.post-type-post .editor-styles-wrapper video,
.post-type-post .editor-styles-wrapper iframe,
body.editor-styles-wrapper img,
body.editor-styles-wrapper video,
body.editor-styles-wrapper iframe {
max-width: 100%;
height: var(--dst-media__height, auto);
display: block;
}
.is-wysiwyg .wp-block-quote,
.post-type-post .editor-styles-wrapper .wp-block-quote,
body.editor-styles-wrapper .wp-block-quote {
padding: 0.25rem 2rem 0.25rem 4rem;
border-left: var(--dst--blockquote-border-size, 3px) solid
var(--dst--blockquote-color, currentColor);
font-size: var(--dst--blockquote-font-size, 1.15em);
font-weight: 500;
margin-inline: 0;
}
.is-wysiwyg .wp-block-quote ul,
.post-type-post .editor-styles-wrapper .wp-block-quote ul,
body.editor-styles-wrapper .wp-block-quote ul {
font-style: italic;
margin-bottom: 0;
font-size: 0.9em;
}
.is-wysiwyg .wp-block-quote p,
.post-type-post .editor-styles-wrapper .wp-block-quote p,
body.editor-styles-wrapper .wp-block-quote p {
line-height: 1.3;
}
.is-wysiwyg .wp-block-quote p:last-child,
.post-type-post .editor-styles-wrapper .wp-block-quote p:last-child,
body.editor-styles-wrapper .wp-block-quote p:last-child {
margin-bottom: 0;
}
.is-wysiwyg iframe,
.post-type-post .editor-styles-wrapper iframe,
body.editor-styles-wrapper iframe {
width: 100%;
}
.is-wysiwyg table,
.post-type-post .editor-styles-wrapper table,
body.editor-styles-wrapper table {
border-collapse: collapse;
font-size: var(--dst--td-font-size, 1.6rem);
font-weight: var(--dst--td-font-weight, 500);
}
.is-wysiwyg table thead,
.post-type-post .editor-styles-wrapper table thead,
body.editor-styles-wrapper table thead {
color: var(--dst--thead-color);
background-color: var(--dst--thead-bg);
font-size: var(--dst--thead-font-size, 2rem);
}
.is-wysiwyg table td,
.is-wysiwyg table th,
.post-type-post .editor-styles-wrapper table td,
.post-type-post .editor-styles-wrapper table th,
body.editor-styles-wrapper table td,
body.editor-styles-wrapper table th {
padding: var(--dst--td-padding, 16px);
border: 1px solid var(--dst--td-border-color, transparent);
}
@media (max-width: 766px) {
.is-wysiwyg table td,
.is-wysiwyg table th,
.post-type-post .editor-styles-wrapper table td,
.post-type-post .editor-styles-wrapper table th,
body.editor-styles-wrapper table td,
body.editor-styles-wrapper table th {
padding: 5px;
}
}
body:not(.single-post) .is-wysiwyg ul li:not(.dst-list__item),
ul.wp-block-list li:not(.dst-list__item) {
padding-left: var(--dst--list-item-offset-left, 25px);
position: relative;
}
body:not(.single-post) .is-wysiwyg ul li:not(.dst-list__item):before,
ul.wp-block-list li:not(.dst-list__item):before {
content: "";
position: absolute;
height: 100%;
min-width: 28px;
background-repeat: no-repeat;
background-position: 0 var(--dst--list-item-icon-position, 0.4em);
background-image: var(--dst--list-item-style, var(--bullet-fallback));
background-size: contain;
left: 0;
top: 0;
max-height: 22px;
}
.is-style-colors-inverted ul li:before {
filter: invert(1);
}
.read-more-wrapper .read-more-text {
max-height: 0;
opacity: 0;
overflow: hidden;
transition:
max-height 0.36s ease-in-out,
opacity 0.5s ease-in-out;
}
.read-more-wrapper.is-active .read-more-text {
opacity: 1;
}
.read-more-wrapper .read-more-toggle {
cursor: pointer;
outline: none;
}
.is-wysiwyg {
--wysiwyg-margin: var(--dst--elements-margin, 1em);
--wysiwyg-li-padding: 0 0 0 30px;
--wysiwyg-li-bgp: 0 0.4em;
--wysiwyg-li-margin: 0.5em;
--wysiwyg-li-fallback: "•";
}
p.has-secondary-color-4-color {
color: var(--dst--secondary-color4);
}
.simple-page {
padding-top: 5vmin;
}
.sitemap-section__title {
margin-bottom: 3rem !important;
}
.sitemap-section__box {
padding: 2rem;
background-color: #fff;
border: 1px solid #dae4ee;
border-radius: 1rem;
}
@media (min-width: 768px) {
.sitemap-section__box {
padding: 4rem;
}
}
@media (min-width: 768px) {
.sitemap-section__list {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
gap: 6rem;
}
}
.sitemap-section__item {
margin-bottom: 1.4rem !important;
}
@media (min-width: 768px) {
.sitemap-section__item {
margin-bottom: 2rem !important;
}
}
@media (max-width: 767px) {
.sitemap-section__item {
font-size: 16px;
}
}
@media (min-width: 768px) {
.sitemap-section__item:before {
top: 4px !important;
}
}
.sitemap-section__item a {
font-weight: 500;
}
.sitemap-section + .sitemap-section {
margin-top: 4rem;
}
.error404__inner {
height: 100%;
}
.error404__inner .l-dcbl .c-block {
position: relative;
}
.error404__inner .l-dcbl .c-block__text {
flex-direction: column;
}
.error404__background-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.error404__background-image img {
background-size: cover;
max-width: 100%;
max-height: 100%;
height: 100%;
width: 100%;
}
.error404 .site-content {
padding-top: 0;
}
.error404 .fooder-cta-break {
display: none;
}
.error404 .m-dcbl.page-hero .c-block__text {
padding-top: 3em;
}
@media (min-width: 1113px) {
.error404 .m-dcbl.page-hero .c-block__text {
padding-top: 5.5em;
}
}
.error404 .m-dcbl.page-hero .c-heading__title {
letter-spacing: -0.03em;
}
.error404 .m-dcbl.page-hero .c-heading__description {
color: var(--dst--secondary-color3);
margin-top: 4vh;
}
@media (min-width: 768px) {
.error404 .m-dcbl.page-hero .c-heading__description {
margin-top: 8vh;
}
}
@media (min-width: 1113px) {
.error404 .m-dcbl.page-hero .c-heading__description {
margin-top: 12vh;
}
}
@media (max-width: 767px) {
.error404 .m-dcbl.page-hero .c-heading__description {
font-size: 16px;
}
}
.error404 .m-dcbl.page-hero .c-heading__pre {
color: var(--dst--secondary-color3);
}
@media (max-width: 767px) {
.error404 .m-dcbl.page-hero .c-heading__pre {
font-size: 16px;
}
}
.error404 .dst-wrapper.full-height {
position: relative;
}
@media (max-width: 1112px) {
.error404 .dst-wrapper.full-height {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.m-rcbl .l-heading {
margin-bottom: var(--c-heading__margin-bottom, 20px);
}
.m-rcbl .l-heading:not(:has(> div)) {
display: none;
}
.is-style-colors-inverted .l-rcbl,
.l-rcbl .media-bg {
--dst--base-heading-color: var(--dst--base-text-color-alt);
--c-block__color: var(--dst--base-text-color-alt);
--c-block__title-color: var(--dst--base-text-color-alt);
}
@media (min-width: 768px) {
.l-rcbl,
.l-rcbl [data-container="ajax-result"] {
display: grid;
grid-template: auto/repeat(var(--l-block__col, 4), minmax(0, 1fr));
row-gap: var(--l-block__padding-block);
column-gap: var(--l-block__padding-inline);
}
.l-rcbl .js-ajax-block {
grid-column: 1/-1;
}
}
@media (max-width: 767px) {
.l-rcbl__col {
margin-bottom: 20px;
}
}
@media (max-width: 1112px) {
.l-rcbl__col {
--l-block__gap: 15px;
}
}
.l-rcbl__col .c-block {
position: relative;
min-height: 100%;
}
.l-rcbl__col .c-block__media {
overflow: hidden;
}
.l-rcbl__col .c-media {
height: 100%;
width: 100%;
}
.l-rcbl__col .media-contain .c-media__src {
border-radius: var(--c-block__radius, 0);
}
.l-rcbl__col .media-contain.align-top {
--c-media__align: flex-start;
}
.l-rcbl__col .media-contain.align-bottom {
--c-media__align: flex-end;
}
.l-rcbl__col .media-contain.text-left.is-vertical {
--c-media__justify: flex-start;
}
.l-rcbl__col .media-cover {
border-radius: var(--c-block__radius, 0);
overflow: hidden;
}
.l-rcbl__col .media-bg {
--c-media__fit: cover;
--c-media__height: 100%;
--c-media__width: 100%;
position: relative;
overflow: hidden;
background: none;
}
.l-rcbl__col .media-bg .c-block__body {
position: absolute;
left: 0;
width: 100%;
background: none;
z-index: 2;
}
.l-rcbl__col .media-bg .c-block__media:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: linear-gradient(
to var(--gradient-direction, bottom),
rgba(0, 0, 0, 0) 0,
color-mix(
in srgb,
var(--c-block__bg, #000),
transparent var(--c-block__bg-opacity, 20%)
)
100%
);
pointer-events: none;
}
.l-rcbl__col .media-bg.align-top {
--gradient-direction: top;
}
.l-rcbl__col .media-bg.align-top .c-block__body {
top: 0;
}
.l-rcbl__col .media-bg.align-bottom {
--c-media__align: flex-end;
}
.l-rcbl__col .media-bg.align-bottom .c-block__body {
bottom: 0;
}
.l-rcbl__col .media-bg.align-center .c-block__media:before {
background: color-mix(
in srgb,
var(--c-block__bg, #000),
transparent var(--c-block__bg-opacity, 40%)
);
}
.l-rcbl__col .media-bg.align-center .c-block__body {
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 768px) {
.l-rcbl__col .is-horizontal {
display: flex;
}
.l-rcbl__col .is-horizontal .c-block__media {
flex: min(var(--c-media__col-width, 30%), 100%) 0 0;
}
}
@media (max-width: 766px) {
.slider-mobile {
position: relative;
}
.slider-mobile .l-rcbl {
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
display: flex;
gap: 20px;
}
.slider-mobile .l-rcbl__col {
scroll-snap-align: start;
min-width: 92vw;
}
.slider-mobile:after {
content: "";
bottom: 0;
left: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120' xml:space='preserve'%3E%3Cg fill='%23231F20'%3E%3Cpath d='M75.005 66.367c-.847-.31-1.874-.396-2.512-.418.979-3.486-.889-7.205-4.348-8.466-1.528-.555-3.227-.546-4.701-.028-.003-1.001-.224-1.999-.659-2.933-.791-1.694-2.193-2.979-3.949-3.619-1.679-.611-3.635-.677-5.237-.231l6.181-16.984c.698-1.917.795-3.781.279-5.391-.591-1.843-1.919-3.187-3.842-3.886-.775-.283-1.562-.426-2.338-.426-2.901 0-5.423 1.977-6.584 5.163L32.938 68.871l-3.345-7.65c-1.337-2.868-4.233-4.721-7.378-4.721-1.201 0-2.369.261-3.471.775-1.986.926-3.496 2.568-4.249 4.624-.755 2.061-.661 4.291.232 6.201.029.072 2.942 7.324 7.391 16.865l.722 1.559c4.204 9.082 7.836 16.748 19.299 20.92 3.145 1.145 6.1 1.557 8.781 1.557h.002c6.644 0 10.802-3.243 14.491-6.738 5.07-4.799 13.282-27.182 13.629-28.135.546-1.496.373-3.186-.474-4.715-.789-1.43-2.088-2.51-3.563-3.046zm1.22 6.827c-2.298 6.312-9.088 23.476-12.873 27.06-3.386 3.206-6.885 6.085-12.43 6.084-2.332 0-4.941-.52-7.757-1.544-10.29-3.745-13.517-10.716-17.603-19.54l-.725-1.561c-4.411-9.461-7.296-16.641-7.357-16.787-.587-1.259-.646-2.671-.168-3.977.479-1.305 1.438-2.348 2.7-2.937.703-.328 1.443-.494 2.203-.494 2.014 0 3.8 1.146 4.645 2.957l4.837 11.063c.246.562.785.927 1.423.898.614-.021 1.153-.412 1.362-.99l15.633-43.257c.904-2.484 2.938-3.719 5.075-2.941 1.033.376 1.71 1.043 2.011 1.983.307.956.222 2.181-.24 3.449l-9.576 26.312c-.284.779.118 1.639.896 1.923.773.281 1.639-.118 1.922-.896l1.368-3.759c.941-2.585 3.294-2.864 4.262-2.864.672 0 1.355.119 1.977.346 1.004.365 1.805 1.1 2.257 2.068.451.968.499 2.054.134 3.059l-1.881 5.168c-.283.779.118 1.639.896 1.923.774.282 1.638-.118 1.922-.896l.856-2.351c.572-1.574 2.083-2.633 3.76-2.633.465 0 .925.082 1.365.242 2.073.756 3.146 3.056 2.392 5.128l-2.223 6.108c-.283.777.118 1.639.896 1.922.774.282 1.638-.117 1.922-.896l1.306-3.586c.172-.02.405-.035.699-.035.719 0 1.469.097 1.867.242.793.289 1.528.934 1.966 1.725.251.453.62 1.352.281 2.284zM86.68 18.083c-1.512-2.583-3.158-5.137-4.938-7.649-.382-.539-.806-.775-1.499-.702-.694.074-.946.58-1.083 1.17-.336 1.462-.672 2.924-1.009 4.386-18.239-4.197-37.304-3.577-55.299 1.86-1.073.323-1.828 1.621-1.515 2.571.313.949 1.646 1.566 2.672 1.258 17.326-5.234 35.683-5.832 53.245-1.791-.262 1.137-.523 2.274-.785 3.411-.136.592-.143 1.149.36 1.507s.922.33 1.453.021c2.477-1.437 5.062-2.781 7.751-4.021.787-.363 1.089-1.263.647-2.021z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
height: 35px;
width: 35px;
transform: translate(-50%);
position: absolute;
opacity: 0.5;
}
}
.m-rcbl {
--c-block__font-size: var(--dst--base-text-size);
--c-block__color: var(--dst--base-text-color);
--c-block__title-clamp: 2;
--c-block__text-clamp: 4;
--c-block__line-height: 1.4;
--c-block__radius: 10px;
--c-heading__margin-bottom: 3rem;
--dst--heading-desc-size: 1.8rem;
position: relative;
z-index: 2;
}
.m-rcbl
.l-heading
.wp-block-ds-blocks-c-headin
.c-heading__description.is-wysiwyg {
font-size: 1.8rem;
font-size: var(--dst--heading-desc-size);
}
@media (max-width: 767px) {
.m-rcbl.in-row-2-mobile .l-rcbl {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}
.m-rcbl.app-cards .l-heading {
display: none;
}
.m-rcbl.app-cards .l-rcbl .c-block.is-vertical .c-media {
max-width: none;
aspect-ratio: unset;
}
.m-rcbl.app-cards .l-rcbl .c-block.is-vertical .c-block__media {
margin-bottom: 0;
overflow: visible;
}
.m-rcbl.app-cards .l-rcbl .c-block.is-vertical.c-block-v1 {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0;
padding-block: 1rem;
}
.m-rcbl.app-cards .l-rcbl .c-block.is-vertical.c-block-v1 .c-media {
aspect-ratio: unset;
}
.m-rcbl.app-cards
.l-rcbl
.c-block.is-vertical
.c-block__link-full:focus-visible {
outline: 2px solid var(--dst--secondary-color2);
outline-offset: 2px;
}
@media (hover: hover) {
.l-rcbl__col .c-block.has-hover:hover img {
transform: scale(1.1);
}
}
.cards-testimonials .l-rcbl-testimonials {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
@media (min-width: 768px) {
.cards-testimonials .l-rcbl-testimonials {
padding-top: 33vh;
}
}
.cards-testimonials .c-block.l-testimonials .c-quote__photo {
display: none;
}
.team-business-cards {
background-color: var(--dst--secondary-color5);
}
.team-business-cards .l-heading .c-heading__pre {
color: var(--dst--secondary-color6);
}
.team-business-cards .l-heading .c-heading__description {
color: var(--dst--secondary-color4);
}
@media (min-width: 1113px) {
.team-business-cards .l-heading .c-heading__description {
text-align: left;
}
}
.team-business-cards .l-rcbl {
padding-top: 2em;
}
@media (min-width: 1113px) {
.team-business-cards .l-rcbl {
padding-top: 3em;
}
}
@media (min-width: 768px) {
.location-cards .m-block__container {
margin-right: 0;
max-width: calc(var(--dst--content-width) / 2);
}
}
.l-ccbl {
--ccbl-icon-size: 100px;
}
@media (max-width: 767px) {
.l-ccbl {
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
.l-ccbl {
display: grid;
gap: var(--l-block__gap);
}
}
.l-ccbl__img {
grid-area: item-img;
align-content: center;
display: grid;
}
@media (max-width: 767px) {
.l-ccbl__img {
display: none;
}
}
@media (max-width: 767px) {
.l-ccbl__item {
width: 100%;
}
}
@media (min-width: 768px) {
.l-ccbl__item:nth-child(2) {
grid-area: item1;
}
.l-ccbl__item:nth-child(3) {
grid-area: item2;
}
.l-ccbl__item:nth-child(4) {
grid-area: item3;
}
.l-ccbl__item:nth-child(5) {
grid-area: item4;
}
.l-ccbl__item:nth-child(6) {
grid-area: item5;
}
.l-ccbl__item:nth-child(7) {
grid-area: item6;
}
.l-ccbl__item:nth-child(8) {
grid-area: item7;
}
.l-ccbl__item:nth-child(9) {
grid-area: item8;
}
}
.l-ccbl__item .is-vertical .c-block__media {
margin-bottom: 1em;
}
@media (max-width: 767px) {
.l-ccbl__item .is-horizontal {
flex-direction: column;
}
}
@media (min-width: 768px) {
.l-ccbl__item .is-horizontal {
display: flex;
}
.l-ccbl__item .is-horizontal .c-block__media {
display: flex;
gap: 15px;
}
.l-ccbl__item .is-horizontal .c-block__media .c-media {
margin: auto;
}
}
.l-ccbl .c-block {
width: 100%;
padding: var(--c-block__padding-block, 15px)
var(--c-block__padding-inline, 15px);
position: relative;
}
.l-ccbl .c-block.align-top {
align-items: flex-start;
}
.l-ccbl .c-block.align-center {
align-items: center;
}
.l-ccbl .c-block.align-bottom {
align-items: flex-end;
}
.l-ccbl .c-block__media {
flex: 0 0 var(--ccbl-icon-size);
height: var(--ccbl-icon-size);
min-width: var(--ccbl-icon-size);
margin-right: 20px;
}
@media (max-width: 767px) {
.l-ccbl .c-block__media {
margin: 0 0 15px;
}
}
.l-ccbl .c-block__body {
flex: 1 1 auto;
}
.l-ccbl .c-block__body .-h4 {
margin: 0;
}
.l-ccbl .c-block__title {
color: var(--dst--base-heading-color);
}
.l-ccbl .c-block__link-full {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 10;
}
.m-banner {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.m-banner__container {
position: relative;
min-height: var(--bannerHeight, auto);
display: flex;
}
@media (max-width: 1112px) {
.m-banner__container {
--bannerHeight: var(--bannerHeightMobile, auto);
overflow: hidden;
}
.m-banner__container .m-banner__inner {
height: 100%;
align-self: center;
}
}
.m-banner__inner {
display: flex;
width: 100%;
}
@media (min-width: 1113px) {
.m-banner__inner {
min-height: 100%;
}
.m-banner__inner.flex-center .l-banner {
justify-content: center;
}
.m-banner__inner.flex-center .c-block__btn {
text-align: center;
}
.m-banner__inner.flex-right .l-banner {
justify-content: flex-end;
}
.has-header-height .m-banner__inner {
padding-top: var(--dst--top-offset);
}
}
.m-banner__media {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container-fluid .m-banner__media {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media (min-width: 768px) {
.m-banner__media.bg-r-50 {
width: 50%;
left: auto;
}
.m-banner__media.bg-r-50 img {
background-size: contain;
}
.m-banner__media.bg-l-50 {
width: 50%;
right: auto;
}
.m-banner__media.bg-l-50 img {
background-size: contain;
}
}
.m-banner__media img,
.m-banner__media video,
.m-banner__media iframe {
position: absolute;
height: 100%;
width: 100%;
}
.m-banner__media video {
--c-media__fit: cover;
}
.m-banner__media.c-media__embed {
z-index: 10;
}
.fixed-header.single-product .m-banner {
max-height: 200px;
overflow: hidden;
margin-bottom: 30px;
}
@media (min-width: 1113px) {
.m-banner--small {
--bannerHeight: var(--banner-height--small, 300px);
}
.m-banner--medium {
--bannerHeight: var(--banner-height--medium, 450px);
}
.m-banner--full .m-banner__container {
--bannerHeight: calc(
var(--banner-height--full, 100vh) - var(--dst--header-height, 60px) -
var(--wp-admin--admin-bar--height, 0px)
);
min-height: min(var(--bannerHeight, auto), 1000px);
}
.static-header .m-banner--full .m-banner__container,
[data-sticky="fixed"] .m-banner--full .m-banner__container {
--bannerHeight: calc(
var(--banner-height--full, 100vh) -
var(--wp-admin--admin-bar--height, 0px)
);
}
.m-banner--custom .m-banner__container {
--bannerHeight: var(--bannerHeightDesktop, 75vh);
}
}
.l-banner {
--columns-txt-ratio: calc(var(--columns-ratio) - var(--columns-gap, 2%));
--columns-img-ratio: calc(100% - var(--columns-ratio));
display: flex;
gap: var(--columns-gap, 2%);
flex-direction: row;
width: 100%;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.l-banner {
flex-direction: column;
}
}
.l-banner__media {
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1113px) {
.l-banner__media {
flex: 0 0 var(--columns-img-ratio);
max-width: var(--columns-img-ratio);
}
}
.l-banner__media .c-media {
height: 100%;
width: 100%;
}
.l-banner__text {
position: relative;
color: var(--dst--base-text-color);
align-self: var(--content-align-Y, center);
}
@media (max-width: 1112px) {
.l-banner__text {
justify-content: center;
}
}
@media (min-width: 1113px) {
.l-banner__text {
flex: 0 0 var(--columns-txt-ratio);
max-width: var(--columns-txt-ratio);
}
.is-vertical .l-banner__text {
flex: auto;
}
}
.l-banner__text .c-block__body {
width: 100%;
}
.l-banner__text .c-block__btn {
margin-top: 2rem;
}
.l-banner__inner.text-center + .c-block__btn {
text-align: center;
}
.l-banner.space-top,
.l-banner.space-top-custom {
padding-top: var(--padding-top, 5%);
}
.l-banner.space-bottom,
.l-banner.space-bottom-custom {
padding-bottom: var(--padding-bottom, 5%);
}
.order-reverse .l-banner {
flex-direction: row-reverse;
}
.is-vertical .l-banner {
flex-direction: column;
align-items: center;
}
.is-vertical.order-reverse .l-banner {
flex-direction: column-reverse;
}
.m-banner {
--banner-height--small: 400px;
--banner-height--medium: 750px;
--banner-height--full: 100vh;
--bannerHeightMobile: 160px;
}
@media (max-width: 1112px) {
.m-banner {
margin-bottom: 20px;
}
}
@media (max-width: 1112px) {
.m-banner__simple-page {
margin-bottom: 0;
}
}
.m-banner__simple-page .l-banner {
padding-top: 4em;
}
@media (min-width: 1441px) {
.m-banner__simple-page .l-banner {
padding-top: 18rem;
}
}
.m-banner__simple-page .l-banner__text {
align-self: flex-start;
}
@media (min-width: 768px) {
.m-banner__simple-page .l-banner__text {
align-self: flex-end;
}
}
@media (min-width: 1113px) {
.m-banner__simple-page .l-banner__text {
max-width: 70%;
}
}
.m-banner__simple-page .l-banner .c-block__body {
padding: 0;
}
.m-banner__simple-page .c-heading__pre {
color: var(--dst--secondary-color6);
}
@media (max-width: 767px) {
.m-banner__simple-page .c-heading__pre {
font-size: 16px;
}
}
.m-banner__simple-page .c-heading__title {
margin-bottom: 2rem;
}
.m-banner__simple-page .c-heading__subtitle {
letter-spacing: 0;
}
@media (max-width: 767px) {
.m-banner__simple-page .c-heading__subtitle {
font-size: 16px;
}
}
.m-wrapper {
--wrap-col-1: 50%;
--wrap-col-2: 50%;
--wrap-col-gap: 20px;
position: relative;
}
.m-wrapper__inner {
position: relative;
z-index: 1;
}
.m-wrapper__inner > a[name] {
display: none;
position: absolute;
}
.m-wrapper__bg {
--dst--page-gutter: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.m-wrapper__bg:empty {
display: none;
}
.wp-admin .m-wrapper {
padding-inline: 30px;
}
@media (min-width: 768px) {
.m-wrapper.has-columns .m-wrapper__inner {
margin-inline: auto;
width: 100%;
max-width: calc(
var(--dst--content-width) + var(--dst--page-gutter, 20px) * 2
);
display: flex;
flex-wrap: nowrap;
gap: var(--wrap-col-gap);
}
.m-wrapper.has-columns .m-wrapper__inner > .m-block:nth-of-type(odd),
.m-wrapper.has-columns .m-wrapper__inner > .m-slider:nth-of-type(odd),
.m-wrapper.has-columns .m-wrapper__inner > .wp-block:nth-of-type(odd),
.m-wrapper.has-columns
.m-wrapper__inner
> .m-wrapper-column:nth-of-type(odd) {
flex: 0 0 calc(var(--wrap-col-1) - var(--wrap-col-gap) / 2);
}
.m-wrapper.has-columns .m-wrapper__inner > .m-block:nth-of-type(2n),
.m-wrapper.has-columns .m-wrapper__inner > .m-slider:nth-of-type(2n),
.m-wrapper.has-columns .m-wrapper__inner > .wp-block:nth-of-type(2n),
.m-wrapper.has-columns .m-wrapper__inner > .m-wrapper-column:nth-of-type(2n) {
flex: 0 0 calc(var(--wrap-col-2) - var(--wrap-col-gap) / 2);
max-width: calc(var(--wrap-col-2) - var(--wrap-col-gap) / 2);
}
.m-wrapper.has-columns .m-wrapper__inner .block-editor-block-list__layout {
display: flex;
flex-wrap: nowrap;
}
.m-wrapper.has-columns
.m-wrapper__inner
.block-editor-block-list__layout
> div:nth-of-type(odd) {
flex: 0 0 var(--wrap-col-1);
}
.m-wrapper.has-columns
.m-wrapper__inner
.block-editor-block-list__layout
> div:nth-of-type(2n) {
flex: 0 0 var(--wrap-col-2);
max-width: var(--wrap-col-2);
}
}
@media (min-width: 768px) {
.m-wrapper.align-top .m-wrapper__inner {
align-items: flex-start;
}
.m-wrapper.align-center .m-wrapper__inner {
align-items: center;
}
.m-wrapper.align-bottom .m-wrapper__inner {
align-items: flex-end;
}
}
.m-wrapper .c-decor {
pointer-events: none;
position: absolute;
}
@media (max-width: 767px) {
.m-wrapper .c-decor {
display: none;
}
}
.m-wrapper .--d-right {
right: 0;
}
.m-wrapper .--d-left {
left: 0;
}
.m-wrapper .--d-top {
top: 0;
}
.m-wrapper .--d-bottom {
bottom: 0;
}
.m-wrapper .--d-center-x {
left: 50%;
transform: translate(-50%);
}
.m-wrapper .--d-center-y {
top: 50%;
transform: translateY(-50%);
}
.dst-wrapper {
z-index: 2;
}
.dst-wrapper.cta-break {
background: linear-gradient(38deg, #02336c 73.08%, #03499a 96.07%);
}
.dst-wrapper.wrapper-testionials {
position: relative;
background: var(--dst--primary-color1);
z-index: 1;
}
@media (max-width: 767px) {
.dst-wrapper.wrapper-testionials {
padding-top: 46rem;
}
}
@media (min-width: 768px) {
.dst-wrapper.wrapper-testionials .c-bg {
min-height: 100vh;
max-height: 100vh;
overflow: hidden;
position: fixed;
}
}
@media (max-width: 767px) {
.dst-wrapper.wrapper-testionials .c-bg {
max-height: 46rem;
bottom: auto;
height: 100%;
}
}
.dst-wrapper.wrapper-testionials .c-bg:before {
content: "";
display: block;
pointer-events: none;
opacity: 0.5;
background: linear-gradient(180deg, #0000, #000);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.dst-wrapper.wrapper-testionials .c-bg:after {
content: "";
display: block;
pointer-events: none;
opacity: 0.5;
background: linear-gradient(180deg, #001d4000, #001d40);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.dst-wrapper.wrapper-testionials .cards-testimonials {
transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
.dst-wrapper.wrapper-testionials .cards-testimonials {
padding-block: 2em;
position: relative;
}
.dst-wrapper.wrapper-testionials .cards-testimonials:before {
content: "";
display: block;
pointer-events: none;
width: 100%;
height: 18rem;
background: linear-gradient(180deg, #001d4000, #001d40);
position: absolute;
top: -18rem;
left: 0;
right: 0;
}
}
.dst-wrapper.wrapper-testionials .cards-testimonials .m-block__outer {
max-width: calc(
var(--dst--wide-container-width) + var(--dst--page-gutter, 20px) * 2
);
}
@media (max-width: 767px) {
.dst-wrapper.wrapper-testionials .cards-testimonials .m-block__outer {
padding-inline: 0;
}
}
.dst-wrapper.wrapper-testionials .cards-testimonials .m-block__container {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
@media (min-width: 768px) {
.dst-wrapper.wrapper-testionials .cards-testimonials .m-block__container {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}
@media (min-width: 768px) {
.dst-wrapper.wrapper-testionials .cards-testimonials .l-heading {
max-height: 74vh;
position: sticky;
top: 0;
bottom: var(--dst--desktop-vertical-gap, var(--dst--vertical-gap));
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
}
}
.dst-wrapper.wrapper-testionials .cards-testimonials .l-heading .c-heading {
margin-bottom: 0;
}
.dst-wrapper.wrapper-testionials
.cards-testimonials
.l-heading
.c-heading__sub {
letter-spacing: -0.03em;
margin-top: 2rem;
font-weight: 500;
}
@media (min-width: 1113px) {
.dst-wrapper.wrapper-testionials
.cards-testimonials
.l-heading
.c-heading__sub {
font-size: 2.5rem;
}
}
.dst-wrapper:has(.columns-variant-1)
.dst-simple-text
.has-secondary-color-4-color {
color: var(--dst--secondary-color4);
}
@media (min-width: 1113px) {
.dst-wrapper:has(.columns-variant-1)
.dst-simple-text
.has-secondary-color-4-color {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.dst-wrapper:has(.m-accordion-positions) .wp-block-ds-blocks-c-heading {
max-width: 52rem;
margin-left: 0;
}
}
@media (max-width: 767px) {
.dst-wrapper:has(.m-accordion-positions) .wp-block-ds-blocks-c-heading {
max-width: 70rem;
margin-inline: auto;
}
}
.dst-wrapper:has(.m-accordion-positions)
.wp-block-ds-blocks-c-heading
.c-heading__description {
font-weight: 500;
}
@media (max-width: 767px) {
.dst-wrapper:has(.m-accordion-positions)
.wp-block-ds-blocks-c-heading
.c-heading__description {
font-size: 16px;
}
}
.dst-wrapper:has(.m-form.is-style-colors-inverted) {
background: linear-gradient(38deg, #02336c 73.08%, #03499a 96.07%);
}
@media (min-width: 1113px) {
.dst-wrapper.megamenu-desktop-hide {
display: none;
}
}
.dst-wrapper.fineprint .dst-simple-text .is-wysiwyg p,
.dst-wrapper.fineprint .dst-simple-text .is-wysiwyg li,
.dst-simple-text.fineprint-txt .is-wysiwyg p,
.dst-simple-text.fineprint-txt .is-wysiwyg li {
font-size: clamp(12px, 1vw, 1.4rem);
}
@media (min-width: 1113px) {
.ds-columns:has(.m-accordion-faq)
.ds-column:has(.c-heading.-h2)
.wp-block-ds-blocks-c-heading {
position: sticky;
top: 90px;
}
}
@media (max-width: 1660px) {
.ds-columns:has(.tabs-contact) .ds-column .page-hero-variant {
padding-top: 4em;
}
}
@media (max-width: 1112px) {
.ds-columns:has(.tabs-contact) .ds-column .page-hero-variant {
padding-top: 0;
}
}
@media (max-width: 1660px) {
.ds-columns:has(.tabs-contact) .ds-column .tabs-contact {
padding-top: 4em;
}
}
@media (max-width: 1112px) {
.ds-columns:has(.tabs-contact) .ds-column .tabs-contact {
padding-top: 0;
}
}
.ds-columns.columns-variant-1
.ds-column:has(.c-heading.-h2)
.wp-block-ds-blocks-c-heading {
position: sticky;
top: 90px;
}
.ds-columns.columns-variant-1 .ds-column:has(.c-heading.-h2) .c-heading {
margin-bottom: 1em;
}
@media (min-width: 1113px) {
.ds-columns.columns-variant-1 .ds-column:has(.c-heading.-h2) .c-heading {
margin-bottom: 12rem;
}
}
.ds-columns.columns-variant-1
.ds-column:has(.c-heading.-h2)
.dst-media__primary {
position: relative;
}
.ds-columns.columns-variant-1
.ds-column:has(.c-heading.-h2)
.dst-media__primary:after {
content: "";
display: block;
background: linear-gradient(180deg, #fff0 68.25%, #fff);
background-blend-mode: color, normal, normal;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media (min-width: 1113px) {
.ds-columns.columns-variant-1
.ds-column:nth-child(2):not(
.wp-admin .ds-columns.columns-variant-1 .ds-column:nth-child(2)
) {
transform: translate(2em);
}
}
@media (min-width: 1661px) {
.ds-columns.columns-variant-1
.ds-column:nth-child(2):not(
.wp-admin .ds-columns.columns-variant-1 .ds-column:nth-child(2)
) {
transform: translate(12rem);
}
}
@media (max-width: 575px) {
.ds-columns.columns-variant-1 .ds-column .l-rcbl__col {
margin-bottom: 0;
}
}
@media (max-width: 575px) {
.ds-columns.columns-variant-1
.ds-column
.l-rcbl__col:first-of-type
.c-block-v4 {
padding-top: 0;
}
}
@media (min-width: 1113px) {
.ds-columns.columns-login .ds-row {
grid-template-columns: 40% auto;
}
}
.l-posts {
--l-block__col: 4;
--c-block__radius: 10px;
--c-block__title-clamp: 2;
--c-block__text-size: 1.6rem;
--c-block__text-clamp: 3;
--c-media__height: 100%;
--c-media__width: 100%;
--c-media__ratio: 4 / 3;
--c-media__fit: cover;
}
.l-posts .c-block__media {
border-radius: var(--c-block__radius);
}
.c-video {
--wysiwyg-margin: 0;
height: 100%;
width: 100%;
font-size: 0;
line-height: 0;
}
.c-video__wrap {
display: contents;
}
.c-video__wrap:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: var(--dst--primary-color1);
opacity: 0.3;
}
.c-video__wrap.is-video-playing {
background: #000;
z-index: 10;
}
.c-video__wrap.is-video-playing:before {
display: none;
}
.c-video__wrap.is-video-playing + .m-slide__container {
opacity: 0;
}
.c-video__btn {
position: absolute;
border: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
transition: all 0.3s;
z-index: 10;
}
.c-video__btn:focus,
.c-video__btn:active {
outline: none;
}
.c-video__controls {
--play-btn-size: 104px;
}
.c-video__controls .btn-play {
transform: translate(50%, 50%);
right: 50%;
bottom: 50%;
}
.c-video__controls .btn-play.is-playing {
--play-btn-size: 50px;
background-image: var(--icon-pause-data);
transform: translate(0);
right: 100px;
bottom: 20px;
mix-blend-mode: difference;
}
@media (max-width: 767px) {
.c-video__controls .btn-play.is-playing {
right: 0;
bottom: 0;
}
}
.c-video__controls .btn-play,
.c-video__controls .btn-replay {
background-image: var(--icon-play-data);
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
height: var(--play-btn-size);
width: var(--play-btn-size);
border-radius: 50%;
overflow: hidden;
text-indent: -100vw;
cursor: pointer;
}
@media (max-width: 767px) {
.c-video__controls .btn-play,
.c-video__controls .btn-replay {
--play-btn-size: 50px;
}
}
.c-video__controls .btn-mute {
right: 20px;
bottom: 20px;
mix-blend-mode: difference;
height: 50px;
width: 50px;
margin-left: 50px;
background-image: var(--icon-mute-data);
}
@media (max-width: 767px) {
.c-video__controls .btn-mute {
margin-left: 10px;
}
}
@media (max-width: 1112px) {
.c-video__controls .btn-mute {
display: none;
}
}
.c-video__controls .btn-mute.is-muted {
background-image: var(--icon-muted-data);
}
.c-controls {
--dst--btn-video-size: 80px;
text-align: center;
position: relative;
z-index: 10;
}
@media (max-width: 767px) {
.c-controls {
--dst--btn-video-size: 50px;
}
}
.c-controls__link {
--dst--btn-video-size: 30px;
display: flex;
align-items: center;
gap: 10px;
}
.c-controls__link .c-controls__play {
margin: 0;
}
.c-controls__option {
display: flex;
flex-direction: column;
align-items: center;
}
.c-controls__label {
font-size: 1.6rem;
line-height: 1.5;
}
.c-controls__play {
background-position: 50% 50%;
background-size: 100%;
background-repeat: no-repeat;
display: inline-block;
height: var(--dst--btn-video-size);
width: var(--dst--btn-video-size);
border-radius: 50%;
overflow: hidden;
text-indent: -100vw;
cursor: pointer;
transition: opacity 0.3s;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.c-controls__play {
height: 64px;
width: 64px;
margin-bottom: 12px;
}
}
:root {
--icon-pause-data: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23ffffff' d='M12 26h4.33V10H12zm8.66 0H25V10h-4.34z'/%3E%3C/svg%3E");
--icon-play-data: url("data:image/svg+xml,%3Csvg width='104' height='104' viewBox='0 0 104 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.6 75.4L72.8 52 41.6 28.6v46.8zM52 0C23.4 0 0 23.4 0 52s23.4 52 52 52 52-23.4 52-52S80.6 0 52 0zm0 93.6c-22.88 0-41.6-18.72-41.6-41.6 0-22.88 18.72-41.6 41.6-41.6 22.88 0 41.6 18.72 41.6 41.6 0 22.88-18.72 41.6-41.6 41.6z' fill='%23fff'/%3E%3C/svg%3E");
--icon-mute-data: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 37.6 41.9' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23fff;stroke-miterlimit:10%7D%3C/style%3E%3Cpath class='st0' d='M21.4 31.8V41L7.5 31.6H.4v-21h6.8L21.4 1v30.8M27.6 10.8c2.5 2.6 4.1 6.2 4.1 10.1 0 4-1.6 7.6-4.2 10.3'/%3E%3Cpath class='st0' d='M31.3 7.1c3.7 3.5 5.9 8.4 5.9 13.9s-2.3 10.5-6 14'/%3E%3C/svg%3E");
--icon-muted-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MC4xMyA0OS43NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuMjlweH08L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00OS4wMyA0OUwxLjAxLjk5TTEyLjcyIDEyLjQ5VjM3LjVoOC41M2wxNi40NyAxMS4xMVYzNy42OU0yMS40NSAxMi4xTDM3LjcyLjk5djI4LjM3Ii8+PC9zdmc+);
}
body .dimbox-container {
--dst--popup-background: rgba(0, 29, 64, 0.8);
--dst--popup-width: 860px;
--dst--popup-padding: 15px 2px 2px 2px;
--dst--popup-close-bg: var(--dst--primary-color2);
--dst--popup-close-size: 36px;
--dst--popup-close-icon-size: 50%;
--outline-size: max(2px, 0.08em);
--outline-style: solid;
--outline-color: currentcolor;
transition: all 0.5s;
}
@media (min-width: 1113px) {
body .dimbox-container {
--dst--popup-padding: 3rem;
}
}
body .dimbox-container *:active,
body .dimbox-container *:focus,
body .dimbox-container *:focus-visible {
outline: none;
}
body .dimbox-container:before {
background: var(--dst--popup-background);
}
body .dimbox-container .dimbox-content {
transition:
clip-path 0.5s,
opacity 0.5s;
clip-path: inset(42% 42% 42% 42%);
display: flex;
}
body .dimbox-container .dimbox-content,
body .dimbox-container .dimbox-ajax-content,
body .dimbox-container .dimbox-inline-content {
max-width: var(--dst--popup-width);
}
body .dimbox-container .dimbox-inline-content {
background: var(--dst--secondary-color5);
border-radius: 10px;
color: #001d40;
font-size: 16px;
font-weight: 500;
padding: 3rem 2rem 2rem !important;
}
body .dimbox-container .dimbox-inline-content:has(.c-team__details) {
padding: 0 !important;
}
@media (min-width: 1113px) {
body .dimbox-container .dimbox-inline-content {
padding: 4rem !important;
}
}
body .dimbox-container .dimbox-inline-content .quote-popup__author {
margin-top: 2em;
}
body .dimbox-container .dimbox-inline-content .c-quote__name {
font-size: 18px;
font-weight: 600;
}
body .dimbox-container .dimbox-buttons {
right: 10px;
top: 10px;
transition: all 1s;
opacity: 0;
border-radius: 50%;
overflow: hidden;
}
body .dimbox-container.show .dimbox-content {
clip-path: inset(0% 0% 0% 0%);
}
body .dimbox-container.dimbox-loaded .dimbox-buttons {
opacity: 1;
}
body .dimbox-container .dimbox-iframe {
width: 100%;
height: auto;
}
body .dimbox-container .dimbox-iframe-container,
body .dimbox-container .dimbox-video-container {
height: auto;
}
body .dimbox-container .dimbox-iframe-container iframe,
body .dimbox-container .dimbox-iframe-container video,
body .dimbox-container .dimbox-video-container iframe,
body .dimbox-container .dimbox-video-container video {
aspect-ratio: 16/9;
transition: all 1s;
height: 460px;
width: 800px;
min-height: 460px;
min-width: 800px;
}
body .dimbox-container .dimbox-btn-close {
margin: 0;
opacity: 1;
background-color: var(--dst--popup-close-bg, transparent);
display: flex;
align-items: center;
justify-content: center;
transition: all 1s;
}
body .dimbox-container .dimbox-btn-close svg {
color: var(--dst--secondary-color1);
vertical-align: top;
height: var(--dst--popup-close-icon-size);
width: var(--dst--popup-close-icon-size);
}
body .dimbox-container .dimbox-btn-close:hover svg {
color: var(--dst--primary-color3);
}
@media (min-width: 1113px) {
body .dimbox-container .dimbox-btn-close {
height: var(--dst--popup-close-size);
width: var(--dst--popup-close-size);
}
}
body .dimbox-container .dimbox-buttons *:active,
body .dimbox-container .dimbox-buttons *:focus,
body .dimbox-container .dimbox-buttons *:focus-visible,
body .dimbox-container .dimbox-btn-prev *:active,
body .dimbox-container .dimbox-btn-prev *:focus,
body .dimbox-container .dimbox-btn-prev *:focus-visible,
body .dimbox-container .dimbox-btn-next *:active,
body .dimbox-container .dimbox-btn-next *:focus,
body .dimbox-container .dimbox-btn-next *:focus-visible {
outline: var(--outline-size) var(--outline-style) var(--outline-color);
outline-offset: var(--outline-offset, var(--outline-size));
}
body .dimbox-container .dimbox-ajax-content,
body .dimbox-container .dimbox-inline-content {
padding: var(--dst--popup-padding, 15px);
}
body .dimbox-container .dimbox-video-container {
display: inline-flex;
width: auto;
}
body .dimbox-container > .dimbox-buttons {
border-radius: 0;
transform: none;
}
body .dimbox-container > .dimbox-sequence {
position: absolute;
bottom: 16px;
top: auto;
left: 0;
width: 100%;
text-align: center;
}
.dimbox-noscroll {
padding: 0 !important;
}
.dimbox-hide {
display: none;
}
.dst-list {
--dst-list__title-color: var(--dst--base-heading-color);
--dst-list__title-size: 2rem;
--dst-list__title-weight: 500;
--dst-list__hero-weight: 400;
padding: inherit;
margin-block: unset;
list-style: none;
}
.is-style-colors-inverted .dst-list {
--dst-list__title-color: var(--dst--base-heading-color-alt);
}
.dst-list.has-horizontal-border > li:before,
.dst-list.has-vertical-border > li:before {
content: "";
position: absolute;
background: var(--dst-list__border-color, var(--dst--border-color));
left: 0;
pointer-events: none;
z-index: 1;
}
.dst-list.has-horizontal-border > li:before {
bottom: 0;
width: 100%;
height: var(--dst-list__border-width, 1px);
}
@media (max-width: 766px) {
.dst-list.has-vertical-border > li:before {
bottom: 0;
width: 100%;
height: var(--dst-list__border-width, 1px);
}
}
@media (min-width: 767px) {
.dst-list.has-vertical-border > li:before {
bottom: 0;
height: 100%;
width: var(--dst-list__border-width, 1px);
}
}
@media (min-width: 767px) {
.dst-list {
display: grid;
grid-template: auto/repeat(var(--dst-list__col, 1), minmax(0, 1fr));
gap: var(--dst-list__gap);
}
}
.dst-list > li {
display: flex;
align-items: var(--dst-list__align-items, flex-start);
flex-direction: var(--dst-list__direction, row);
gap: var(--dst-list__content-gap, 10px);
padding-block: 20px;
position: relative;
}
@media (max-width: 766px) {
.dst-list > li {
margin-bottom: 15px;
}
}
@media (min-width: 767px) {
.dst-list > li {
padding: var(--dst-list__item-padding, 0);
}
}
.dst-list > li .dst-list {
padding-left: 2rem;
}
.dst-list__media {
aspect-ratio: 1;
width: var(--dst-list__media-size, 30px);
min-width: var(--dst-list__media-size, 30px);
display: flex;
align-items: center;
justify-content: center;
align-self: var(--dst-list__media-align, flex-start);
font-size: 0;
line-height: 0;
}
.dst-list__media .dst-icon {
display: contents;
}
.dst-list__media img,
.dst-list__media svg {
max-width: var(--dst-list__media-size, 30px);
max-height: var(--dst-list__media-size, 30px);
height: var(--dst-list__icon-size, 100%);
width: var(--dst-list__icon-size, 100%);
object-fit: contain;
fill: var(--dst-list__media-color, currentcolor);
color: var(--dst-list__media-color, currentcolor);
pointer-events: auto !important;
}
.dst-list__content {
width: 100%;
}
.dst-list__title {
font-weight: var(--dst-list__title-weight, 400);
font-family: var(--dst-list__title-font, var(--dst--font-secondary));
color: var(--dst-list__title-color, inherit);
font-size: var(--dst-list__title-size, var(--dst--base-text-size));
line-height: var(--dst-list__title-lh, 1.2);
margin-bottom: var(--dst-list__title-mb, 0.5em);
text-transform: var(--dst-list__title-transform, none);
letter-spacing: var(--dst-list__title-spacing, 0);
}
.dst-list__description {
font-size: var(--dst-list__subtitle-size, var(--dst--base-text-size));
font-weight: var(--list-font-weight, 400);
color: var(--dst-list__subtitle-color, var(--dst--color-text));
}
.dst-list__hero {
font-size: var(--dst-list__hero-size, var(--dst--h2-font-size));
font-weight: var(--dst-list__hero-weight, 800);
line-height: var(--dst-list__hero-lh, 1);
color: var(--dst-list__hero-color, var(--dst--color-primary));
white-space: nowrap;
}
.has-text-align-center .dst-list__hero {
align-self: center;
}
.c-list__items {
list-style: none;
margin-top: 1rem;
}
.c-list__item {
display: flex;
align-items: center;
gap: 1rem;
width: 100%;
padding: var(--list-padding, 5px);
}
.c-list__label {
font-weight: var(--list-font-weight, 500);
font-size: var(--list-font-size, 2rem);
}
.c-list__icon {
flex: 0 0 var(--list-icon-size);
max-width: var(--list-icon-size);
object-fit: contain;
}
.dst-list {
--dst-list__border-color: var(--dst--border-color);
--dst-list__border-width: 1px;
--dst-list__border-type: solid;
--dst-list__title-weight: 700;
--dst-list__title-size: 2.4rem;
}
.scroll-down {
position: absolute;
z-index: 3;
}
.is-style-colors-inverted .scroll-down {
color: #fff;
}
.scroll-down.sd-left {
left: 0;
}
@media (min-width: 1441px) {
.scroll-down.sd-left {
left: 15px;
}
}
.scroll-down.sd-right {
right: 0;
}
@media (min-width: 1441px) {
.scroll-down.sd-right {
right: 15px;
}
}
.scroll-down.sd-left,
.scroll-down.sd-right {
display: flex;
flex-direction: column;
align-items: center;
top: 50%;
}
.scroll-down.sd-left .scroll-down__txt,
.scroll-down.sd-right .scroll-down__txt {
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.scroll-down.sd-left .scroll-down__ico,
.scroll-down.sd-right .scroll-down__ico {
margin: 20px 0;
}
@media (max-width: 1112px) {
.scroll-down.sd-left,
.scroll-down.sd-right {
display: none;
}
}
.scroll-down.sd-center {
left: 50%;
transform: translate(-50%);
bottom: 50px;
display: flex;
flex-direction: column-reverse;
}
.scroll-down.sd-center img {
display: block;
margin: 10px auto;
}
@media (max-width: 1112px) {
.scroll-down {
display: none;
}
}
.scroll-down {
position: absolute;
letter-spacing: 0.2em;
text-transform: uppercase;
font-size: 16px;
padding-top: 15px;
max-width: 40px;
z-index: 3;
}
.m-side-nav {
position: sticky;
top: -250px;
z-index: 9999;
max-width: 150px;
}
.m-side-nav.-left {
left: 0;
}
.m-side-nav.-right {
right: 0;
}
.-vertical .m-side-nav__container {
border-bottom: 3px solid var(--dst--primary-color2);
background-color: var(--dst--primary-color1);
display: flex;
transform: rotate(-90deg) translate(-100%);
transform-origin: left top;
position: absolute;
top: 400px;
}
.c-anchor-nav__item > a {
display: block;
}
.c-anchor-nav__label {
display: block;
text-align: center;
padding: 4px 10px;
white-space: nowrap;
min-width: 160px;
}
.c-side-title {
position: absolute;
top: 50%;
left: 0;
transform-origin: top left;
transform: rotate(-90deg) translate(-50%);
z-index: 3;
}
.separators-custom-box {
display: flex;
padding: 15px;
justify-content: space-between;
background-color: var(--dst--primary-color1);
border-radius: 5px;
color: #fff;
font-size: 1.6rem;
margin: 1.5em 0;
flex-direction: column;
position: relative;
}
@media (min-width: 1113px) {
.separators-custom-box {
padding: 30px;
}
}
.separators-custom-box:after {
content: "";
display: block;
pointer-events: none;
background-image: url('data:image/svg+xml,');
height: 100%;
width: 50%;
background-repeat: no-repeat;
background-size: contain;
background-position: right bottom;
position: absolute;
bottom: -2em;
right: -2em;
}
.separators-custom-box > span,
.separators-custom-box h4 {
color: #fff !important;
font-weight: 700;
font-size: 2.4rem;
margin: 0;
}
@media (max-width: 767px) {
.separators-custom-box > span,
.separators-custom-box h4 {
margin-bottom: 20px;
text-align: center !important;
}
}
@media (min-width: 768px) {
.separators-custom-box > span,
.separators-custom-box h4 {
padding-right: 20px;
}
}
.separators-custom-box .cta_title {
font-weight: 700;
font-size: 2.8rem;
margin-bottom: 1.6rem;
letter-spacing: -0.02em;
}
.separators-custom-box .cta_subtitle {
font-size: 1.6rem;
}
@media (max-width: 767px) {
.separators-custom-box .cta_subtitle {
font-size: 14px;
}
}
.separators-custom-box a:hover {
text-decoration: none !important;
}