@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
} :root {
--swiper-theme-color: #007aff; }
.swiper,
swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root { }
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
-ms-touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
} .swiper .swiper-notification,
swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; } .pswp--animate_opacity { opacity: 0.001;
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
display: block; }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; } .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; } .pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden; }
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0; } .pswp__img--placeholder {
-webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0; } .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none; }
.pswp__button:focus, .pswp__button:hover {
opacity: 1; }
.pswp__button:active {
outline: none;
opacity: 0.9; }
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0; } .pswp__ui--over-close .pswp__button--close {
opacity: 1; }
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(//hebamme-anja-wuerfel.de/wp-content/plugins/sana-blocks/assets/css/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//hebamme-anja-wuerfel.de/wp-content/plugins/sana-blocks/assets/css/default-skin.svg); }
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none; } }
.pswp__button--close {
background-position: 0 -44px; }
.pswp__button--share {
background-position: -44px -44px; }
.pswp__button--fs {
display: none; }
.pswp--supports-fs .pswp__button--fs {
display: block; }
.pswp--fs .pswp__button--fs {
background-position: -44px 0; }
.pswp__button--zoom {
display: none;
background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
display: block; }
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden; } .pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute; }
.pswp__button--arrow--left {
left: 0; }
.pswp__button--arrow--right {
right: 0; }
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute; }
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px; }
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px; } .pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__share-modal--hidden {
display: none; }
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px; }
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in {
opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px; }
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none; }
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF; }
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF; }
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D; }
a.pswp__share--download:hover {
background: #DDD; } .pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px; } .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px; }
.pswp__caption small {
font-size: 11px;
color: #BBB; }
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC; }
.pswp__caption--empty {
display: none; } .pswp__caption--fake {
visibility: hidden; } .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr; }
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px; }
.pswp__preloader--active {
opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { background: url(//hebamme-anja-wuerfel.de/wp-content/plugins/sana-blocks/assets/css/preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active {
opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0; }
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right; } }
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550; } .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible; }
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar {
opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0; } .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none; }
.pswp__element--disabled {
display: none !important; }
.pswp--minimal--dark .pswp__top-bar {
background: none; }@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url(//hebamme-anja-wuerfel.de/wp-content/themes/sana-child/fonts/poppins/Poppins-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: url(//hebamme-anja-wuerfel.de/wp-content/themes/sana-child/fonts/poppins/Poppins-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url(//hebamme-anja-wuerfel.de/wp-content/themes/sana-child/fonts/poppins/Poppins-Medium.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(//hebamme-anja-wuerfel.de/wp-content/themes/sana-child/fonts/poppins/Poppins-Bold.ttf) format('truetype');
}@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-ext-400.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-400.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-ext-500.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-500.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-ext-700.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-700.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-ext-400.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-400.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-ext-500.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-500.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-ext-700.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-700.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}html {
box-sizing: border-box;
scroll-behavior: smooth;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
html.no-scroll {
position: fixed; 
top: calc(var(--js-scroll-position, 0) * -1px);
width: 100%;
inline-size: 100%;
overflow-y:scroll;
}
@media (prefers-reduced-motion) {
html {
scroll-behavior: auto;
}
}
*,
*::before,
*::after {
box-sizing: inherit;
}
img, embed, object, video, iframe { max-width: 100%;
}
iframe[src*="youtube"] {
aspect-ratio: 16 / 9;
height: auto;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-headline);
font-weight: var(--weight-headline);
line-height: 1.2;
}
b > h1, h1 > b, strong > h1, h1 > strong,
b > h2, h2 > b, strong > h2, h2 > strong,
b > h3, h3 > b, strong > h3, h3 > strong,
b > h4, h4 > b, strong > h4, h4 > strong,
b > h5, h5 > b, strong > h5, h5 > strong,
b > h6, h6 > b, strong > h6, h6 > strong {
font-weight: var(--weight-bold-headline, 700);
}
b, strong {
font-weight: var(--weight-bold-main, 700);
}
small {
line-height: 0.9375rem;
}
a {
display: inline-block;
color: inherit;
} pre {
overflow: auto;
}
:root {
--font-size-title-extra-large: 4.875rem;
--font-size-title-large: 4.125rem;
--font-size-title-medium: 3.25rem;
--font-size-title-small: 2rem;
--font-size-title-extra-small: 1.625rem;
--font-size-body-large: 1.5rem;
--font-size-body-normal: 1.125rem;
--font-size-body-small: 1.0625rem;
--font-size-subtitle: 1.25rem;
}
.title-extra-large,
.has-title-extra-large-font-size {
font-size: var(--font-size-title-extra-large);
}
.title-large,
.has-title-large-font-size {
font-size: var(--font-size-title-large);
}
.title-medium,
.has-title-medium-font-size {
font-size: var(--font-size-title-medium);
}
.title-small,
.has-title-small-font-size {
font-size: var(--font-size-title-small);
}
.title-extra-small,
.has-title-extra-small-font-size {
font-size: var(--font-size-title-extra-small);
}
.body-large,
.has-body-large-font-size {
font-size: var(--font-size-body-large);
}
.body-normal,
.has-body-normal-font-size {
font-size: var(--font-size-body-normal);
}
.body-small,
.has-body-small-font-size {
font-size: var(--font-size-body-small);
}
.subtitle,
.has-subtitle-font-size {
font-size: var(--font-size-subtitle);
letter-spacing: 4px;
text-transform: uppercase;
font-family: var(--font-main);
}
@media screen and (max-width: 768px) {
:root {
--font-size-title-extra-large: 3rem;
--font-size-title-large: 2.625rem;
--font-size-title-medium: 2.25rem;
--font-size-title-small: 1.6875rem;
--font-size-title-extra-small: 1.375rem;
--font-size-body-large: 1.3125rem;
--font-size-body-normal: 1.0625rem;
--font-size-body-small: 0.9375rem;
--font-size-subtitle: 1.0625rem;
}
}
.title-extra-large,
.has-title-extra-large-font-size,
.title-large,
.has-title-large-font-size,
.title-medium,
.has-title-medium-font-size,
.title-small,
.has-title-small-font-size,
.title-extra-small,
.has-title-extra-small-font-size {
font-family: var(--font-headline);
font-weight: var(--weight-headline);
}
.title-extra-large b,
.has-title-extra-large-font-size b,
.title-large b,
.has-title-large-font-size b,
.title-medium b,
.has-title-medium-font-size b,
.title-small b,
.has-title-small-font-size b,
.title-extra-small b,
.has-title-extra-small-font-size b,
.title-extra-large strong,
.has-title-extra-large-font-size strong,
.title-large strong,
.has-title-large-font-size strong,
.title-medium strong,
.has-title-medium-font-size strong,
.title-small strong,
.has-title-small-font-size strong,
.title-extra-small strong,
.has-title-extra-small-font-size strong {
font-weight: var(--weight-bold-headline, 700);
}
.body-large,
.has-body-large-font-size,
.body-normal,
.has-body-normal-font-size,
.body-small,
.has-body-small-font-size,
.subtitle,
.has-subtitle-font-size {
font-family: var(--font-main);
font-weight: var(--weight-main);
}
.body-large b,
.has-body-large-font-size b,
.body-normal b,
.has-body-normal-font-size b,
.body-small b,
.has-body-small-font-size b,
.subtitle b,
.has-subtitle-font-size b,
.body-large strong,
.has-body-large-font-size strong,
.body-normal strong,
.has-body-normal-font-size strong,
.body-small strong,
.has-body-small-font-size strong,
.subtitle strong,
.has-subtitle-font-size strong {
font-weight: var(--weight-bold-main, 700);
} .brighten {
box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.05);
}
.darken {
box-shadow: inset 0em 0em 0em 10em rgba(0, 0, 0, 0.1);
} .video { --aspect-ratio: calc(var(--height) / var(--width));
--height-with-units: calc(var(--height) * 1px);
max-width: 100%; height: min(calc(100vw * var(--aspect-ratio)), var(--height-with-units));
} .dont-break-out-on-long-words { overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all; word-break: break-all; word-break: break-word;
} .page-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #999;
z-index: 10;
} ::-ms-clear { display: none; width : 0; height: 0; }
::-ms-reveal { display: none; width : 0; height: 0; }
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration { display: none; }
body {
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
font-size: 100%;
text-rendering: optimizeLegibility; text-size-adjust: 100%;
color: var(--color-main);
font-family: var(--font-main);
font-weight: var(--weight-main);
background-color: var(--color-negative);
}
*:focus {
outline-width: 1px;
outline-style: dashed;
outline-color: currentColor;
}
*:focus:not(:focus-visible) {
outline-color: transparent;
}
:root {
--color-main: #184448;
--color-secondary: #dbf4f2;
--color-accent: #ffe5a6;
--color-auxiliary: #b4b4b4;
--color-negative: #ffffff;
--font-main: 'Source Sans Pro', sans-serif;
--font-headline: 'DM Serif Display', serif;
--breakpoint-mobile: 768px;
--breakpoint-tablet: 1024px;
--website-horizontal-padding: 3.5vw;
--shadow-default: 0 0 20px rgba(0, 0, 0, 0.1);
--header-sticky: 1; --logo-light-or-dark: 0; }
@media screen and (max-width: 768px) {
:root {
--mobile-padding-ratio: 0.5;
--mobile-text-bottom-margin-ratio: 0.7;
}
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.header {
--header-color-dark: var(--color-main);
--header-color-light: var(--color-negative);
--header-text-color: var(--header-color-dark);
--header-space-between-links: 1.5625rem; --header-min-height: 66px; --header-vertical-padding: 10px;
--logo-size: 32px;
--hamburger-width: 22px;
--hamburger-layer-height: 2px;
--hamburger-layer-spacing: 4px;
--hamburger-radius: 0;
--hamburger-padding: 8px;
--hamburger-color-on-active: var(--hamburger-color);
position: absolute;
top: 0;
left: 0;
right: 0;
box-shadow: var(--shadow-default);
background-color: transparent;
z-index: 100;
opacity: 0;
animation: fadeIn .4s forwards;
transition: background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
}
.header--transparent:not(.header--is-sticky) {
box-shadow: none;
} .header--sticky {
position: fixed;
top: var(--js-wpadminbar-height, 0);
left: 0;
right: 0;
} .header--static,
.header--static + .main {
--header-sticky: 0;
} .header--sticky + .main *[id]:not(.ignore-scroll-margin) { scroll-margin-top: var(--js-header-height);
scroll-snap-margin-top: var(--js-header-height);
}
.header--transparency-light {
--logo-light-or-dark: 0;
--hamburger-color: var(--header-color-light);
--header-text-color: var(--header-color-light);
--search-icon-color: var(--header-color-light);
--header-line-seaparator-color: var(--header-color-light);
}
.header--transparency-auto,
.header--transparency-dark {
--logo-light-or-dark: 1;
--hamburger-color: var(--header-color-dark);
--header-text-color: var(--header-color-dark);
--search-icon-color: var(--header-color-dark);
--header-line-seaparator-color: var(--header-color-dark);
}
.header--colored.header--style-light,
.header--is-sticky.header--style-light {
--logo-light-or-dark: 1;
--hamburger-color: var(--header-color-dark);
--header-text-color: var(--header-color-dark);
--search-icon-color: var(--header-color-dark);
--header-line-seaparator-color: var(--header-color-dark);
background-color: var(--header-color-light);
}
.header--colored.header--style-dark,
.header--is-sticky.header--style-dark {
--logo-light-or-dark: 0;
--hamburger-color: var(--header-color-light);
--header-text-color: var(--header-color-light);
--search-icon-color: var(--header-color-light);
--header-line-seaparator-color: var(--header-color-light);
background-color: var(--header-color-dark);
}
.header--style-light {
--primary-menu-text-color: var(--header-color-light);
--primary-menu-background-color: var(--header-color-dark);
}
.header--style-dark {
--primary-menu-text-color: var(--header-color-dark);
--primary-menu-background-color: var(--header-color-light);
}
.header__inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
max-width: var(--website-maximum-width); min-height: calc(var(--header-min-height) - (var(--header-vertical-padding) * 2) + (var(--header-sticky) * 1px));
padding: var(--header-vertical-padding) var(--website-horizontal-padding);
margin: 0 auto;
box-sizing: content-box;
}
.logo {
width: auto;
height: var(--logo-size);
}
.logo--no-logo {
display: none;
}
.logo__anchor {
position: relative;
display: inline-grid;
grid-template-rows: 100%;
grid-template-columns: auto;
align-items: center;
justify-items: start;
height: 100%;
}
.logo__image-wrapper {
grid-area: 1 / 1 / 2 / 2; width: max-content;
height: 100%; line-height: 0;
}
.logo__image,
.woocommerce-page .logo__image {
display: block;
width: auto;
height: 100%;
}
.logo__image--light,
.woocommerce-page .logo__image--light { height: calc(100% * calc(1 - var(--logo-light-or-dark)));
}
.logo__image--dark,
.woocommerce-page .logo__image--dark {
height: calc(100% * var(--logo-light-or-dark));
}
.logo__image--primary,
.woocommerce-page .logo__image--primary {
height: 100% !important;
}
.header__navigation-wrapper { position: relative;
left: var(--hamburger-padding);
display: flex;
align-items: center;
margin-left: auto;
}
@media screen and (min-width: 1025px) {
.header--no-sidemenu .header__navigation-wrapper {
left: 0;
}
}
.header__navigation-list {
display: flex;
height: 100%;
flex-direction: row;
align-items: center;
justify-content: flex-end;
margin: 0;
padding: 0;
list-style: none;
}
.header__navigation-list--wrappable {
padding-left: 2rem;
flex-wrap: wrap;
}
.header__navigation-line {
display: block;
width: 2px;
height: 30px;
margin-left: var(--header-space-between-links);
background-color: var(--header-line-seaparator-color);
opacity: 0.6;
}
.header__navigation-item {
position: relative;
margin-left: var(--header-space-between-links);
}
.header__navigation-link {
text-decoration: none;
color: var(--header-text-color);
transition: opacity .25s linear;
}
.header__navigation-link:hover {
opacity: 0.8;
}
.header__navigation-link.cta-link {
padding: 0.3rem 0.8rem;
color: var(--header-cta-tx-color);
background-color: var(--header-cta-bg-color);
border-radius: var(--header-cta-b-radius);
} .header__dropdown-list {
--parent-gap: 10px;
position: absolute;
top: calc(100% + var(--parent-gap));
left: -20px;
opacity: 0;
visibility: hidden;
transition: opacity 150ms ease-in-out 75ms, visibility 0ms linear 200ms, transform 200ms ease-in-out;
transform: translateY(-6px);
padding: 8px 0;
margin: 0;
list-style: none;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
z-index: 1;
color: var(--primary-menu-text-color);
background-color: var(--primary-menu-background-color);
}
.header--style-light .header__dropdown-list {
color: var(--header-color-dark);
background-color: var(--header-color-light);
}
.header--style-dark .header__dropdown-list {
color: var(--header-color-light);
background-color: var(--header-color-dark);
}
.dropdown-left .header__dropdown-list {
left: auto;
right: -20px;
}
.header__dropdown-list::before {
content: '';
position: absolute;
top: calc(var(--parent-gap) * -1);
left: 0;
width: 100%;
height: calc(100% + var(--parent-gap));
display: block;
z-index: -1;
}
.header__navigation-item:hover > .header__dropdown-list {
opacity: 1;
visibility: visible;
transition: opacity 150ms ease-in-out, visibility 0ms linear, transform 200ms ease-in-out;
transform: translateY(0px);
}
.header__dropdown-list .header__navigation-item {
margin-left: 0;
}
.header__dropdown-list .header__navigation-link {
display: block;
padding: 10px 20px;
white-space: nowrap;
color: inherit;
} .search-icon-link {
display: flex;
justify-content: center;
align-items: center;
padding: 0 4px;
border: none;
background-color: transparent;
transition: opacity .25s linear;
cursor: pointer;
}
.search-icon-link:hover {
opacity: 0.8;
}
.search-icon {
display: inline-block;
width: 1rem;
height: 1.5rem;
opacity: 1;
transition: opacity 100ms 100ms;
fill: var(--search-icon-color);
}
.search-icon--is-active {
position: relative;
z-index: 10;
}
.search-icon--is-active .search-icon {
opacity: 0;
transition: opacity 100ms;
}
.search-icon-x {
position: absolute;
display: flex;
width: 22px;
max-width: 100%;
height: 22px;
max-height: 100%;
align-items: center;
padding: var(--hamburger-padding);
transform: rotate(45deg);
opacity: 0;
transition: opacity 100ms 100ms, transform 200ms;
box-sizing: content-box;
}
.search-icon--is-active .search-icon-x {
opacity: 1;
transform: rotate(225deg);
transition: opacity 100ms, transform 200ms;
}
.search-icon-x::before,
.search-icon-x::after {
content: ' ';
position: absolute;
display: block;
width: calc(100% - 2 * var(--hamburger-padding));
height: var(--hamburger-layer-height);
border-radius: var(--hamburger-radius);
background-color: var(--hamburger-color);
}
.search-icon-x::after {
transform: rotate(90deg);
}
.search-icon--is-active .search-icon-x::before,
.search-icon--is-active .search-icon-x::after {
background-color: var(--hamburger-color-on-active);
} .hamburger {
position: relative;
padding: var(--hamburger-padding);
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.8;
}
.hamburger--is-active {
z-index: 100;
}
.hamburger--is-active .hamburger-inner,
.hamburger--is-active .hamburger-inner::before,
.hamburger--is-active .hamburger-inner::after {
background-color: var(--hamburger-color-on-active);
}
.hamburger-box {
width: var(--hamburger-width);
height: calc(3 * var(--hamburger-layer-height) + 2 * var(--hamburger-layer-spacing));
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
position: absolute;
width: 100%;
height: var(--hamburger-layer-height);
border-radius: var(--hamburger-radius);
background-color: var(--hamburger-color);
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: '';
display: block;
}
.hamburger-inner::before {
top: calc( -1 * (var(--hamburger-layer-height) + var(--hamburger-layer-spacing)));
}
.hamburger-inner::after {
bottom: calc( -1 * (var(--hamburger-layer-height) + var(--hamburger-layer-spacing)));
} .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; 
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--spin.hamburger--is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--spin.hamburger--is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; 
}
.hamburger--spin.hamburger--is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
} .header__menu {
position: fixed;
top: -100vh;
width: 100vw;
max-width: 400px;
min-height: 350px;
max-height: calc(85vh - var(--js-header-height, 4.4rem) + var(--js-wpadminbar-height, 0px) - var(--js-infobar-height, 0px));
padding: 2.8125rem;
box-sizing: border-box;
background-color: var(--primary-menu-background-color);
color: var(--primary-menu-text-color);
box-shadow: var(--shadow-default);
z-index: 100;
overflow: auto;
opacity: 0;
transform: translate(calc(-100% + var(--hamburger-width) + var(--hamburger-padding)), -8px);
transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out, top 1ms linear.3s;
}
.header--is-opened .header__menu {
opacity: 1;
transform: translate(calc(-100% + var(--hamburger-width) + var(--hamburger-padding)), 0px);
top: calc(var(--js-header-height, 4.4rem) + var(--js-wpadminbar-height, 0px) + 16px);
transition: top 1ms linear, opacity .2s ease-in-out 1ms, transform .4s ease-in-out 1ms;
}
.header__menu-inner {
max-width: var(--website-maximum-width);
height: 100%;
}
.header__menu-link {
display: inline-block;
font-family: var(--font-headline);
font-weight: normal;
text-decoration: none;
line-height: 1.1;
color: inherit;
transition: color .25s linear;
}
.header__menu-link:hover {
color: var(--color-accent);
}
.header__menu-link--is-submenu {
--plus-sign-width: 2px;
--plus-sign-height: 20px;
cursor: pointer;
position: relative;
padding-right: 40px;
border: none;
background: none;
user-select: none;
}
.header__menu-link--is-submenu::before,
.header__menu-link--is-submenu::after {
content: '';
position: absolute;
display: block;
opacity: 1; background-color: currentcolor;
transition: background-color .25s linear, opacity .1s linear;
}
.header__menu-link--is-submenu:hover::before,
.header__menu-link--is-submenu:hover::after {
background-color: var(--color-accent);
}
.header__menu-link--is-submenu.header__menu-link--is-active::after {
opacity: 0;
}
.header__menu-link--is-submenu::before {
top: calc((50% - (var(--plus-sign-height)/2)) + (var(--plus-sign-height)/2) - (var(--plus-sign-width)/2));
right: 0;
width: var(--plus-sign-height);
height: var(--plus-sign-width);
}
.header__menu-link--is-submenu::after {
top: calc(50% - (var(--plus-sign-height)/2));
right: calc((var(--plus-sign-height)/2) - (var(--plus-sign-width)/2));
width: var(--plus-sign-width);
height: var(--plus-sign-height);
}
.header__menu-list,
.header__menu-submenu-list {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0;
padding: 0 0 0 1px; list-style: none;
}
.header__menu-list .header__menu-item {
margin-bottom: 11px;
}
.header__menu-list .header__menu-item:last-child {
margin-bottom: 0;
}
.header__menu-submenu-list {
max-height: 0;
overflow: hidden;
padding-left: 2rem;
transition: max-height .2s linear;
}
.header__menu-submenu-item {
margin-bottom: 10px;
}
.header__menu-submenu-item:first-child {
margin-top: 1rem;
}
.header__menu-submenu-item:last-child {
margin-bottom: 0; border-bottom: 1rem solid transparent;
}
.header__menu-submenu-link {
color: inherit;
text-decoration: none;
transition: color .25s linear;
}
.header__menu-submenu-link:hover {
color: var(--color-accent);
}
@media all and (min-width: 1025px) {
.header__navigation-item--remove-on-desktop {
display: none;
}
}
@media all and (max-width: 1024px) {
.header__navigation-item--remove-on-tablet {
display: none;
}
}
@media all and (max-width: 768px) {
:root {
--website-horizontal-padding: 7vw;
}
.header__navigation-item--remove-on-mobile {
display: none;
}
.header--is-opened.header--style-light {
--logo-light-or-dark: 0;
}
.header--is-opened.header--style-dark {
--logo-light-or-dark: 1;
}
.header--is-opened.header .logo {
position: relative;
z-index: 200;
}
.header--is-opened.header--style-light {
--hamburger-color: var(--header-color-light);
}
.header--is-opened.header--style-dark {
--hamburger-color: var(--header-color-dark);
}
.header__menu {
position: fixed;
top: -100vh;
right: 0;
bottom: 0;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
z-index: 10;
overflow: hidden;
box-shadow: none;
transform: translateY(0);
padding: calc(var(--js-header-height, 4.4rem) + var(--js-wpadminbar-height, 0px) - var(--js-infobar-height, 0px)) 0 0 0;
transition: opacity .2s ease-in-out, transform 0s, top 1ms linear .2s;
border-radius: 0 !important; }
.header--is-opened .header__menu {
top: var(--js-infobar-height, 0px);
transform: translate(0px, 0px);
transition: top 1ms linear, opacity .2s ease-in-out 1ms, transform 0s;
} .side-menu-page-overlay--active .page-overlay {
display: none;
}
.header__menu-inner {
padding: 0 var(--website-horizontal-padding);
margin-top: 1.5rem;
overflow: auto;
}
.header__menu-link.title-small { font-size: var(--font-size-title-medium);
}
.header__menu-list .header__menu-item:last-child {
padding-bottom: 4rem;
}
} .footer {
--footer-color-dark: var(--color-main);
--footer-color-light: var(--color-negative);
--footer-space-between-links: 1.6rem;
--logo-size: 32px;
overflow: hidden;
}
.footer--style-light {
--logo-light-or-dark: 1;
color: var(--footer-color-dark);
background-color: var(--footer-color-light);
}
.footer--style-light .footer__social-media-navigation-link > svg {
fill: var(--footer-color-dark);
}
.footer--style-dark .footer__social-media-navigation-link > svg {
fill: var(--footer-color-light);
}
.footer--style-dark {
--logo-light-or-dark: 0;
color: var(--footer-color-light);
background-color: var(--footer-color-dark);
}
.footer .footer--no-logo.logo {
display: none;
}
.footer .footer--no-logo .footer__main {
margin-left: 0;
}
.footer__inner {
display: flex;
flex-direction: column;
max-width: var(--website-maximum-width);
margin: 0 auto;
padding: 4rem var(--website-horizontal-padding) 2rem var(--website-horizontal-padding);
box-sizing: content-box;
}
.footer__content {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto;
} .footer__main {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0 0.4rem 0 4rem;
}
.footer--no-logo ~ .footer__main,
.footer--no-logo ~ .footer__main > .footer__navigation:first-child {
margin-left: 0;
}
.footer__navigation,
.footer__main .widget-area {
margin-right: 4rem;
margin-bottom: 2.2rem;
}
.footer__navigation-list {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
margin: 0;
list-style: none;
}
.footer__navigation-item {
margin-bottom: 0.8rem;
}
.footer__navigation-item:last-child {
margin-bottom: 0;
}
.footer__navigation-link {
text-decoration: none;
color: inherit;
transition: opacity .25s;
}
.footer__navigation-link:hover {
opacity: 0.8;
}
.footer__social-media-navigation-list {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding: 0;
margin: 0;
list-style: none;
}
.footer__social-media-navigation-item {
margin-left: 0.8rem;
}
.footer__social-media-navigation-item:first-child {
margin-left: 0;
}
.footer__social-media-navigation-link {
box-sizing: content-box;
width: 1.4rem;
height: 1.4rem;
padding: 4px;
transition: opacity .25s;
}
.footer__social-media-navigation-link:hover {
opacity: 0.8;
}
.footer__social-media-navigation-link > svg {
width: 100%;
height: 100%;
fill: var(--footer-color-light);
}
.footer__copyright {
margin-top: 2rem;
color: inherit;
opacity: 0.25;
}
.footer__copyright-content {
margin: 0;
text-align: end;
}
.footer__copyright-content.body-small {
font-size: calc(var(--font-size-body-small) * 0.85);
}
.footer__copyright-content > small {
font-size: inherit;
} .footer--compact .footer__inner {
padding: 4rem var(--website-horizontal-padding);
}
.footer--compact .footer__navigation {
flex: 1;
margin: 0 4rem;
}
.footer--compact .footer__navigation-list {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
height: 100%; margin: -0.5rem calc( -1 * (var(--footer-space-between-links) / 2));
}
.footer--compact .footer__navigation-item {
margin: 0.5rem calc(var(--footer-space-between-links) / 2);
}
.footer--compact .footer__navigation-item:last-child {
margin-right: 0;
}
.footer--compact .footer-social-media-copyright-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
@media all and (max-width: 1200px) {
.footer__content {
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
}
.footer__social-media {
grid-column: -1 / -3;
margin-top: 2rem;
}
.footer__copyright {
margin-top: 0.8rem;
}
}
@media all and (max-width: 1024px) {
.footer--compact .footer__navigation {
margin: 0 4rem 0 0;
}
} @media all and (max-width: 544px) {
.footer .logo {
display: block;
margin-bottom: 2rem;
}
.footer__content {
grid-template-columns: auto;
grid-template-rows: auto auto auto;
}
.footer__main {
flex-direction: column;
width: 100%;
margin: 0;
}
.footer__navigation,
.footer__main .widget-area {
margin: 0;
}
.footer__navigation-item:last-child {
margin-bottom: 0.8rem;
}
.footer__social-media {
justify-self: start;
grid-column: auto;
margin-top: 2rem;
}
.footer__copyright-content {
text-align: start;
}
.footer__copyright-content.body-small {
font-size: calc(var(--font-size-body-small) * 0.85);
}
.footer--compact .footer__inner {
flex-direction: column;
align-items: flex-start;
}
.footer--compact .footer__navigation-list {
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
margin: 0 0 0 calc( -1 * (var(--footer-space-between-links) / 2));
}
.footer--compact .footer__navigation-item {
margin: 0.3rem calc(var(--footer-space-between-links) / 2);
}
.footer--compact .footer-social-media-copyright-wrapper {
align-items: flex-start;
}
} .main {
flex-grow: 1;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
z-index: 10;
} .main::before {
content: '';
width: 100%;
height: calc(var(--js-header-height) + var(--js-wpadminbar-height, 0px));
background-color: transparent;
}
.header--transparent + .main::before {
display: none;
}
.main__inner {
display: block;
width: 100%;
} .pagination {
display: flex;
justify-content: center;
margin-top: 5rem;
margin-bottom: 6rem;
}
.pagination--spacer {
width: 100%;
height: 0;
padding: 0;
border: 0;
margin: 3rem 0;
}
.pagination__link {
padding: 2px;
margin: 0 4px;
color: var(--color-main);
text-decoration: none;
transition: opacity .25s linear;
}
.pagination__link:hover {
opacity: 0.7;
}
.pagination__link--active {
text-decoration: underline;
}
.pagination__link--prev,
.pagination__link--next {
margin: 0 1rem;
}
.pagination__link--prev > svg,
.pagination__link--next > svg {
width: 8.424px; 
height: 14.021px;
fill: none;
stroke: var(--color-main);
stroke-width: 2px;
padding: 0 2px;
box-sizing: content-box;
}
.pagination__separator {
display: inline;
}
@media screen and (max-width: 768px) {
.pagination {
margin-top: 3rem;
margin-bottom: 4rem;
}
.pagination--spacer {
margin: 2rem 0;
}
} .breadcrumbs {
display: flex;
justify-content: center;
margin-top: 6.875rem;
}
.breadcrumbs__navigation { 
color: var(--color-main);
}
.breadcrumbs__link {
font-size: inherit;
font-weight:inherit;
color: inherit;
text-decoration: none;
transition: opacity .25s linear;
}
.breadcrumbs__link:hover {
opacity: 0.7;
}
@media screen and (max-width: 768px) {
.breadcrumbs {
margin-top: 4rem;
}	
} .comments {
max-width: 600px;
margin: 3.5rem auto;
box-sizing: content-box;
}
.comments__title {
text-align: center;
}
.comments__content-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.comment {
display: flex;
margin: 2rem 0;
max-width: 100%;
}
.comments__list {
padding: 0;
margin: 0;
list-style: none;
}
.comments__item > .children {
padding: 0 0 0 2rem;
margin: 0;
list-style: none;
}
.comment__avatar-wrapper
.comment__reply-wrapper {
flex: 0 0 auto;
}
.comment__avatar {
display: block;
max-width: 50px;
max-height: 50px;
margin-right: 1rem;
border-radius: 50%;
}
.comment__content-wrapper {
flex: 1 1 auto; min-width: 0;
}
.comment__author {
margin-top: 0;
margin-bottom: 0.2rem;
}
.comment__date {
font-size: calc(var(--font-size-body-small) * 0.85);
color: var(--color-auxiliary);
}
.comment__content {
margin-top: 1rem;
}
.comment__content > * {
font-size: inherit;
}
.comment__content > *:first-child {
padding-top: 0;
margin-top: 0;
}
.comment__content > *:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.comment__moderation-message {
display: block;
color: var(--color-auxiliary);
margin: 0.8rem 0;
}
.comment__date > a {
margin-left: 0.4rem;
font-size: inherit;
color: inherit;
transition: opacity .2s linear;
}
.comment__date > a:hover {
opacity: 0.7;
}
.comment__reply-wrapper {
color: var(--color-auxiliary);
}
.comment__reply-wrapper > a {
margin-left: 1rem;
font-size: inherit;
color: inherit;
text-decoration: none;
transition: opacity .2s linear;
}
.comment__reply-wrapper > a:hover {
opacity: 0.7;
}
.comments__reply {
margin-top: 3.5rem;
}
.comments__reply-title {
display: flex;
align-items: center;
}
.comments__reply-title a {
font-size: var(--font-size-body-small);
color: inherit;
transition: opacity .25s linear;
}
.comments__reply-title a:hover {
opacity: 0.7;
}
.comments__reply-title > small {
margin-left: auto;
font-size: inherit;
}
.comments__reply-user-link {
color: inherit;
transition: opacity .25s linear;
}
.comments__reply-user-link:hover {
opacity: 0.7;
}
.comments__reply-content-wrapper {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.comments__reply-label {
display: inline-block;
align-self: flex-start;
margin-bottom: 0.25rem;
}
.comments__reply-content {
height: 250px;
padding: 8px 10px;
border: 2px solid var(--color-auxiliary);
border-radius: 8px;
resize: vertical;
box-sizing: border-box;
}
.comments__reply-info-wrapper {
display: flex;
width: 47%;
float: left;
flex-direction: column;
margin-top: 2rem;
}
.comments__reply-info-wrapper--right {
float: right;
}
.comments__reply-info {
height: 40px;
padding: 4px 10px;
border: 2px solid var(--color-auxiliary);
border-radius: 8px;
}
.comments__reply-cookies-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
clear: both;
padding-top: 2rem;
user-select: none;
}
.comments__reply-cookies-wrapper > .comments__reply-label {
margin-bottom: 0;
}
.comments__reply-cookies {
position: relative;
top: 6px;
margin: 0 0.8rem 0 0;
}
.comments__reply-submit-wrapper {
margin-bottom: 2rem;
overflow: hidden;
clear: both;
}
.comments__reply-submit.cta-link {
margin-top: 2rem;
font-family: var(--font-main);
color: var(--color-negative);
background-color: var(--color-main);
}
@media screen and (max-width: 768px) {
.comments {
max-width: none;
}
} .custom-checkbox {
align-self: flex-start;
flex: 0 0 20px;
position: relative;
display: block;
width: 20px;
height: 20px;
margin-right: 0.8rem;
cursor: pointer;
box-sizing: border-box;
}
.custom-checkbox input { display: none;
}
.custom-checkbox input:checked + .checkmark {
background-color: var(--color-auxiliary);
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.989" height="12.818" viewBox="0 0 16.989 12.818"><path id="Path_2237" data-name="Path 2237" d="M5758.587,2633.18l4.878,4.878,10.7-10.7" transform="translate(-5757.88 -2626.654)" fill="none" stroke="%23fff" stroke-width="2"/></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: 90%;
}
.custom-checkbox .checkmark {
display: inline-block;
width: 100%;
height: 100%;
border: 2px solid var(--color-auxiliary);
border-radius: 6px;
transition: background-color .2s linear;
}
@media all and (max-width: 768px) {
.comments__reply-info-wrapper {
float: none;
width: 100%;
}
.comments__reply-info-wrapper--right {
float: none;
margin-top: 1.5rem;
}
} .search-popup {
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2rem 10%;
background-color: var(--color-negative);
opacity: 0;
transform: translateX(100%); transition: opacity .15s linear, transform 0s linear .15s; z-index: 2147483647;
}
.search-popup--compact {
top: -100%;
left: 50%;
width: 80%;
max-width: 800px;
height: auto;
padding: 0.9rem 2rem;
box-shadow: var(--shadow-default);
transform: translate(-50%, -8px);
opacity: 0;
transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out, top 1ms linear .3s;
}
.search-popup--compact .search__input {
border-bottom: none;
}
.search-popup--is-active {
transform: translateX(0);
transition: opacity .15s linear, transform 0s linear 0s;
opacity: 1;
}
.search-popup--compact.search-popup--is-active {
top: calc(var(--js-header-height, 4rem) + var(--js-wpadminbar-height, 0px) + 16px);
transform: translate(-50%, 0);
transition: top 1ms linear, opacity .2s ease-in-out 1ms, transform .4s ease-in-out 1ms;
}
.search-popup__close {
position: absolute;
top: 2rem;
right: 2rem;
width: 44px;
height: 44px;
cursor: pointer;
border: none;
padding: 0;
text-align: left;
background-color: transparent;
}
.search-popup--compact .search-popup__close {
display: none;
}
.search-popup__close::before,
.search-popup__close::after {
content: ' ';
position: absolute;
top: 50%;
width: 100%;
height: 1px;
background-color: var(--color-main);
opacity: 0.7;
}
.search-popup__close::before {
transform: rotate(45deg);
}
.search-popup__close::after {
transform: rotate(-45deg);
}
.search-popup__close:hover::before,
.search-popup__close:hover::after {
opacity: 1;
}
.search {
position: relative;
top: -50px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 800px;
padding: 0 var(--search-page-padding);
margin: var(--search-page-vertical-margin) 0;
box-sizing: border-box;
}
.search-popup--compact .search {
top: 0;
}
.search__form {
width: 100%;
}
.search__fieldset {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
border: none;
padding: 0;
margin: 0;
}
.search__input {
display: inline-block;
width: 100%;
padding-right: 4rem;
border-top: none;
border-right: none;
border-bottom: 1px solid var(--color-auxiliary);
border-left: none;
font-family: var(--font-headline);
color: var(--color-main);
background-color: transparent;
outline-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search__input::placeholder {
color: var(--color-auxiliary);
}
.search__button {
--icon-size: 0.75rem;
position: relative;
left: var(--icon-size); width: 3rem;
height: 3rem;
min-width: 3rem;
min-height: 3rem;
border: none;
padding: var(--icon-size);
margin-left: -3rem;
background-color: transparent;
transition: opacity .25s linear;
}
.search__button.has-value {
cursor: pointer;
}
.search-button.has-value:hover {
opacity: 0.8;
}
.search__button > svg {
width: 100%;
height: 100%;
fill: var(--color-auxiliary);
fill-opacity: 0.6;
}
.search__button.has-value > svg {
fill: var(--color-main);
fill-opacity: 1;
}
@media screen and (max-width: 768px) {
.search__button {
--icon-size: 0.85rem;
}
.search-popup--compact {
width: calc(100% - (2 * var(--website-horizontal-padding)));
padding: 0.5rem 1.5rem;
margin: 0 var(--website-horizontal-padding);
transform: translate(calc(-50% - var(--website-horizontal-padding)), -8px);
}
.search-popup--compact.search-popup--is-active {
transform: translate(calc(-50% - var(--website-horizontal-padding)), 0);
}
} .block {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding-left: var(--website-horizontal-padding);
padding-right: var(--website-horizontal-padding);
overflow: hidden;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.block__inner {
width: 100%;
max-width: var(--website-maximum-width);
margin: 0 auto;
}  .arrow-link {
display: inline-flex;
justify-content: center;
align-items: center;
padding-right: 0.2em;
border: none;
text-decoration: none;
text-align: center;
color: var(--color-main);
background-color: transparent;
}
.arrow-link::after {
content: '';
position: relative;
top: 0.1em;
display: inline-block;
border: solid currentColor;
border-width: 0 1px 1px 0;
padding: 0.2em;
white-space: initial;
transform: rotate(-45deg) translate(3px, 3px);
transition: transform .25s linear;
}
.arrow-link:hover::after {
transform: rotate(-45deg) translate(6px, 6px);
} .cta-link {
display: block;
text-decoration: none;
padding: 0.8rem 1.5rem;
color: var(--color-main);
background-color: var(--color-accent);
border: 0; border-radius: 1000px; 
transition: box-shadow .2s linear;
text-align: center;
cursor: pointer;
}
.cta-link:hover {
box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.3);
opacity: 1;
} .underline-link {
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-bottom .25s linear;
}
.underline-link:hover,
.underline-link--selected {
border-bottom: 1px solid currentColor;
} .info-bar {
position: relative;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
min-height: 40px;
padding: 0 var(--website-horizontal-padding);
color: var(--color-negative);
background-color: var(--color-main);
}
.info-bar__content {
flex: 1 1 auto;
max-width: var(--website-maximum-width);
padding-top: 10px;
padding-bottom: 10px;
}
.info-bar--dismissible .info-bar__content {
padding-right: 2rem;
}
.info-bar__content--center {
text-align: center;
}
.info-bar--dismissible .info-bar__content--center {
padding-left: 2rem;
padding-right: 2rem;
}
.info-bar__close-button {
position: absolute;
display: none;
top: 50%;
right: 20px;
width: 18px;
height: 18px;
padding: 0;
border: 0;
background-color: transparent;
opacity: 1;
transform: translateY(-50%);
transition: opacity .2s linear;
cursor: pointer;
}
.info-bar--dismissible .info-bar__close-button {
display: flex;
}
.info-bar__close-button:hover {
opacity: 0.8;
}
.info-bar__close-button:before,
.info-bar__close-button:after {
position: absolute;
left: 8px;
content: '';
height: 18px;
width: 2px;
border-radius: 1px;
background-color: var(--color-negative);
}
.info-bar__close-button:before {
transform: rotate(45deg);
}
.info-bar__close-button:after {
transform: rotate(-45deg);
}
.info-bar__content > * {
margin: 0;
}
.info-bar__content a {
transition: opacity .2s linear;
}
.info-bar__content a:hover {
opacity: 0.8;
} .disclaimer-bar__inner {
display: none;
justify-content: space-between;
width: 100%;
max-width: var(--website-maximum-width);
height: auto;
padding: 1.5rem 2.5rem;
}
.display .disclaimer-bar__inner {
display: flex;
}
.disclaimer-bar__content {
max-width: 500px;
}
.disclaimer-bar__content > * {
margin: 0;
padding: 0;
}
.disclaimer-bar__content > a {
font-size: inherit;
color: inherit;
text-decoration: underline;
transition: opacity .2s linear;
}
.disclaimer-bar__content > a:hover {
opacity: 0.8;
}
@media all and (max-width: 768px) {
.disclaimer-bar__inner {
padding: 2rem 2.5rem;
}
} .popup-box {
display: block;
}
.popup-box--mobile {
display: none;
}
.popup-box__inner {
display: none;
width: 100%;
color: var(--color-main);
}
.display .popup-box__inner {
display: flex;
}
.popup-box--no-image .popup-box__content-wrapper {
max-width: 100%;
}
.popup-box--no-image .popup-box__content {
text-align: center;
align-items: center;
}
.popup-box--no-image .popup-box__image {
display: none;
}
.popup-box--close .popup-box__inner {
animation: popupClose 0.6s;
}
.popup-box--close .popup-box__overlay {
animation: overlayClose 0.6s;
}
.popup-box__content-wrapper {
flex: 1 1 55%;
max-width: 55%;
padding: 3rem 2.5rem;
overflow-y: auto;
background-color: var(--color-negative);
}
.popup-box__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 500px;
height: auto;
min-height: 100%;
}
.popup-box__image,
.woocommerce-page .popup-box__image {
flex: 1 1 45%;
max-width: 45%;
object-fit: cover;
}
.popup-box__title {
margin: 0 0 1rem 0;
font-weight: 600;
}
.popup-box__text {
margin: 0;
}
.popup-box__cta {
margin: 1.2rem 0 0 0;
}
@media all and (max-width: 768px) {
.popup-box {
display: none;
}
.popup-box--mobile {
position: fixed;
top: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 10000;
padding: 2rem var(--website-horizontal-padding);
background-color: #9999997f;
overflow: hidden;
opacity: 0;
}
.popup-box--mobile.show {
display: flex;
}
.popup-box--mobile.animate {
opacity: 1;
transition: opacity 100ms ease-in-out;
}	
.popup-box--mobile .popup-box__inner {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: var(--shadow-default);
opacity: 0;
transform: translateY(-8px);
}
.popup-box--mobile.animate .popup-box__inner {
opacity: 1;
transform: translateY(0);
transition: opacity 200ms ease-in-out, transform 400ms ease-in-out;
}
.popup-box--mobile__close-button {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
width: var(--close-button-size, 1rem);
height: var(--close-button-size, 1rem);
padding: 8px;
margin: 10px 12px;
border: none;
background-color: transparent;
box-sizing: content-box;
cursor: pointer;
color: inherit;
z-index: 10;
transition: opacity 200ms ease-in-out;
}
.popup-box--mobile__close-button:hover {
opacity: 0.7;
}
.popup-box--mobile__close-button::before, .popup-box--mobile__close-button::after {
content: ' ';
position: absolute;
width: calc(var(--close-button-size, 1rem) * 1.41);
height: var(--close-button-thickness, 2px);
border-radius: var(--close-button-thickness, 2px);
background-color: var(--close-button-color, #999);
}
.popup-box--mobile__close-button::before {
transform: rotate(45deg);
}
.popup-box--mobile__close-button::after {
transform: rotate(135deg);
}
.popup-box--mobile .popup-box__image {
display: block;
max-width: 100%;
max-height: 250px;
}
.popup-box__content-wrapper {
max-width: 100%;
padding: 2.5rem 2.5rem;
}
.popup-box__content {
text-align: center;
align-items: center;
margin: 0 auto;
}
.popup-box__image {
display: none;
}
} [id^="notif"] .notification__inner {
box-shadow: var(--shadow-default);
} .action-buttons {
--horizontal-margin: 30px;
--vertical-margin: 35px;
--button-size: 44px;
position: fixed;
left: var(--horizontal-margin);
bottom: var(--vertical-margin);
opacity: 1;
transition: left 1ms linear, opacity 200ms ease-in-out 1ms;
z-index: 50;
}
.action-buttons.active-overlay {
z-index: 200;
}
.action-buttons.hide {
left: -100vw;
opacity: 0;
transition: opacity 200ms ease-in-out, left 1ms linear 200ms;
}
.action-buttons > ul {
padding: 0;
margin: 0;
list-style: none;
}
.action-buttons > ul > li {
margin-bottom: 12px;
}
.action-buttons > ul > li:last-child {
margin-bottom: 0;
}
.action-button {
display: flex;
justify-content: center;
align-items: center;
width: var(--button-size);
height: var(--button-size);
padding: 0;
border: 0;
border-radius: 50%;
background-color: var(--color-negative);
cursor: pointer;
box-shadow: var(--shadow-default);
}
.action-button > svg {
width: 44%;
height: 44%;
opacity: 0.5;
fill: var(--color-main);
transition: opacity 150ms 100ms ease-in-out;
}
.action-button:hover > svg {
opacity: 1;
}
.action-button--appointment {
position: relative;
z-index: 10;
}
.action-button--is-active > svg {
opacity: 0 !important;
transition: opacity 100ms;
}
.action-button--appointment__x-button {
position: absolute;
display: flex;
width: 38px;
height: 36px;
align-items: center;
padding: 8px;
transform: rotate(45deg);
opacity: 0;
transition: opacity 100ms 100ms, transform 200ms;
}
.action-button--is-active .action-button--appointment__x-button {
opacity: 1;
transform: rotate(225deg);
transition: opacity 100ms, transform 200ms;
}
.action-button--appointment__x-button::before,
.action-button--appointment__x-button::after {
content: ' ';
position: absolute;
display: block;
width: calc(100% - 2 * 8px);
height: 2px;
border-radius: 4px;
background-color: var(--color-main);
}
.action-button--appointment__x-button::after {
transform: rotate(90deg);
} .action-appointment {
position: absolute;
right: 100vw;
bottom: 0;
display: block;
width: 585px;
max-width: calc(100vw - (2 * var(--horizontal-margin)));
height: 572px;
padding: 44px;
z-index: 10;
background-color: var(--color-negative);
box-shadow: var(--shadow-default);
opacity: 0;
transform: translate(calc(100% + 24px), -8px);
transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out, right 1ms linear.3s;
}
.action-appointment.active {
right: 0;
opacity: 1;
transform: translate(calc(100% + 24px), 0px);
transition: right 1ms linear, opacity .2s ease-in-out 1ms, transform .4s ease-in-out 1ms;
}
.action-appointment__close-button {
--close-button-size: 1rem;
--close-button-thickness: 2px;
--close-button-color: #999;
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
width: var(--close-button-size, 1rem);
height: var(--close-button-size, 1rem);
padding: 8px;
margin: 4px 8px;
border: none;
background-color: transparent;
box-sizing: content-box;
cursor: pointer;
z-index: 10;
transition: opacity 200ms ease-in-out;
}
.action-appointment__close-button:hover {
opacity: 0.7;
}
.action-appointment__close-button::before,
.action-appointment__close-button::after {
content: ' ';
position: absolute;
width: calc(var(--close-button-size, 1rem) * 1.41);
height: var(--close-button-thickness, 2px);
border-radius: var(--close-button-thickness, 2px);
background-color: var(--close-button-color, #999);
}
.action-appointment__close-button::before {
transform: rotate(45deg);
}
.action-appointment__close-button::after {
transform: rotate(135deg);
}
@media screen and (max-width: 768px) {
.action-buttons {
--horizontal-margin: 20px;
--vertical-margin: 20px;
}
.action-appointment {
width: 100vw;
transform: translate(calc(100% - var(--button-size)), -8px);
}
.action-appointment.active {
transform: translate(calc(100% - var(--button-size)), 0px);
}
} html:not(.js-no) .block--animation-on  .animation-reveal--in:not(.animation--off) {
opacity: 0;
}
html:not(.js-no) .block--animation-on .animation-reveal--up:not(.animation--off) {
opacity: 0;
transform: translateY(20px);
}
.block--animation-on [data-reveal].animation-reveal--in:not(.animation--off),
.block--animation-on [data-reveal] .animation-reveal--in:not(.animation--off) {
animation: revealFadeIn 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-fill-mode: forwards;
}
.block--animation-on [data-reveal].animation-reveal--up:not(.animation--off),
.block--animation-on [data-reveal] .animation-reveal--up:not(.animation--off) {
animation: revealFadeIn 0.75s cubic-bezier(0.55, 0.055, 0.675, 0.19),
revealSlideUp 2s cubic-bezier(0.19, 1, 0.22, 1);
animation-fill-mode: forwards;
}
.block--animation-on [data-reveal] .animation-delay--2nd:not(.animation--off) {
animation-delay: 200ms;
}
.block--animation-on [data-reveal] .animation-delay--3rd:not(.animation--off) {
animation-delay: 400ms;
}
.block--animation-on [data-reveal] .animation-delay--4th:not(.animation--off) {
animation-delay: 600ms;
}
.block--animation-on [data-reveal] .animation-delay--5th:not(.animation--off) {
animation-delay: 800ms;
}
@keyframes revealFadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes revealSlideUp {
0% { transform: translateY(20px); }
100% { transform: translateY(0); }
}