.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@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;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
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-ios .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.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-cube-shadow, .swiper-3d .swiper-slide {
transform-style: preserve-3d;
}
.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-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
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-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-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .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-next, .swiper-button-prev {
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-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
.swiper-button-next:after, .swiper-button-prev: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: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-pagination {
position: absolute;
text-align: center;
transition: 0.3s 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-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
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-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s 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: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s 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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
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-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
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 > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
.swiper .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 {
pointer-events: auto;
}
.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 {
pointer-events: auto;
visibility: visible;
}
.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-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.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-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
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;
} @font-face {
font-family: "ES Klarheit Grotesk";
src: url(//www.haberl.sk/wp-content/themes/haberl/webfonts/es-klarheit-grotesk/woff2/ESKlarheitGrotesk-Extralight.woff2) format("woff2"), url(//www.haberl.sk/wp-content/themes/haberl/webfonts/es-klarheit-grotesk/woff/ESKlarheitGrotesk-Extralight.woff) format("woff");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "ES Klarheit Grotesk";
src: url(//www.haberl.sk/wp-content/themes/haberl/webfonts/es-klarheit-grotesk/woff2/ESKlarheitGrotesk-Extralight.woff2) format("woff2"), url(//www.haberl.sk/wp-content/themes/haberl/webfonts/es-klarheit-grotesk/woff/ESKlarheitGrotesk-Extralight.woff) format("woff");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "ES Klarheit Grotesk";
src: url(//www.haberl.sk/wp-content/themes/haberl/webfonts/es-klarheit-grotesk/woff2/ESKlarheitGrotesk-Book.woff2) format("woff2"), url(//www.haberl.sk/wp-content/themes/haberl/webfonts/es-klarheit-grotesk/woff/ESKlarheitGrotesk-Book.woff) format("woff");
font-weight: 450;
font-style: normal;
}
@font-face {
font-family: "ES Klarheit Grotesk";
src: url(//www.haberl.sk/wp-content/themes/haberl/webfonts/es-klarheit-grotesk/woff2/ESKlarheitGrotesk-Semibold.woff2) format("woff2"), url(//www.haberl.sk/wp-content/themes/haberl/webfonts/es-klarheit-grotesk/woff/ESKlarheitGrotesk-Semibold.woff) format("woff");
font-weight: 600;
font-style: normal;
} html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {
margin: 0;
}
main {
display: block;
}
template {
display: none;
}
.menu {
margin: 0;
padding: 0;
list-style: none;
}
.menu a {
text-decoration: none;
display: inline-block;
}
.nws-admin-edit-link {
position: absolute;
right: 0;
top: 0;
text-decoration: none;
color: #fff;
background: red;
padding: 4px;
z-index: 20;
}
.nws-admin-edit-link:hover {
background: black;
}
.grid-container {
padding-right: 1rem;
padding-left: 1rem;
max-width: 90rem;
margin-left: auto;
margin-right: auto; }
@media print, screen and (min-width: 40em) {
.grid-container {
padding-right: 1rem;
padding-left: 1rem;
}
}
.grid-x {
display: flex;
flex-flow: row wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
box-sizing: border-box;
}
.cell {
flex: 0 0 auto;
min-height: 0px;
min-width: 0px;
width: 100%;
}
.cell.auto {
flex: 1 1 0px;
width: auto;
}
.cell.shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .small-shrink {
flex-basis: auto;
}
.align-left {
justify-content: flex-start;
}
.align-right {
justify-content: flex-end;
}
.align-center {
justify-content: center;
}
.align-justify {
justify-content: space-between;
}
.align-spaced {
justify-content: space-around;
}
.align-top {
align-items: flex-start;
}
.align-self-top {
align-self: flex-start;
}
.align-bottom {
align-items: flex-end;
}
.align-self-bottom {
align-self: flex-end;
}
.align-middle {
align-items: center;
}
.align-self-middle {
align-self: center;
}
.align-stretch {
align-items: stretch;
}
.align-self-stretch {
align-self: stretch;
}
.align-center-middle {
justify-content: center;
align-items: center;
align-content: center;
}
*, ::after, ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.grid-x {
display: flex;   }
@media print, screen and (min-width: 0em) {
.grid-x > .small-1 {
width: 4.1666666667%;
flex: 0 0 4.1666666667%;
}
.grid-x > .small-2 {
width: 8.3333333333%;
flex: 0 0 8.3333333333%;
}
.grid-x > .small-3 {
width: 12.5%;
flex: 0 0 12.5%;
}
.grid-x > .small-4 {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
.grid-x > .small-5 {
width: 20.8333333333%;
flex: 0 0 20.8333333333%;
}
.grid-x > .small-6 {
width: 25%;
flex: 0 0 25%;
}
.grid-x > .small-7 {
width: 29.1666666667%;
flex: 0 0 29.1666666667%;
}
.grid-x > .small-8 {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
.grid-x > .small-9 {
width: 37.5%;
flex: 0 0 37.5%;
}
.grid-x > .small-10 {
width: 41.6666666667%;
flex: 0 0 41.6666666667%;
}
.grid-x > .small-11 {
width: 45.8333333333%;
flex: 0 0 45.8333333333%;
}
.grid-x > .small-12 {
width: 50%;
flex: 0 0 50%;
}
.grid-x > .small-13 {
width: 54.1666666667%;
flex: 0 0 54.1666666667%;
}
.grid-x > .small-14 {
width: 58.3333333333%;
flex: 0 0 58.3333333333%;
}
.grid-x > .small-15 {
width: 62.5%;
flex: 0 0 62.5%;
}
.grid-x > .small-16 {
width: 66.6666666667%;
flex: 0 0 66.6666666667%;
}
.grid-x > .small-17 {
width: 70.8333333333%;
flex: 0 0 70.8333333333%;
}
.grid-x > .small-18 {
width: 75%;
flex: 0 0 75%;
}
.grid-x > .small-19 {
width: 79.1666666667%;
flex: 0 0 79.1666666667%;
}
.grid-x > .small-20 {
width: 83.3333333333%;
flex: 0 0 83.3333333333%;
}
.grid-x > .small-21 {
width: 87.5%;
flex: 0 0 87.5%;
}
.grid-x > .small-22 {
width: 91.6666666667%;
flex: 0 0 91.6666666667%;
}
.grid-x > .small-23 {
width: 95.8333333333%;
flex: 0 0 95.8333333333%;
}
.grid-x > .small-24 {
width: 100%;
flex: 0 0 100%;
}
.grid-x > .small-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .small-auto {
flex: 1 1 0px;
width: auto;
}
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-1 {
width: 4.1666666667%;
flex: 0 0 4.1666666667%;
}
.grid-x > .medium-2 {
width: 8.3333333333%;
flex: 0 0 8.3333333333%;
}
.grid-x > .medium-3 {
width: 12.5%;
flex: 0 0 12.5%;
}
.grid-x > .medium-4 {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
.grid-x > .medium-5 {
width: 20.8333333333%;
flex: 0 0 20.8333333333%;
}
.grid-x > .medium-6 {
width: 25%;
flex: 0 0 25%;
}
.grid-x > .medium-7 {
width: 29.1666666667%;
flex: 0 0 29.1666666667%;
}
.grid-x > .medium-8 {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
.grid-x > .medium-9 {
width: 37.5%;
flex: 0 0 37.5%;
}
.grid-x > .medium-10 {
width: 41.6666666667%;
flex: 0 0 41.6666666667%;
}
.grid-x > .medium-11 {
width: 45.8333333333%;
flex: 0 0 45.8333333333%;
}
.grid-x > .medium-12 {
width: 50%;
flex: 0 0 50%;
}
.grid-x > .medium-13 {
width: 54.1666666667%;
flex: 0 0 54.1666666667%;
}
.grid-x > .medium-14 {
width: 58.3333333333%;
flex: 0 0 58.3333333333%;
}
.grid-x > .medium-15 {
width: 62.5%;
flex: 0 0 62.5%;
}
.grid-x > .medium-16 {
width: 66.6666666667%;
flex: 0 0 66.6666666667%;
}
.grid-x > .medium-17 {
width: 70.8333333333%;
flex: 0 0 70.8333333333%;
}
.grid-x > .medium-18 {
width: 75%;
flex: 0 0 75%;
}
.grid-x > .medium-19 {
width: 79.1666666667%;
flex: 0 0 79.1666666667%;
}
.grid-x > .medium-20 {
width: 83.3333333333%;
flex: 0 0 83.3333333333%;
}
.grid-x > .medium-21 {
width: 87.5%;
flex: 0 0 87.5%;
}
.grid-x > .medium-22 {
width: 91.6666666667%;
flex: 0 0 91.6666666667%;
}
.grid-x > .medium-23 {
width: 95.8333333333%;
flex: 0 0 95.8333333333%;
}
.grid-x > .medium-24 {
width: 100%;
flex: 0 0 100%;
}
.grid-x > .medium-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .medium-auto {
flex: 1 1 0px;
width: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-1 {
width: 4.1666666667%;
flex: 0 0 4.1666666667%;
}
.grid-x > .large-2 {
width: 8.3333333333%;
flex: 0 0 8.3333333333%;
}
.grid-x > .large-3 {
width: 12.5%;
flex: 0 0 12.5%;
}
.grid-x > .large-4 {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
.grid-x > .large-5 {
width: 20.8333333333%;
flex: 0 0 20.8333333333%;
}
.grid-x > .large-6 {
width: 25%;
flex: 0 0 25%;
}
.grid-x > .large-7 {
width: 29.1666666667%;
flex: 0 0 29.1666666667%;
}
.grid-x > .large-8 {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
.grid-x > .large-9 {
width: 37.5%;
flex: 0 0 37.5%;
}
.grid-x > .large-10 {
width: 41.6666666667%;
flex: 0 0 41.6666666667%;
}
.grid-x > .large-11 {
width: 45.8333333333%;
flex: 0 0 45.8333333333%;
}
.grid-x > .large-12 {
width: 50%;
flex: 0 0 50%;
}
.grid-x > .large-13 {
width: 54.1666666667%;
flex: 0 0 54.1666666667%;
}
.grid-x > .large-14 {
width: 58.3333333333%;
flex: 0 0 58.3333333333%;
}
.grid-x > .large-15 {
width: 62.5%;
flex: 0 0 62.5%;
}
.grid-x > .large-16 {
width: 66.6666666667%;
flex: 0 0 66.6666666667%;
}
.grid-x > .large-17 {
width: 70.8333333333%;
flex: 0 0 70.8333333333%;
}
.grid-x > .large-18 {
width: 75%;
flex: 0 0 75%;
}
.grid-x > .large-19 {
width: 79.1666666667%;
flex: 0 0 79.1666666667%;
}
.grid-x > .large-20 {
width: 83.3333333333%;
flex: 0 0 83.3333333333%;
}
.grid-x > .large-21 {
width: 87.5%;
flex: 0 0 87.5%;
}
.grid-x > .large-22 {
width: 91.6666666667%;
flex: 0 0 91.6666666667%;
}
.grid-x > .large-23 {
width: 95.8333333333%;
flex: 0 0 95.8333333333%;
}
.grid-x > .large-24 {
width: 100%;
flex: 0 0 100%;
}
.grid-x > .large-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .large-auto {
flex: 1 1 0px;
width: auto;
}
}
@media print, screen and (min-width: 85em) {
.grid-x > .xlarge-1 {
width: 4.1666666667%;
flex: 0 0 4.1666666667%;
}
.grid-x > .xlarge-2 {
width: 8.3333333333%;
flex: 0 0 8.3333333333%;
}
.grid-x > .xlarge-3 {
width: 12.5%;
flex: 0 0 12.5%;
}
.grid-x > .xlarge-4 {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
.grid-x > .xlarge-5 {
width: 20.8333333333%;
flex: 0 0 20.8333333333%;
}
.grid-x > .xlarge-6 {
width: 25%;
flex: 0 0 25%;
}
.grid-x > .xlarge-7 {
width: 29.1666666667%;
flex: 0 0 29.1666666667%;
}
.grid-x > .xlarge-8 {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
.grid-x > .xlarge-9 {
width: 37.5%;
flex: 0 0 37.5%;
}
.grid-x > .xlarge-10 {
width: 41.6666666667%;
flex: 0 0 41.6666666667%;
}
.grid-x > .xlarge-11 {
width: 45.8333333333%;
flex: 0 0 45.8333333333%;
}
.grid-x > .xlarge-12 {
width: 50%;
flex: 0 0 50%;
}
.grid-x > .xlarge-13 {
width: 54.1666666667%;
flex: 0 0 54.1666666667%;
}
.grid-x > .xlarge-14 {
width: 58.3333333333%;
flex: 0 0 58.3333333333%;
}
.grid-x > .xlarge-15 {
width: 62.5%;
flex: 0 0 62.5%;
}
.grid-x > .xlarge-16 {
width: 66.6666666667%;
flex: 0 0 66.6666666667%;
}
.grid-x > .xlarge-17 {
width: 70.8333333333%;
flex: 0 0 70.8333333333%;
}
.grid-x > .xlarge-18 {
width: 75%;
flex: 0 0 75%;
}
.grid-x > .xlarge-19 {
width: 79.1666666667%;
flex: 0 0 79.1666666667%;
}
.grid-x > .xlarge-20 {
width: 83.3333333333%;
flex: 0 0 83.3333333333%;
}
.grid-x > .xlarge-21 {
width: 87.5%;
flex: 0 0 87.5%;
}
.grid-x > .xlarge-22 {
width: 91.6666666667%;
flex: 0 0 91.6666666667%;
}
.grid-x > .xlarge-23 {
width: 95.8333333333%;
flex: 0 0 95.8333333333%;
}
.grid-x > .xlarge-24 {
width: 100%;
flex: 0 0 100%;
}
.grid-x > .xlarge-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .xlarge-auto {
flex: 1 1 0px;
width: auto;
}
}
.grid-x.grid-margin-x {
display: flex;      }
@media print, screen and (min-width: 0em) {
.grid-x.grid-margin-x > .small-1 {
width: calc(4.1666666667% - 1.25rem );
flex: 0 0 calc(4.1666666667% - 1.25rem );
}
.grid-x.grid-margin-x > .small-2 {
width: calc(8.3333333333% - 1.25rem );
flex: 0 0 calc(8.3333333333% - 1.25rem );
}
.grid-x.grid-margin-x > .small-3 {
width: calc(12.5% - 1.25rem );
flex: 0 0 calc(12.5% - 1.25rem );
}
.grid-x.grid-margin-x > .small-4 {
width: calc(16.6666666667% - 1.25rem );
flex: 0 0 calc(16.6666666667% - 1.25rem );
}
.grid-x.grid-margin-x > .small-5 {
width: calc(20.8333333333% - 1.25rem );
flex: 0 0 calc(20.8333333333% - 1.25rem );
}
.grid-x.grid-margin-x > .small-6 {
width: calc(25% - 1.25rem );
flex: 0 0 calc(25% - 1.25rem );
}
.grid-x.grid-margin-x > .small-7 {
width: calc(29.1666666667% - 1.25rem );
flex: 0 0 calc(29.1666666667% - 1.25rem );
}
.grid-x.grid-margin-x > .small-8 {
width: calc(33.3333333333% - 1.25rem );
flex: 0 0 calc(33.3333333333% - 1.25rem );
}
.grid-x.grid-margin-x > .small-9 {
width: calc(37.5% - 1.25rem );
flex: 0 0 calc(37.5% - 1.25rem );
}
.grid-x.grid-margin-x > .small-10 {
width: calc(41.6666666667% - 1.25rem );
flex: 0 0 calc(41.6666666667% - 1.25rem );
}
.grid-x.grid-margin-x > .small-11 {
width: calc(45.8333333333% - 1.25rem );
flex: 0 0 calc(45.8333333333% - 1.25rem );
}
.grid-x.grid-margin-x > .small-12 {
width: calc(50% - 1.25rem );
flex: 0 0 calc(50% - 1.25rem );
}
.grid-x.grid-margin-x > .small-13 {
width: calc(54.1666666667% - 1.25rem );
flex: 0 0 calc(54.1666666667% - 1.25rem );
}
.grid-x.grid-margin-x > .small-14 {
width: calc(58.3333333333% - 1.25rem );
flex: 0 0 calc(58.3333333333% - 1.25rem );
}
.grid-x.grid-margin-x > .small-15 {
width: calc(62.5% - 1.25rem );
flex: 0 0 calc(62.5% - 1.25rem );
}
.grid-x.grid-margin-x > .small-16 {
width: calc(66.6666666667% - 1.25rem );
flex: 0 0 calc(66.6666666667% - 1.25rem );
}
.grid-x.grid-margin-x > .small-17 {
width: calc(70.8333333333% - 1.25rem );
flex: 0 0 calc(70.8333333333% - 1.25rem );
}
.grid-x.grid-margin-x > .small-18 {
width: calc(75% - 1.25rem );
flex: 0 0 calc(75% - 1.25rem );
}
.grid-x.grid-margin-x > .small-19 {
width: calc(79.1666666667% - 1.25rem );
flex: 0 0 calc(79.1666666667% - 1.25rem );
}
.grid-x.grid-margin-x > .small-20 {
width: calc(83.3333333333% - 1.25rem );
flex: 0 0 calc(83.3333333333% - 1.25rem );
}
.grid-x.grid-margin-x > .small-21 {
width: calc(87.5% - 1.25rem );
flex: 0 0 calc(87.5% - 1.25rem );
}
.grid-x.grid-margin-x > .small-22 {
width: calc(91.6666666667% - 1.25rem );
flex: 0 0 calc(91.6666666667% - 1.25rem );
}
.grid-x.grid-margin-x > .small-23 {
width: calc(95.8333333333% - 1.25rem );
flex: 0 0 calc(95.8333333333% - 1.25rem );
}
.grid-x.grid-margin-x > .small-24 {
width: calc(100% - 1.25rem );
flex: 0 0 calc(100% - 1.25rem );
}
}
@media print, screen and (min-width: 0em) {
.grid-x.grid-margin-x > .small-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x.grid-margin-x > .small-auto {
flex: 1 1 0px;
width: auto;
}
}
@media print, screen and (min-width: 40em) {
.grid-x.grid-margin-x > .small-1 {
width: calc( 4.1666666667% - 2rem );
flex: 0 0 calc( 4.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .small-2 {
width: calc( 8.3333333333% - 2rem );
flex: 0 0 calc( 8.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .small-3 {
width: calc( 12.5% - 2rem );
flex: 0 0 calc( 12.5% - 2rem );
}
.grid-x.grid-margin-x > .small-4 {
width: calc( 16.6666666667% - 2rem );
flex: 0 0 calc( 16.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .small-5 {
width: calc( 20.8333333333% - 2rem );
flex: 0 0 calc( 20.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .small-6 {
width: calc( 25% - 2rem );
flex: 0 0 calc( 25% - 2rem );
}
.grid-x.grid-margin-x > .small-7 {
width: calc( 29.1666666667% - 2rem );
flex: 0 0 calc( 29.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .small-8 {
width: calc( 33.3333333333% - 2rem );
flex: 0 0 calc( 33.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .small-9 {
width: calc( 37.5% - 2rem );
flex: 0 0 calc( 37.5% - 2rem );
}
.grid-x.grid-margin-x > .small-10 {
width: calc( 41.6666666667% - 2rem );
flex: 0 0 calc( 41.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .small-11 {
width: calc( 45.8333333333% - 2rem );
flex: 0 0 calc( 45.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .small-12 {
width: calc( 50% - 2rem );
flex: 0 0 calc( 50% - 2rem );
}
.grid-x.grid-margin-x > .small-13 {
width: calc( 54.1666666667% - 2rem );
flex: 0 0 calc( 54.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .small-14 {
width: calc( 58.3333333333% - 2rem );
flex: 0 0 calc( 58.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .small-15 {
width: calc( 62.5% - 2rem );
flex: 0 0 calc( 62.5% - 2rem );
}
.grid-x.grid-margin-x > .small-16 {
width: calc( 66.6666666667% - 2rem );
flex: 0 0 calc( 66.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .small-17 {
width: calc( 70.8333333333% - 2rem );
flex: 0 0 calc( 70.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .small-18 {
width: calc( 75% - 2rem );
flex: 0 0 calc( 75% - 2rem );
}
.grid-x.grid-margin-x > .small-19 {
width: calc( 79.1666666667% - 2rem );
flex: 0 0 calc( 79.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .small-20 {
width: calc( 83.3333333333% - 2rem );
flex: 0 0 calc( 83.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .small-21 {
width: calc( 87.5% - 2rem );
flex: 0 0 calc( 87.5% - 2rem );
}
.grid-x.grid-margin-x > .small-22 {
width: calc( 91.6666666667% - 2rem );
flex: 0 0 calc( 91.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .small-23 {
width: calc( 95.8333333333% - 2rem );
flex: 0 0 calc( 95.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .small-24 {
width: calc( 100% - 2rem );
flex: 0 0 calc( 100% - 2rem );
}
.grid-x.grid-margin-x > .medium-1 {
width: calc(4.1666666667% - 2rem );
flex: 0 0 calc(4.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .medium-2 {
width: calc(8.3333333333% - 2rem );
flex: 0 0 calc(8.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .medium-3 {
width: calc(12.5% - 2rem );
flex: 0 0 calc(12.5% - 2rem );
}
.grid-x.grid-margin-x > .medium-4 {
width: calc(16.6666666667% - 2rem );
flex: 0 0 calc(16.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .medium-5 {
width: calc(20.8333333333% - 2rem );
flex: 0 0 calc(20.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .medium-6 {
width: calc(25% - 2rem );
flex: 0 0 calc(25% - 2rem );
}
.grid-x.grid-margin-x > .medium-7 {
width: calc(29.1666666667% - 2rem );
flex: 0 0 calc(29.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .medium-8 {
width: calc(33.3333333333% - 2rem );
flex: 0 0 calc(33.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .medium-9 {
width: calc(37.5% - 2rem );
flex: 0 0 calc(37.5% - 2rem );
}
.grid-x.grid-margin-x > .medium-10 {
width: calc(41.6666666667% - 2rem );
flex: 0 0 calc(41.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .medium-11 {
width: calc(45.8333333333% - 2rem );
flex: 0 0 calc(45.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .medium-12 {
width: calc(50% - 2rem );
flex: 0 0 calc(50% - 2rem );
}
.grid-x.grid-margin-x > .medium-13 {
width: calc(54.1666666667% - 2rem );
flex: 0 0 calc(54.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .medium-14 {
width: calc(58.3333333333% - 2rem );
flex: 0 0 calc(58.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .medium-15 {
width: calc(62.5% - 2rem );
flex: 0 0 calc(62.5% - 2rem );
}
.grid-x.grid-margin-x > .medium-16 {
width: calc(66.6666666667% - 2rem );
flex: 0 0 calc(66.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .medium-17 {
width: calc(70.8333333333% - 2rem );
flex: 0 0 calc(70.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .medium-18 {
width: calc(75% - 2rem );
flex: 0 0 calc(75% - 2rem );
}
.grid-x.grid-margin-x > .medium-19 {
width: calc(79.1666666667% - 2rem );
flex: 0 0 calc(79.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .medium-20 {
width: calc(83.3333333333% - 2rem );
flex: 0 0 calc(83.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .medium-21 {
width: calc(87.5% - 2rem );
flex: 0 0 calc(87.5% - 2rem );
}
.grid-x.grid-margin-x > .medium-22 {
width: calc(91.6666666667% - 2rem );
flex: 0 0 calc(91.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .medium-23 {
width: calc(95.8333333333% - 2rem );
flex: 0 0 calc(95.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .medium-24 {
width: calc(100% - 2rem );
flex: 0 0 calc(100% - 2rem );
}
}
@media print, screen and (min-width: 40em) {
.grid-x.grid-margin-x > .medium-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x.grid-margin-x > .medium-auto {
flex: 1 1 0px;
width: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-x.grid-margin-x > .large-1 {
width: calc(4.1666666667% - 2rem );
flex: 0 0 calc(4.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .large-2 {
width: calc(8.3333333333% - 2rem );
flex: 0 0 calc(8.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .large-3 {
width: calc(12.5% - 2rem );
flex: 0 0 calc(12.5% - 2rem );
}
.grid-x.grid-margin-x > .large-4 {
width: calc(16.6666666667% - 2rem );
flex: 0 0 calc(16.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .large-5 {
width: calc(20.8333333333% - 2rem );
flex: 0 0 calc(20.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .large-6 {
width: calc(25% - 2rem );
flex: 0 0 calc(25% - 2rem );
}
.grid-x.grid-margin-x > .large-7 {
width: calc(29.1666666667% - 2rem );
flex: 0 0 calc(29.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .large-8 {
width: calc(33.3333333333% - 2rem );
flex: 0 0 calc(33.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .large-9 {
width: calc(37.5% - 2rem );
flex: 0 0 calc(37.5% - 2rem );
}
.grid-x.grid-margin-x > .large-10 {
width: calc(41.6666666667% - 2rem );
flex: 0 0 calc(41.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .large-11 {
width: calc(45.8333333333% - 2rem );
flex: 0 0 calc(45.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .large-12 {
width: calc(50% - 2rem );
flex: 0 0 calc(50% - 2rem );
}
.grid-x.grid-margin-x > .large-13 {
width: calc(54.1666666667% - 2rem );
flex: 0 0 calc(54.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .large-14 {
width: calc(58.3333333333% - 2rem );
flex: 0 0 calc(58.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .large-15 {
width: calc(62.5% - 2rem );
flex: 0 0 calc(62.5% - 2rem );
}
.grid-x.grid-margin-x > .large-16 {
width: calc(66.6666666667% - 2rem );
flex: 0 0 calc(66.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .large-17 {
width: calc(70.8333333333% - 2rem );
flex: 0 0 calc(70.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .large-18 {
width: calc(75% - 2rem );
flex: 0 0 calc(75% - 2rem );
}
.grid-x.grid-margin-x > .large-19 {
width: calc(79.1666666667% - 2rem );
flex: 0 0 calc(79.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .large-20 {
width: calc(83.3333333333% - 2rem );
flex: 0 0 calc(83.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .large-21 {
width: calc(87.5% - 2rem );
flex: 0 0 calc(87.5% - 2rem );
}
.grid-x.grid-margin-x > .large-22 {
width: calc(91.6666666667% - 2rem );
flex: 0 0 calc(91.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .large-23 {
width: calc(95.8333333333% - 2rem );
flex: 0 0 calc(95.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .large-24 {
width: calc(100% - 2rem );
flex: 0 0 calc(100% - 2rem );
}
}
@media print, screen and (min-width: 64em) {
.grid-x.grid-margin-x > .large-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x.grid-margin-x > .large-auto {
flex: 1 1 0px;
width: auto;
}
}
@media print, screen and (min-width: 85em) {
.grid-x.grid-margin-x > .xlarge-1 {
width: calc(4.1666666667% - 2rem );
flex: 0 0 calc(4.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-2 {
width: calc(8.3333333333% - 2rem );
flex: 0 0 calc(8.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-3 {
width: calc(12.5% - 2rem );
flex: 0 0 calc(12.5% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-4 {
width: calc(16.6666666667% - 2rem );
flex: 0 0 calc(16.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-5 {
width: calc(20.8333333333% - 2rem );
flex: 0 0 calc(20.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-6 {
width: calc(25% - 2rem );
flex: 0 0 calc(25% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-7 {
width: calc(29.1666666667% - 2rem );
flex: 0 0 calc(29.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-8 {
width: calc(33.3333333333% - 2rem );
flex: 0 0 calc(33.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-9 {
width: calc(37.5% - 2rem );
flex: 0 0 calc(37.5% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-10 {
width: calc(41.6666666667% - 2rem );
flex: 0 0 calc(41.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-11 {
width: calc(45.8333333333% - 2rem );
flex: 0 0 calc(45.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-12 {
width: calc(50% - 2rem );
flex: 0 0 calc(50% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-13 {
width: calc(54.1666666667% - 2rem );
flex: 0 0 calc(54.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-14 {
width: calc(58.3333333333% - 2rem );
flex: 0 0 calc(58.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-15 {
width: calc(62.5% - 2rem );
flex: 0 0 calc(62.5% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-16 {
width: calc(66.6666666667% - 2rem );
flex: 0 0 calc(66.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-17 {
width: calc(70.8333333333% - 2rem );
flex: 0 0 calc(70.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-18 {
width: calc(75% - 2rem );
flex: 0 0 calc(75% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-19 {
width: calc(79.1666666667% - 2rem );
flex: 0 0 calc(79.1666666667% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-20 {
width: calc(83.3333333333% - 2rem );
flex: 0 0 calc(83.3333333333% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-21 {
width: calc(87.5% - 2rem );
flex: 0 0 calc(87.5% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-22 {
width: calc(91.6666666667% - 2rem );
flex: 0 0 calc(91.6666666667% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-23 {
width: calc(95.8333333333% - 2rem );
flex: 0 0 calc(95.8333333333% - 2rem );
}
.grid-x.grid-margin-x > .xlarge-24 {
width: calc(100% - 2rem );
flex: 0 0 calc(100% - 2rem );
}
}
@media print, screen and (min-width: 85em) {
.grid-x.grid-margin-x > .xlarge-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x.grid-margin-x > .xlarge-auto {
flex: 1 1 0px;
width: auto;
}
}
.grid-x.grid-margin-x {
display: flex;
}
.grid-x.grid-margin-x > .cell {
margin-left: 1rem;
margin-right: 1rem; }
@media print, screen and (min-width: 40em) {
.grid-x.grid-margin-x > .cell {
margin-right: 1rem;
margin-left: 1rem;
}
}
.grid-container .grid-x.grid-margin-x,
.grid-container .grid-x.grid-padding-x {
margin-right: -1rem;
margin-left: -1rem; }
@media print, screen and (min-width: 40em) {
.grid-container .grid-x.grid-margin-x,
.grid-container .grid-x.grid-padding-x {
margin-right: -1rem;
margin-left: -1rem;
}
}
.grid-margin-y > .cell {
margin-top: 1rem;
margin-bottom: 1rem; }
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
.grid-padding-y > .cell {
padding-top: 1rem;
padding-bottom: 1rem; }
@media print, screen and (min-width: 40em) {
.grid-padding-y > .cell {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.grid-padding-x > .cell {
padding-right: 1rem;
padding-left: 1rem; }
@media print, screen and (min-width: 40em) {
.grid-padding-x > .cell {
padding-right: 1rem;
padding-left: 1rem;
}
}
.grid-margin-x .grid-x.grid-margin-x {
margin-left: 0;
margin-right: 0;
}
.off-canvas-item[data-size=""] {
visibility: hidden;
display: none;
} @media print, screen and (max-width: 63.9375em) {
.off-canvas-item[data-size=medium] {
visibility: hidden;
display: none;
}
}
.off-canvas-item.offcanvas {
width: 300px;
display: block;
position: fixed;
right: 0;
top: 0;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0);
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
transform: translateX(300px);
transition: all 0.3s;
z-index: 110;
visibility: hidden;
}
.off-canvas-item.offcanvas.is-active {
visibility: visible;
transform: translateX(0px);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}
.offcanvas-close {
display: block;
position: fixed;
cursor: pointer;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.54);
z-index: 90;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s;
transform: translateX(-100%);
}
.offcanvas-close.is-active {
transition: opacity 0.3s;
transform: translateX(0);
display: block;
opacity: 1;
visibility: visible;
}
a.close-canvas-button {
text-decoration: none;
color: black;
padding: 5px;
display: inline-block;
background: #e5e5e5;
font-size: 1.3em;
}
a.close-canvas-button i {
display: block;
}
a.close-canvas-button:hover {
background: #222;
color: #fff;
}
@media screen and (min-width: 1024px) {
.hide-for-large {
display: none !important;
}
.offcanvas.in-canvas-large {
visibility: visible;
height: auto;
position: static;
background: 0 0;
width: auto;
overflow: visible;
transform: unset;
transition: none;
box-shadow: transparent;
}
}
@media screen and (max-width: 1023px) {
.show-for-large {
display: none !important;
}
}
@media screen and (min-width: 640px) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 639px) {
.show-for-medium {
display: none !important;
}
}
:root {
--f-spinner-width: 36px;
--f-spinner-height: 36px;
--f-spinner-color-1: rgba(0, 0, 0, 0.1);
--f-spinner-color-2: rgba(17, 24, 28, 0.8);
--f-spinner-stroke: 2.75;
}
.f-spinner {
margin: auto;
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height);
}
.f-spinner svg {
width: 100%;
height: 100%;
vertical-align: top;
animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
stroke-width: var(--f-spinner-stroke);
fill: none;
}
.f-spinner svg *:first-child {
stroke: var(--f-spinner-color-1);
}
.f-spinner svg *:last-child {
stroke: var(--f-spinner-color-2);
animation: f-spinner-dash 2s ease-in-out infinite;
}
@keyframes f-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes f-spinner-dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
.f-zoomInUp {
animation: 0.2s ease-out 0.1s both f-zoomInUp;
}
.f-zoomOutDown {
animation: 0.2s ease-out both f-zoomOutDown;
}
@keyframes f-zoomInUp {
from {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0;
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0;
}
}
.f-throwOutUp {
animation: 0.175s ease-out both f-throwOutUp;
}
.f-throwOutDown {
animation: 0.175s ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0, -150px, 0);
opacity: 0;
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0, 150px, 0);
opacity: 0;
}
}
.f-fadeIn {
animation: 0.2s ease both f-fadeIn;
z-index: 2;
}
.f-fadeOut {
animation: 0.2s ease both f-fadeOut;
z-index: 1;
}
@keyframes f-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeOut {
100% {
opacity: 0;
}
}
.f-fadeSlowIn {
animation: 0.5s ease both f-fadeSlowIn;
z-index: 2;
}
.f-fadeSlowOut {
animation: 0.5s ease both f-fadeSlowOut;
z-index: 1;
}
@keyframes f-fadeSlowIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeSlowOut {
100% {
opacity: 0;
}
}
.f-fadeFastIn {
animation: 0.2s ease-out both f-fadeFastIn;
z-index: 2;
}
.f-fadeFastOut {
animation: 0.2s ease-out both f-fadeFastOut;
z-index: 2;
}
@keyframes f-fadeFastIn {
0% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeFastOut {
100% {
opacity: 0;
}
}
.f-crossfadeIn {
animation: 0.2s ease-out both f-crossfadeIn;
z-index: 2;
}
.f-crossfadeOut {
animation: 0.1s linear 0.1s both f-crossfadeOut;
z-index: 1;
}
@keyframes f-crossfadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-crossfadeOut {
100% {
opacity: 0;
}
}
.f-slideIn.from-next {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}
.f-slideIn.from-prev {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}
.f-slideOut.to-next {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}
.f-slideOut.to-prev {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}
@keyframes f-slideInPrev {
0% {
transform: translateX(100%);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes f-slideInNext {
0% {
transform: translateX(-100%);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes f-slideOutNext {
100% {
transform: translateX(-100%);
}
}
@keyframes f-slideOutPrev {
100% {
transform: translateX(100%);
}
}
.f-classicIn.from-next {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
z-index: 2;
}
.f-classicIn.from-prev {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
z-index: 2;
}
.f-classicOut.to-next {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
z-index: 1;
}
.f-classicOut.to-prev {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
z-index: 1;
}
@keyframes f-classicInNext {
0% {
transform: translateX(-75px);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-classicInPrev {
0% {
transform: translateX(75px);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-classicOutNext {
100% {
transform: translateX(-75px);
opacity: 0;
}
}
@keyframes f-classicOutPrev {
100% {
transform: translateX(75px);
opacity: 0;
}
}
.f-carousel {
--f-carousel-theme-color: #706f6c;
--f-carousel-spacing: 0px;
--f-carousel-slide-width: 100%;
--f-carousel-slide-height: auto;
--f-carousel-slide-padding: 0;
--f-button-width: 42px;
--f-button-height: 42px;
--f-button-color: var(--f-carousel-theme-color, currentColor);
--f-button-hover-color: var(--f-carousel-theme-color, currentColor);
--f-button-bg: transparent;
--f-button-hover-bg: var(--f-button-bg);
--f-button-active-bg: var(--f-button-bg);
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-next-pos: 10px;
--f-button-prev-pos: 10px;
position: relative;
box-sizing: border-box;
}
.f-carousel *, .f-carousel *:before, .f-carousel *:after {
box-sizing: inherit;
}
.f-carousel.is-ltr {
direction: ltr;
}
.f-carousel.is-rtl {
direction: rtl;
}
.f-carousel__viewport {
overflow: hidden;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
width: 100%;
height: 100%;
}
.f-carousel__viewport.is-draggable {
cursor: move;
cursor: grab;
}
.f-carousel__viewport.is-dragging {
cursor: move;
cursor: grabbing;
}
.f-carousel__track {
display: flex;
margin: 0 auto;
padding: 0;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.f-carousel__slide {
position: relative;
flex: 0 0 auto;
width: var(--f-carousel-slide-width);
max-width: 100%;
height: var(--f-carousel-slide-height);
margin: 0 var(--f-carousel-spacing) 0 0;
padding: var(--f-carousel-slide-padding);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
outline: 0;
transform-origin: center center;
}
.f-carousel__slide.is-loading {
min-height: 88px;
min-width: 88px;
}
.f-carousel.is-vertical {
--f-carousel-slide-height: 100%;
}
.f-carousel.is-vertical .f-carousel__track {
flex-wrap: wrap;
}
.f-carousel.is-vertical .f-carousel__slide {
margin: 0 0 var(--f-carousel-spacing) 0;
}
:root {
--f-carousel-dots-width: 24px;
--f-carousel-dots-height: 30px;
--f-carousel-dot-width: 8px;
--f-carousel-dot-height: 8px;
--f-carousel-dot-radius: 50%;
--f-carousel-dot-color: var(--f-carousel-theme-color, currentColor);
--f-carousel-dot-opacity: 0.2;
--f-carousel-dot-hover-opacity: 0.4;
}
.f-carousel__dots {
position: absolute;
bottom: calc(var(--f-carousel-dots-height)*-1);
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0 auto !important;
padding: 0;
list-style: none !important;
user-select: none;
}
.f-carousel__dots li {
margin: 0;
padding: 0;
border: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: var(--f-carousel-dot-opacity);
transition: opacity 0.15s ease-in-out;
}
.f-carousel__dots li + li {
margin: 0;
}
.f-carousel__dots li:hover {
opacity: var(--f-carousel-dot-hover-opacity);
}
.f-carousel__dots li.is-current {
opacity: 1;
}
.f-carousel__dots li button {
appearance: none;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: var(--f-carousel-dots-width);
height: var(--f-carousel-dots-height);
border: 0;
background: rgba(0, 0, 0, 0);
cursor: pointer;
transition: all 0.2s linear;
}
.f-carousel__dot {
display: block;
margin: 0;
padding: 0;
border: 0;
width: var(--f-carousel-dot-width);
height: var(--f-carousel-dot-height);
border-radius: var(--f-carousel-dot-radius);
background-color: var(--f-carousel-dot-color);
line-height: 0;
font-size: 0;
cursor: pointer;
pointer-events: none;
}
.f-carousel__dots.is-dynamic li:not(.is-prev, .is-next, .is-current, .is-after-next, .is-before-prev) button {
transform: scale(0);
width: 0;
}
.f-carousel__dots.is-dynamic li.is-before-prev button, .f-carousel__dots.is-dynamic li.is-after-next button {
transform: scale(0.22);
}
.f-carousel__dots.is-dynamic li.is-prev button, .f-carousel__dots.is-dynamic li.is-next button {
transform: scale(0.66);
}
.f-carousel__dots.is-dynamic li.is-current button {
transform: scale(1);
}
.f-carousel__dots.is-dynamic li.is-before-prev button, .f-carousel__dots.is-dynamic li.is-after-next button {
transform: scale(0.33);
}
.f-carousel__dots.is-dynamic li.is-current:first-child {
margin-left: calc(var(--f-carousel-dots-width)*2);
}
.f-carousel__dots.is-dynamic li.is-prev:first-child {
margin-left: var(--f-carousel-dots-width);
}
.f-carousel__dots.is-dynamic li.is-next:last-child {
margin-right: var(--f-carousel-dots-width);
}
.f-carousel__dots.is-dynamic li.is-current:last-child {
margin-right: calc(var(--f-carousel-dots-width)*2);
}
.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:first-child {
margin-left: 0;
margin-right: var(--f-carousel-dots-width);
}
.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-prev:first-child {
margin-left: 0;
margin-right: var(--f-carousel-dots-width);
}
.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:last-child {
margin-left: 0;
margin-right: var(--f-carousel-dots-width);
}
.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-next:last-child {
margin-right: 0;
margin-left: var(--f-carousel-dots-width);
}
:root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-hover-bg: #e0e0e0;
--f-button-active-bg: #d0d0d0;
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-disabled-opacity: 0.65;
}
.f-button {
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
pointer-events: all;
cursor: pointer;
transition: var(--f-button-transition);
}
@media (hover: hover) {
.f-button:hover:not([disabled]) {
color: var(--f-button-hover-color);
background-color: var(--f-button-hover-bg);
}
}
.f-button:active:not([disabled]) {
background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
outline: none;
}
.f-button:focus-visible {
outline: none;
box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
fill: var(--f-button-svg-fill);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
transition: opacity 0.15s ease;
transform: var(--f-button-transform);
filter: var(--f-button-svg-filter);
pointer-events: none;
}
.f-button[disabled] {
cursor: default;
}
.f-button[disabled] svg {
opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
position: absolute;
z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
top: 50%;
transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
left: auto;
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
right: auto;
left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
top: auto;
left: 50%;
transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
transform: rotate(90deg);
}
:root {
--f-spinner-width: 36px;
--f-spinner-height: 36px;
--f-spinner-color-1: rgba(0, 0, 0, 0.1);
--f-spinner-color-2: rgba(17, 24, 28, 0.8);
--f-spinner-stroke: 2.75;
}
.f-spinner {
margin: auto;
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height);
}
.f-spinner svg {
width: 100%;
height: 100%;
vertical-align: top;
animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
stroke-width: var(--f-spinner-stroke);
fill: none;
}
.f-spinner svg *:first-child {
stroke: var(--f-spinner-color-1);
}
.f-spinner svg *:last-child {
stroke: var(--f-spinner-color-2);
animation: f-spinner-dash 2s ease-in-out infinite;
}
@keyframes f-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes f-spinner-dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
.f-zoomInUp {
animation: 0.2s ease-out 0.1s both f-zoomInUp;
}
.f-zoomOutDown {
animation: 0.2s ease-out both f-zoomOutDown;
}
@keyframes f-zoomInUp {
from {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0;
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0;
}
}
.f-throwOutUp {
animation: 0.175s ease-out both f-throwOutUp;
}
.f-throwOutDown {
animation: 0.175s ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0, -150px, 0);
opacity: 0;
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0, 150px, 0);
opacity: 0;
}
}
.f-fadeIn {
animation: 0.2s ease both f-fadeIn;
z-index: 2;
}
.f-fadeOut {
animation: 0.2s ease both f-fadeOut;
z-index: 1;
}
@keyframes f-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeOut {
100% {
opacity: 0;
}
}
.f-fadeSlowIn {
animation: 0.5s ease both f-fadeSlowIn;
z-index: 2;
}
.f-fadeSlowOut {
animation: 0.5s ease both f-fadeSlowOut;
z-index: 1;
}
@keyframes f-fadeSlowIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeSlowOut {
100% {
opacity: 0;
}
}
.f-fadeFastIn {
animation: 0.2s ease-out both f-fadeFastIn;
z-index: 2;
}
.f-fadeFastOut {
animation: 0.2s ease-out both f-fadeFastOut;
z-index: 2;
}
@keyframes f-fadeFastIn {
0% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeFastOut {
100% {
opacity: 0;
}
}
.f-crossfadeIn {
animation: 0.2s ease-out both f-crossfadeIn;
z-index: 2;
}
.f-crossfadeOut {
animation: 0.1s linear 0.1s both f-crossfadeOut;
z-index: 1;
}
@keyframes f-crossfadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-crossfadeOut {
100% {
opacity: 0;
}
}
.f-slideIn.from-next {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}
.f-slideIn.from-prev {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}
.f-slideOut.to-next {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}
.f-slideOut.to-prev {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}
@keyframes f-slideInPrev {
0% {
transform: translateX(100%);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes f-slideInNext {
0% {
transform: translateX(-100%);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes f-slideOutNext {
100% {
transform: translateX(-100%);
}
}
@keyframes f-slideOutPrev {
100% {
transform: translateX(100%);
}
}
.f-classicIn.from-next {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
z-index: 2;
}
.f-classicIn.from-prev {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
z-index: 2;
}
.f-classicOut.to-next {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
z-index: 1;
}
.f-classicOut.to-prev {
animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
z-index: 1;
}
@keyframes f-classicInNext {
0% {
transform: translateX(-75px);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-classicInPrev {
0% {
transform: translateX(75px);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-classicOutNext {
100% {
transform: translateX(-75px);
opacity: 0;
}
}
@keyframes f-classicOutPrev {
100% {
transform: translateX(75px);
opacity: 0;
}
}
:root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-hover-bg: #e0e0e0;
--f-button-active-bg: #d0d0d0;
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-disabled-opacity: 0.65;
}
.f-button {
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
pointer-events: all;
cursor: pointer;
transition: var(--f-button-transition);
}
@media (hover: hover) {
.f-button:hover:not([disabled]) {
color: var(--f-button-hover-color);
background-color: var(--f-button-hover-bg);
}
}
.f-button:active:not([disabled]) {
background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
outline: none;
}
.f-button:focus-visible {
outline: none;
box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
fill: var(--f-button-svg-fill);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
transition: opacity 0.15s ease;
transform: var(--f-button-transform);
filter: var(--f-button-svg-filter);
pointer-events: none;
}
.f-button[disabled] {
cursor: default;
}
.f-button[disabled] svg {
opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
position: absolute;
z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
top: 50%;
transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
left: auto;
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
right: auto;
left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
top: auto;
left: 50%;
transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
transform: rotate(90deg);
}
html.with-fancybox {
width: auto;
overflow: visible;
scroll-behavior: auto;
}
html.with-fancybox body {
touch-action: none;
}
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
overflow: hidden !important;
overscroll-behavior-y: none;
}
.fancybox__container {
--fancybox-color: #dbdbdb;
--fancybox-hover-color: #fff;
--fancybox-bg: rgba(24, 24, 27, 0.98);
--fancybox-slide-gap: 10px;
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-color-1: rgba(255, 255, 255, 0.1);
--f-spinner-color-2: #bbb;
--f-spinner-stroke: 3.65;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #f8f8f8;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow: visible;
z-index: 1050;
outline: none;
transform-origin: top left;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: none;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
overscroll-behavior-y: contain;
}
.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
box-sizing: inherit;
}
.fancybox__backdrop {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background: var(--fancybox-bg);
opacity: var(--fancybox-opacity, 1);
will-change: opacity;
}
.fancybox__carousel {
position: relative;
box-sizing: border-box;
flex: 1;
min-height: 0;
z-index: 10;
overflow-y: visible;
overflow-x: clip;
}
.fancybox__viewport {
width: 100%;
height: 100%;
}
.fancybox__track {
display: flex;
margin: 0 auto;
height: 100%;
}
.fancybox__slide {
flex: 0 0 auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
margin: 0 var(--fancybox-slide-gap) 0 0;
padding: 4px;
overflow: auto;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
padding-top: 40px;
}
.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
overflow: hidden;
}
.fancybox__slide.has-image {
overflow: hidden;
}
.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
overflow: visible;
}
.fancybox__slide::before, .fancybox__slide::after {
content: "";
flex: 0 0 0;
margin: auto;
}
.fancybox__content {
align-self: center;
display: flex;
flex-direction: column;
position: relative;
margin: 0;
padding: 2rem;
max-width: 100%;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
cursor: default;
border-radius: 0;
z-index: 20;
}
.is-loading .fancybox__content {
opacity: 0;
}
.is-draggable .fancybox__content {
cursor: move;
cursor: grab;
}
.can-zoom_in .fancybox__content {
cursor: zoom-in;
}
.can-zoom_out .fancybox__content {
cursor: zoom-out;
}
.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing;
}
.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
cursor: auto;
}
.fancybox__slide.has-image > .fancybox__content {
padding: 0;
background: rgba(0, 0, 0, 0);
min-height: 1px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
transition: none;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
}
.fancybox__slide.has-image > .fancybox__content > picture > img {
width: 100%;
height: auto;
max-height: 100%;
}
.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
visibility: hidden;
}
.is-animating .fancybox__content, .is-dragging .fancybox__content {
filter: blur(0px);
will-change: transform, width, height;
}
.fancybox-image {
margin: auto;
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
user-select: none;
}
.fancybox__caption {
align-self: center;
max-width: 100%;
flex-shrink: 0;
margin: 0;
padding: 14px 0 4px 0;
overflow-wrap: anywhere;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
opacity: var(--fancybox-opacity, 1);
cursor: auto;
visibility: visible;
}
.is-loading .fancybox__caption, .is-closing .fancybox__caption {
opacity: 0;
visibility: hidden;
}
.is-compact .fancybox__caption {
padding-bottom: 0;
}
.f-button.is-close-btn {
--f-button-svg-stroke-width: 2;
position: absolute;
top: 0;
right: 8px;
z-index: 40;
}
.fancybox__content > .f-button.is-close-btn {
--f-button-width: 34px;
--f-button-height: 34px;
--f-button-border-radius: 4px;
--f-button-color: var(--fancybox-color, #fff);
--f-button-hover-color: var(--fancybox-color, #fff);
--f-button-bg: transparent;
--f-button-hover-bg: transparent;
--f-button-active-bg: transparent;
--f-button-svg-width: 22px;
--f-button-svg-height: 22px;
position: absolute;
top: -38px;
right: 0;
opacity: 0.75;
}
.is-loading .fancybox__content > .f-button.is-close-btn {
visibility: hidden;
}
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
visibility: hidden;
}
.fancybox__content > .f-button.is-close-btn:hover {
opacity: 1;
}
.fancybox__footer {
padding: 0;
margin: 0;
position: relative;
}
.fancybox__footer .fancybox__caption {
width: 100%;
padding: 24px;
opacity: var(--fancybox-opacity, 1);
transition: all 0.25s ease;
}
.is-compact .fancybox__footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 20;
background: rgba(24, 24, 27, 0.5);
}
.is-compact .fancybox__footer .fancybox__caption {
padding: 12px;
}
.is-compact .fancybox__content > .f-button.is-close-btn {
--f-button-border-radius: 50%;
--f-button-color: #fff;
--f-button-hover-color: #fff;
--f-button-outline-color: #000;
--f-button-bg: rgba(0, 0, 0, 0.6);
--f-button-active-bg: rgba(0, 0, 0, 0.6);
--f-button-hover-bg: rgba(0, 0, 0, 0.6);
--f-button-svg-width: 18px;
--f-button-svg-height: 18px;
--f-button-svg-filter: none;
top: 5px;
right: 5px;
}
.fancybox__nav {
--f-button-width: 50px;
--f-button-height: 50px;
--f-button-border: 0;
--f-button-border-radius: 50%;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: transparent;
--f-button-hover-bg: rgba(24, 24, 27, 0.3);
--f-button-active-bg: rgba(24, 24, 27, 0.5);
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 26px;
--f-button-svg-height: 26px;
--f-button-svg-stroke-width: 2.5;
--f-button-svg-fill: none;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
--f-button-svg-disabled-opacity: 0.65;
--f-button-next-pos: 1rem;
--f-button-prev-pos: 1rem;
opacity: var(--fancybox-opacity, 1);
}
.fancybox__nav .f-button:before {
position: absolute;
content: "";
top: -30px;
right: -20px;
left: -20px;
bottom: -30px;
z-index: 1;
}
.is-idle .fancybox__nav {
animation: 0.15s ease-out both f-fadeOut;
}
.is-idle.is-compact .fancybox__footer {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__slide > .f-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
z-index: 30;
cursor: pointer;
}
.fancybox-protected {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 40;
user-select: none;
}
.fancybox-ghost {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
z-index: 40;
user-select: none;
pointer-events: none;
}
.fancybox-focus-guard {
outline: none;
opacity: 0;
position: fixed;
pointer-events: none;
}
.fancybox__container:not([aria-hidden]) {
opacity: 0;
}
.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
animation: 0.25s ease 0.1s backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
animation: 0.35s ease backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
animation: 0.15s ease forwards f-fadeOut;
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
animation: 0.35s ease forwards f-fadeOut;
}
.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
max-width: 100%;
flex-shrink: 1;
min-height: 1px;
overflow: visible;
}
.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
width: 100%;
height: 100%;
}
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
width: calc(100% - 120px);
height: 90%;
}
.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%;
}
.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, 0.9);
color: #fff;
}
.has-map .fancybox__content {
background: #e5e3df;
}
.fancybox__html5video, .fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0);
}
.fancybox-placeholder {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.f-carousel__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-outline: 0;
--f-thumb-outline-color: #5eb0ef;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1;
--f-thumb-border-radius: 2px;
--f-thumb-offset: 0px;
--f-button-next-pos: 0;
--f-button-prev-pos: 0;
}
.f-carousel__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1;
}
.f-carousel__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 20px;
--f-thumb-clip-width: 46px;
}
.f-thumbs {
position: relative;
flex: 0 0 auto;
margin: 0;
overflow: hidden;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
perspective: 1000px;
transform: translateZ(0);
}
.f-thumbs .f-spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 2px;
background-image: linear-gradient(#ebeff2, #e2e8f0);
z-index: -1;
}
.f-thumbs .f-spinner svg {
display: none;
}
.f-thumbs.is-vertical {
height: 100%;
}
.f-thumbs__viewport {
width: 100%;
height: auto;
overflow: hidden;
}
.f-thumbs__track {
display: flex;
will-change: transform;
}
.f-thumbs__slide {
position: relative;
flex: 0 0 auto;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: var(--f-thumb-width);
min-width: var(--f-thumb-width);
height: var(--f-thumb-height);
overflow: visible;
cursor: pointer;
}
.f-thumbs__slide.is-loading img {
opacity: 0;
}
.is-classic .f-thumbs__viewport {
height: 100%;
}
.is-modern .f-thumbs__track {
width: max-content;
}
.is-modern .f-thumbs__track::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--left, 0)*1px);
width: calc(100% - var(--width, 0)*1px);
cursor: pointer;
}
.is-modern .f-thumbs__slide {
--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
transition: none;
pointer-events: none;
}
.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}
.is-modern .f-thumbs__slide > * {
clip-path: var(--clip-path);
}
.is-modern.in-touch .f-thumbs__slide {
filter: none;
}
.is-modern.is-resting .f-thumbs__slide {
transition: all 0.33s ease;
}
.is-modern.is-resting .f-thumbs__slide > * {
transition: all 0.33s ease;
}
.f-thumbs__slide__button {
appearance: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
position: relative;
border-radius: var(--f-thumb-border-radius);
overflow: hidden;
background: rgba(0, 0, 0, 0);
outline: none;
cursor: pointer;
pointer-events: auto;
touch-action: manipulation;
opacity: var(--f-thumb-opacity);
transition: opacity 0.2s ease;
}
.f-thumbs__slide__button:hover {
opacity: var(--f-thumb-hover-opacity);
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
outline: none;
}
.f-thumbs__slide__button:focus-visible {
outline: none;
opacity: var(--f-thumb-selected-opacity);
}
.is-nav-selected .f-thumbs__slide__button {
opacity: var(--f-thumb-selected-opacity);
}
.is-nav-selected .f-thumbs__slide__button::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: auto;
bottom: 0;
border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
border-radius: var(--f-thumb-border-radius);
animation: f-fadeIn 0.2s ease-out;
z-index: 10;
}
.f-thumbs__slide__img {
position: absolute;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding: var(--f-thumb-offset);
box-sizing: border-box;
pointer-events: none;
object-fit: cover;
}
.f-thumbs.is-horizontal .f-thumbs__track {
margin: 0 auto;
padding: 8px 0 12px 0;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
margin: 0 var(--f-thumb-gap) 0 0;
}
.f-thumbs.is-vertical .f-thumbs__track {
flex-wrap: wrap;
margin: auto 0;
padding: 0 8px;
}
.f-thumbs.is-vertical .f-thumbs__slide {
margin: 0 0 var(--f-thumb-gap) 0;
}
.fancybox__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-border-radius: 2px;
--f-thumb-outline: 2px;
--f-thumb-outline-color: #ededed;
position: relative;
opacity: var(--fancybox-opacity, 1);
transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.fancybox__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-classic .f-spinner {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}
.fancybox__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 20px;
--f-thumb-clip-width: 46px;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-modern .f-spinner {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}
.fancybox__thumbs.is-horizontal {
padding: 0 var(--f-thumb-gap);
}
.fancybox__thumbs.is-vertical {
padding: var(--f-thumb-gap) 0;
}
.is-compact .fancybox__thumbs {
--f-thumb-width: 64px;
--f-thumb-clip-width: 32px;
--f-thumb-height: 48px;
--f-thumb-extra-gap: 10px;
}
.fancybox__thumbs.is-hidden {
max-height: 0px !important;
}
.is-closing .fancybox__thumbs {
transition: none !important;
}
.fancybox__toolbar {
--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
--f-button-width: 46px;
--f-button-height: 46px;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: rgba(24, 24, 27, 0.65);
--f-button-hover-bg: rgba(70, 70, 73, 0.65);
--f-button-active-bg: rgba(90, 90, 93, 0.65);
--f-button-border-radius: 0;
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
--f-button-svg-fill: none;
--f-button-svg-disabled-opacity: 0.65;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
color: var(--fancybox-color, currentColor);
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
pointer-events: none;
z-index: 20;
}
.fancybox__toolbar :focus-visible {
z-index: 1;
}
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.is-idle .fancybox__toolbar {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__toolbar__column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
}
.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
flex-grow: 1;
flex-basis: 0;
}
.fancybox__toolbar__column.is-right {
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
}
.fancybox__infobar {
padding: 0 5px;
line-height: var(--f-button-height);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
cursor: default;
user-select: none;
}
.fancybox__infobar span {
padding: 0 5px;
}
.fancybox__infobar:not(:first-child):not(:last-child) {
background: var(--f-button-bg);
}
[data-fancybox-toggle-slideshow] {
position: relative;
}
[data-fancybox-toggle-slideshow] .f-progress {
height: 100%;
opacity: 0.3;
}
[data-fancybox-toggle-slideshow] svg g:first-child {
display: flex;
}
[data-fancybox-toggle-slideshow] svg g:last-child {
display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
display: flex;
}
.f-progress {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
z-index: 30;
user-select: none;
pointer-events: none;
}
.nws-accordion-link {
width: 100%;
background: transparent;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
color: #212529;
cursor: pointer;
}
.nws-accordion-link .plus-button {
display: none;
}
.nws-accordion-link h4 {
margin: 0;
}
.nws-accordion-link.active svg {
transition: transform 0.3s;
transform: rotate(180deg);
}
.nws-accordion-link svg {
display: block;
max-width: 20px;
transition: transform 0.3s;
}
.nws-accordion-link svg line {
stroke: #000;
stroke-width: 1px;
}
.block-accordion-content .nws-accordion-link {
justify-content: flex-start;
}
.nws-accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.nws-accordion-content h1, .nws-accordion-content h2, .nws-accordion-content h3, .nws-accordion-content h4, .nws-accordion-content h5, .nws-accordion-content h6 {
margin: 0 0 1rem 0;
}
.nws-accordion-content .nws-inner {
padding: 1rem 0;
display: block;
}
.nws-accordion {
border-bottom: 1px solid #5F646A;
padding: 1rem 0;
}
.container-accordion-tabs {
max-width: 85rem;
margin: 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.container-accordion-tabs .nws-accordion-tabs button {
max-width: calc(100% - 24px);
}
.container-accordion-tabs button {
font-size: 1rem;
text-align: left;
color: #5F646A;
border-bottom: 1px solid #5F646A;
padding-top: 1rem;
padding-bottom: 1rem;
margin-bottom: 0;
}
.container-accordion-tabs button > * {
margin: 0;
}
.container-accordion-tabs button h3 {
min-width: 2em;
text-align: center;
color: #212529;
}
.container-accordion-tabs button.active {
color: #212529;
border-color: #212529;
border-bottom-width: 2px;
}
.container-accordion-tabs .nws-inner {
padding: 0;
}
.container-accordion-tabs .nws-accordion-content {
transition: unset;
}
@media screen and (max-width: 639px) {
.container-accordion-tabs .nws-accordion-content {
transition: max-height 0.2s ease-out;
}
}
@media screen and (max-width: 639px) {
.nws-accordion-link h4 {
text-align: left;
font-size: 24px;
}
}
.is-tab-container .grid-container {
padding: 0;
}
.nws-tabs-pane {
list-style: none;
margin: 0;
padding: var(--padding80) 0;
}
.nws-tabs-pane.is-contact-page {
padding-bottom: 2.5rem;
}
.nws-tabs-pane > li {
padding: 0;
}
.nws-tabs-pane .open-pane-button {
display: none;
}
.nws-tabs-pane .dropdown {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.nws-tabs-pane .dropdown li > * {
padding: 1em;
color: #5F646A;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.nws-tabs-pane .dropdown li.active > * {
color: #212529;
border-color: #212529;
}
.nws-tabs-content {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.is-tab-container > div > div.grid-container > .grid-section {
padding-top: 0;
}
@media screen and (max-width: 639px) {
ul.nws-tabs-pane:not(.no-select) li {
padding: 0;
position: relative;
}
ul.nws-tabs-pane:not(.no-select) .open-pane-button {
display: block;
width: 100%;
font-family: "ES Klarheit Grotesk";
color: #212529;
padding: 0.4rem 0.9rem;
font-size: 1rem;
border-bottom: 1px solid black;
display: flex;
align-items: center;
justify-content: space-between;
background: transparent;
cursor: pointer;
}
ul.nws-tabs-pane:not(.no-select) .open-pane-button .name {
color: #5F646A;
}
ul.nws-tabs-pane:not(.no-select) .open-pane-button .icon {
stroke-width: 1px;
display: block;
}
ul.nws-tabs-pane:not(.no-select) ul.dropdown {
background: #fff;
display: none;
padding: 0.6rem 1rem;
position: absolute;
width: 100%;
top: 100%;
left: 0;
z-index: 2;
}
ul.nws-tabs-pane:not(.no-select) ul.dropdown a {
padding: 0;
}
ul.nws-tabs-pane:not(.no-select) ul.dropdown li {
padding: 0.4rem 0;
}
ul.nws-tabs-pane:not(.no-select) .is-open button.open-pane-button {
background: rgba(255, 255, 255, 0.4);
}
ul.nws-tabs-pane:not(.no-select) .is-open ul.dropdown {
display: block;
}
.nws-tabs-pane.no-select {
padding-bottom: 1rem;
}
.nws-tabs-pane.no-select .dropdown li {
margin-right: 1rem;
}
.nws-tabs-pane.no-select .dropdown li a {
padding-left: 0;
padding-right: 0;
}
.is-tab-container .section-grid > .grid-container > .grid-section > .cell {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
body.admin-bar header.header {
top: 32px;
}
header.header {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3;
}
:root {
--swiper-navigation-size: 21px;
}
body .swiper-button-next, body .swiper-button-prev {
display: block;
width: 20px;
height: 20px;
color: #212529;
}
body .container-swiper-navigation.is-flex {
display: flex;
position: relative;
justify-content: end;
gap: 1rem;
}
body .container-swiper-navigation.is-flex .swiper-button-next, body .container-swiper-navigation.is-flex .swiper-button-prev {
position: static;
margin: 0;
}
body .container-swiper-navigation.navigation-bottom {
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
margin-top: 1rem;
}
body .container-swiper-navigation.navigation-bottom .swiper-pagination.swiper-pagination-bullets {
position: static;
display: flex;
width: auto;
}
body .container-swiper-navigation.navigation-bottom .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
box-sizing: border-box;
background: black;
opacity: 0.4;
width: 24px;
height: 3px;
border-radius: 0;
transition: all 0.3s;
position: relative;
}
body .container-swiper-navigation.navigation-bottom .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
transition: all 0.3s;
opacity: 1;
}
body .container-swiper-navigation.navigation-bottom .swiper-button-next, body .container-swiper-navigation.navigation-bottom .swiper-button-prev {
position: relative;
color: black;
margin: 0;
left: 0;
top: 0;
font-weight: bold;
margin: 0px 5px;
height: auto;
font-weight: 400;
}
body .container-swiper-navigation.navigation-bottom.white .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
background: #fff;
}
body .container-swiper-navigation.navigation-bottom.white .swiper-button-next, body .container-swiper-navigation.navigation-bottom.white .swiper-button-prev {
color: white;
}
body.header-menu-white .container-hero .swiper-button-prev,
body.header-menu-white .container-hero .swiper-button-next {
color: white;
}
body.header-menu-white .container-hero .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
background: #fff;
}
body.header-menu-white .container-hero .hero-carousel.swiper .grid-container {
color: #fff;
}
body.header-menu-white .container-hero .hero-carousel.swiper .grid-container a {
color: white;
border-color: white;
background: transparent;
}
body.header-menu-white .container-hero .hero-carousel.swiper .grid-container a:hover:after {
background: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 1024px) {
.inner-mainmenu {
display: flex;
align-items: center;
flex-flow: wrap row;
}
#mainmenu ul.menu {
display: flex;
flex-flow: row wrap;
}
#mainmenu ul.menu > li > ul {
display: none;
}
#mainmenu ul.menu a:not(.button) {
font-weight: 450;
font-size: 1rem;
font-style: normal;
line-height: 1.5;
padding: 0.679em 1em;
display: block;
}
#mainmenu .menu.buttons li {
margin-left: 1rem;
position: relative;
}
#mainmenu .menu.buttons > li:hover > ul {
display: block;
}
#mainmenu .menu.buttons > li > ul {
display: none;
list-style: none;
padding: 5px 10px;
margin: 0;
position: absolute;
top: 100%;
background: #fff;
min-width: 163px;
}
#mainmenu .menu.buttons > li > ul li {
margin: 0;
padding: 3px 0;
}
#mainmenu .menu.buttons > li > ul li a {
padding: 0;
display: block;
font-size: 15px;
}
#mainmenu .menu-top-menu {
flex: 1 0 0;
}
#mainmenu .menu-top-menu > ul .arr {
display: none;
}
#mainmenu .menu-top-menu > ul > li > a:after {
transition: all 0.3s;
content: "";
height: 1px;
display: block;
width: 0%;
background: #212529;
margin-top: 5px;
margin-bottom: -6px;
}
#mainmenu .menu-top-menu > ul > li:hover > a:after {
width: 100%;
transition: all 0.3s;
}
#mainmenu .menu-top-menu > ul a:not(.button) {
color: #212529;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children {
display: flex;
align-items: center;
position: relative;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > a {
padding-right: 0;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children a > .arr {
display: inline-block;
transform: translate(0px, -2px);
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children a > .arr svg {
display: block;
font-size: 1.2em;
margin-left: 0.5em;
margin-right: 0.5em;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children ul {
list-style: none;
padding: 0;
margin: 0;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children:hover > .sub-menu {
display: flex;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children.menu-item-1502 > ul.sub-menu {
min-width: 619px;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
padding: 2rem 1rem;
background: #212529;
min-width: 915px;
max-width: 100%;
flex-flow: row wrap;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu a:not(.button) {
color: #fff;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu .button {
white-space: nowrap;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu a {
padding: 0;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu > li {
padding: 0 1rem;
display: block;
width: 100%;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu > li.large > a {
font-size: 1.1em;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu > li.yellow > a {
color: #fef2d2;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu > li:not(.parent-link) > a {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu > li:not(.parent-link) > a:hover {
text-decoration: underline;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu .menu-item-has-children {
flex: 0 0 100%;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu .menu-item-has-children > ul { margin: 2rem 0;
column-count: 3;
column-gap: 1rem;
column-span: all;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu .menu-item-has-children > ul > li {
padding: 0.5rem 0;
word-wrap: break-word;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children > ul.sub-menu .menu-item-has-children > ul a {
text-transform: none;
font-weight: 200;
color: #C7C7C7;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children .parent-link {
flex: 0 0 100%;
display: flex;
align-items: center;
margin-bottom: 2.5rem;
flex-flow: row wrap;
justify-content: space-between;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children .parent-link a.link {
text-transform: none;
font-weight: 200;
font-size: 2rem;
letter-spacing: normal;
padding: 0;
}
#mainmenu .menu-top-menu > ul > .menu-item-has-children .parent-link a.button {
text-transform: uppercase;
padding: 0.5em 0.5em;
margin-left: 2rem;
display: block;
font-size: 0.875rem;
letter-spacing: 0.1em;
}
}
body.header-menu-white .hamburger span {
background-color: #fff;
}
@media screen and (min-width: 1024px) {
body.header-menu-white #mainmenu .menu-top-menu > ul a:not(.button) {
color: #fff;
}
body.header-menu-white #mainmenu .menu-top-menu > ul a:after {
background: #fff;
}
body.header-menu-white .inner-mainmenu .menu.buttons { }
}
svg:not(:root) {
overflow: hidden;
}
.icon {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.icon.icon-stroke {
stroke-width: 1px;
}
ul.menu.buttons a.button {
font-size: 16px;
}
.container-homelink {
display: flex;
flex-flow: row wrap;
align-items: center;
}
a.homelink {
text-decoration: none;
margin-right: 10px;
display: block;
}
a.homelink img {
display: block;
max-width: 121px;
}
#offcanvas-close.is-active ~ .header {
top: -150px;
transition: all 0.3s;
z-index: 110;
} button.menu-toggle-mob {
padding: 0;
background: transparent;
}
.hamburger {
height: 18px;
width: 28px;
position: relative;
padding: 0;
}
.hamburger span {
display: block;
height: 1px;
background: black;
position: absolute;
left: 0;
width: 100%;
top: 0;
}
.hamburger span:nth-child(2) {
top: calc(50% - 1px);
}
.hamburger span:nth-child(3) {
top: calc(100% - 1px);
}
a.close-canvas-button {
padding: 11px;
display: block;
background: #fff;
width: 36px;
height: 36px;
box-sizing: border-box;
}
a.close-canvas-button svg {
display: block;
width: 100%;
height: 100%;
}
a.close-canvas-button line {
stroke: black;
stroke-width: 2px;
}
.woocommerce-breadcrumb {
margin-bottom: 5rem;
font-size: 14px;
line-height: 1;
display: flex;
flex-flow: row nowrap;
align-items: center;
width: 100%;
overflow: hidden;
padding-bottom: 1px;
padding-top: 1px;
}
.woocommerce-breadcrumb .home-breadcrumb {
display: none;
flex: 0 0 59px;
}
.woocommerce-breadcrumb .home-breadcrumb a {
display: flex;
align-items: center;
}
.woocommerce-breadcrumb .home-breadcrumb + .sep {
display: none;
}
.woocommerce-breadcrumb span {
white-space: nowrap;
display: block;
}
.woocommerce-breadcrumb img {
margin-right: 5px;
}
.woocommerce-breadcrumb span, .woocommerce-breadcrumb a, .woocommerce-breadcrumb img {
display: block;
}
.woocommerce-breadcrumb span.sep:after {
content: "/";
padding: 0 0.3em;
}
.woocommerce-breadcrumb a {
color: #212529;
text-decoration: none;
}
.woocommerce-breadcrumb a:hover {
text-decoration: none;
}
@media screen and (max-width: 1023px) {
body.is-open-drilldown #mainmenu {
height: 1000px;
transition: height 0.3s;
}
#menu-top-menu > .menu-item-has-children sub {
display: none;
}
#menu-top-menu > .menu-item-has-children .parent-link > a,
#menu-top-menu > .menu-item-has-children > a {
position: relative;
}
#menu-top-menu > .menu-item-has-children .parent-link > a:before, #menu-top-menu > .menu-item-has-children .parent-link > a:after,
#menu-top-menu > .menu-item-has-children > a:before,
#menu-top-menu > .menu-item-has-children > a:after {
background: url(//www.haberl.sk/wp-content/themes/haberl/images/icon-arrow-right-white.svg) center center no-repeat;
content: "";
width: 18px;
height: 11px;
display: block;
background-size: contain;
left: 100%;
position: absolute;
top: 50%;
margin-top: -6px;
margin-left: 8px;
}
#menu-top-menu > .menu-item-has-children .parent-link > a:before,
#menu-top-menu > .menu-item-has-children > a:before {
transform: rotate(180deg);
display: none;
left: -30px;
}
#menu-top-menu > .menu-item-has-children .parent-link a {
text-transform: uppercase;
}
#menu-top-menu > .menu-item-has-children .parent-link > a.link:not(.buttom):before, #menu-top-menu > .menu-item-has-children .parent-link > a.link:not(.buttom):after {
display: block;
transform: rotate(180deg);
}
#mainmenu {
position: absolute;
max-width: calc(100% - 2rem);
width: calc(100% - 2rem);
top: 100%;
left: 1rem;
color: #fff;
text-align: center;
height: 0;
overflow-x: hidden;
transition: height 0.3s;
}
#mainmenu .menu.buttons {
margin-top: 2rem;
}
#mainmenu .inner-mainmenu {
display: block;
position: relative;
padding: 2rem;
background: #1D1D1B;
}
#mainmenu a {
color: #fff;
}
#mainmenu .parent-link a.button {
color: #fff;
display: block;
margin: 1.5rem 0 1rem 0;
}
#mainmenu .parent-link a.button:after {
opacity: 1;
margin-left: -28px;
}
#mainmenu .parent-link a.button:hover {
color: #212529;
}
#mainmenu ul {
padding: 0;
margin: 0;
list-style: none;
}
#mainmenu .arr svg {
display: none;
}
#mainmenu ul#menu-top-menu {
width: 100%;
}
#mainmenu ul#menu-top-menu > li {
padding: 0;
}
#mainmenu ul#menu-top-menu > li > a {
text-transform: uppercase;
padding: 12px 0;
}
#mainmenu ul#menu-top-menu > li.current-menu-ancestor > ul, #mainmenu ul#menu-top-menu > li.current-menu-item > ul {
transition: all 0.3s;
transform: translateX(0%);
opacity: 1;
z-index: 2;
}
#mainmenu ul#menu-top-menu > li .parent-link .button {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
#mainmenu ul#menu-top-menu > li > ul {
transition: all 0.3s;
opacity: 1;
width: 100%;
transform: translateX(100%);
background: #1d1d1b;
top: 0;
left: 0;
position: absolute;
min-height: 100%;
z-index: 0;
padding: 2rem;
font-size: 14px;
}
#mainmenu ul#menu-top-menu > li > ul > li {
display: block;
padding: 0;
}
#mainmenu ul#menu-top-menu > li > ul > li > a {
text-transform: uppercase;
padding: 0.8rem 0;
}
#mainmenu ul#menu-top-menu > li > ul > li > ul li {
padding: 0;
}
#mainmenu ul#menu-top-menu > li > ul > li > ul a {
color: #C7C7C7;
padding: 8px 0;
}
#mainmenu .menu.buttons .button:not(.hollow) {
background: #fff;
color: #1D1D1B;
}
#mainmenu .menu.buttons ul a {
border: 1px solid #ddd;
padding: 9px 16px;
font-weight: 450;
}
#mainmenu .menu.buttons .button.hollow {
border-color: #fff;
}
}
@media screen and (max-width: 639px) {
a.homelink {
margin-right: 0;
}
header.header {
padding-top: 1rem;
padding-bottom: 1rem;
}
#mainmenu .parent-link a.button {
padding: 0.5rem 1.4rem;
line-height: 1.3;
}
.container-breadcrumb {
margin-bottom: 40px;
}
}
.history-carousel .container-swiper-navigation.is-flex {
padding: 0 1rem;
}
.history-carousel .grid-container {
max-width: 100%;
padding: 0;
}
.history-carousel .parallax-bg {
position: absolute;
left: 0;
top: 0;
width: 150%;
height: 100%;
background-position: left bottom;
background-repeat: no-repeat;
}
.history-carousel .swiper-wrapper {
align-items: end;
}
.history-carousel .swiper-slide {
padding: 0rem 2rem 8rem 2rem;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 0 0 1px;
}
.history-carousel .swiper-slide > * {
margin-bottom: 0;
}
.history-carousel .swiper-slide h2, .history-carousel .swiper-slide h1, .history-carousel .swiper-slide h3, .history-carousel .swiper-slide h4, .history-carousel .swiper-slide h5, .history-carousel .swiper-slide h6 {
margin: 0;
font-weight: 450;
}
.history-carousel .swiper-slide p {
margin-top: 0;
}
.history-carousel .swiper-slide.nth-1 {
padding-bottom: 16rem;
}
.history-carousel .swiper-slide.nth-2 {
padding-bottom: 10.4rem;
}
.history-carousel .swiper-slide.nth-3 {
padding-bottom: 12.8rem;
}
.line-title .acf-innerblocks-container .is-sub-title {
color: #1D1D1B;
display: flex;
align-items: center;
gap: 1em;
font-size: 1rem;
font-weight: 450;
}
.line-title .acf-innerblocks-container .is-sub-title:before {
content: "";
background-image: url(//www.haberl.sk/wp-content/themes/haberl/images/title-line-yellow.svg);
width: 64px;
height: 24px;
display: block;
}
.line-title .acf-innerblocks-container .wp-block-heading {
color: #1D1D1B;
}
body > .line-title {
max-width: 85rem;
margin: 0 auto;
padding-left: 1rem;
padding-right: 1rem;
}
span.tooltip {
display: inline-block;
position: relative;
margin: 0 4px;
}
span.tooltip img {
display: block;
margin-bottom: -3px;
}
span.tooltip:hover span.tooltip-desc {
display: block;
}
.tooltip-desc {
display: none;
position: absolute;
top: 100%;
font-size: 13px;
color: #212529;
background: #fff;
font-family: arial;
z-index: 2;
letter-spacing: 0;
line-height: 1.6;
padding: 13px;
border-radius: 3px;
width: 232px;
left: 50%;
transform: translateX(-50%);
margin-top: 10px;
box-shadow: 0 1px 42px 3px rgba(0, 0, 0, 0.28);
}
.tooltip-desc:after {
content: "";
position: absolute;
top: -7px;
left: 50%;
border: 10px solid;
border-color: white transparent;
border-width: 0 10px 10px 10px;
transform: translateX(-50%);
}
.has-white-color a {
color: #fff;
}
.has-yellow-color a {
color: #FFF2D2;
}
.has-gray-color a {
color: #C7C7C7;
}
.has-dark-color a {
color: #1D1D1B;
}
.hero__content .my-cover-banner.grid-container {
flex: 0 0 100%;
margin: 1rem 0;
}
.hero__content .my-cover-banner.grid-container .acf-innerblocks-container {
width: 100%;
}
.my-cover-banner.grid-container {
margin-top: var(--padding40);
margin-bottom: var(--padding40);
}
.my-cover-banner.grid-container .wp-block-cover {
position: relative;
margin: 0 auto;
padding-top: 30%;
background: #ddd;
border-radius: 3px;
overflow: hidden;
}
.my-cover-banner.grid-container .wp-block-cover .image-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.my-cover-banner.grid-container .wp-block-cover img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
outline: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.my-cover-banner.grid-container .wp-block-cover__inner-container {
position: absolute;
top: 50%;
z-index: 2;
left: 50%;
color: #000;
transform: translate(-50%, -50%);
}
.my-cover-banner.grid-container span.wp-block-cover__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: black;
opacity: 0;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-10 {
opacity: calc(10 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #000;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-20 {
opacity: calc(20 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #000;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-30 {
opacity: calc(30 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #000;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-40 {
opacity: calc(40 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #000;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-50 {
opacity: calc(50 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #fff;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-60 {
opacity: calc(60 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #fff;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-70 {
opacity: calc(70 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #fff;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-80 {
opacity: calc(80 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #fff;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-90 {
opacity: calc(90 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #fff;
}
.my-cover-banner.grid-container .wp-block-cover__background.has-background-dim-100 {
opacity: calc(100 / 100);
}
.my-cover-banner.grid-container ~ .wp-block-cover__inner-container {
color: #fff;
}
figure.wp-block-table {
margin: 0;
}
table.has-fixed-layout {
table-layout: fixed;
}
table.has-border-color {
width: 100%;
border-collapse: collapse;
border-color: #212529;
border-style: solid;
border-width: 1px;
}
table.has-border-color > * {
border-style: inherit;
border-width: inherit;
}
table.has-border-color tr {
border-style: inherit;
border-width: inherit;
}
table.has-border-color.has-yellow-border-color {
border-color: #FFF2D2;
}
table.has-border-color.has-gray-border-color {
border-color: #C7C7C7;
}
table.has-border-color td, table.has-border-color th {
border: 1px solid;
padding: 0.2em 0.8em;
border-style: inherit;
border-width: inherit; }
.article-content figure.wp-block-table {
overflow-x: auto;
padding-bottom: 5px;
}
.article-content figure.wp-block-table .has-text-align-left {
text-align: left;
}
.article-content figure.wp-block-table .has-text-align-center {
text-align: center;
}
.article-content figure.wp-block-table .has-text-align-right {
text-align: right;
}
.article-content figure.wp-block-table table {
font-size: 0.9em;
width: 100%;
border-collapse: collapse;
}
.article-content figure.wp-block-table td, .article-content figure.wp-block-table th {
border: 1px solid #222;
padding: 7px 0.9rem;
}
.article-content figure.wp-block-table table thead th {
padding: 0.9em 0.9rem;
font-weight: 800;
font-size: 1.1em;
}
figure.wp-block-image.aligncenter {
text-align: center;
}
.wp-block-image {
margin-left: 0;
margin-right: 0;
}
.wp-block-image img {
max-width: 100%;
max-height: 100%;
height: auto;
display: block;
}
.is-layout-flex {
display: flex;
overflow-wrap: break-word;
gap: 2em;
}
.is-layout-flex:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
flex-grow: 0;
}
.wp-block-buttons.is-layout-flex {
gap: 1.5rem;
}
.wp-block-buttons.is-layout-flex.is-content-justification-center {
justify-content: center;
}
.wp-block-column {
flex-basis: 0;
flex-grow: 1;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word;
}
pre.wp-block-verse {
overflow-wrap: break-word;
font-size: 12px;
line-height: 1.2;
min-width: 1px;
white-space: normal;
font-style: normal;
font-weight: 450;
font-size: 12px;
line-height: 150%;
}
ul {
margin: 0;
padding: 0;
padding-left: 1.2em;
}
ul li {
padding-top: 0.6em;
padding-bottom: 0.6em;
}
.wp-block-button__width-100 {
width: 25%;
}
.wp-block-button__width-100 > * {
width: 25%;
}
.wp-block-button__width-100 {
width: 50%;
}
.wp-block-button__width-100 > * {
width: 50%;
}
.wp-block-button__width-100 {
width: 75%;
}
.wp-block-button__width-100 > * {
width: 75%;
}
.wp-block-button__width-100 {
width: 100%;
}
.wp-block-button__width-100 > * {
width: 100%;
}
a {
color: #212529;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.is-style-mute {
color: #5F646A;
}
figure {
margin-top: 0;
}
body .wp-block-gallery {
flex-flow: row wrap;
margin: 0;
}
body .wp-block-gallery.is-style-grayscale .wp-block-image img {
filter: grayscale(1);
}
body .wp-block-gallery .wp-block-image {
margin: 0;
flex: 0 0 100%;
}
body .wp-block-gallery img {
display: block;
width: 100%;
}
body .wp-block-gallery.columns-2 {
gap: 1rem;
}
body .wp-block-gallery.columns-2 .wp-block-image {
flex: 0 0 calc(50% - 0.5rem);
}
body .wp-block-gallery.columns-3 .wp-block-image {
flex: 0 0 33.333%;
}
.grid-section .inner-column {
min-height: 100%;
}
.section-grid { }
.section-grid .column-wrap > .wp-block-heading:not(.is-style-full-margin):first-child {
margin-top: 0;
}
.section-grid.full.yellow:not(.box) {
background: #FFF2D2;
}
.section-grid.full.black:not(.box) {
background: #1D1D1B;
color: #C7C7C7;
}
.section-grid.yellow .grid-x.grid-section {
background: #FFF2D2;
}
.section-grid.black .grid-x.grid-section {
background: #1D1D1B;
color: #fff;
}
.section-grid.align-center > .grid-container > .grid-x {
justify-content: center;
}
.section-grid.small-padding > .grid-container > .grid-section {
padding-top: var(--padding120);
padding-bottom: var(--padding120);
}
.section-grid > .grid-container > .grid-section {
margin-left: -1rem;
justify-content: space-between;
margin-right: -1rem;
padding-top: var(--padding120);
padding-bottom: var(--padding120);
}
.section-grid > .grid-container > .grid-section > .cell {
padding-left: 1rem;
padding-right: 1rem;
}
.section-grid .is-image-cell {
position: relative;
}
.section-grid .column-max.right-align .column-wrap {
margin: 0 0 0 auto;
}
.section-grid .column-max .column-wrap {
max-width: calc(42.5rem - 1rem);
position: relative;
padding: 0 var(--padding80);
}
.section-grid.full:not(.textblock) {
padding-top: var(--padding120);
padding-bottom: var(--padding120);
}
.section-grid.full:not(.textblock) > .grid-container > .grid-section {
padding-top: 0;
padding-bottom: 0;
}
.section-grid.textblock .inner-column {
max-width: calc(42.5rem - 1rem);
position: relative;
}
.section-grid.textblock .cell:nth-child(odd) .inner-column {
margin: 0 0 0 auto;
}
.section-grid .cell.is-image-cell {
padding-top: 0;
padding-bottom: 0;
}
.section-grid .cell.is-image-cell .inner-column {
height: 100%;
}
.section-grid.textblock .inner-column {
padding-left: 2rem;
padding-right: 2rem;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.section-grid.textblock .is-text-cell .inner-column {
padding-left: 4.4rem;
}
.section-grid.textblock .is-text-cell .inner-column > * {
margin-bottom: 2.5rem;
}
.section-grid.textblock .is-text-cell .inner-column p:last-child {
margin-bottom: 0;
}
.section-grid.textblock .is-text-cell a {
color: #212529;
text-decoration: none;
background: transparent;
padding: 1rem 0rem;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
text-transform: uppercase;
}
.section-grid.textblock .is-text-cell a:after {
transition: all 0.3s ease;
content: "";
height: 1px;
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.5);
margin-bottom: -1px;
opacity: 0;
}
.section-grid.textblock .is-text-cell a:hover:after {
opacity: 1;
text-decoration: none;
}
.section-grid.image-right .is-image-cell {
order: 2;
}
.section-grid.image-right .cell:nth-child(odd) .inner-column {
margin: 0 auto 0 0;
}
.section-grid.image-right .cell:nth-child(even) .inner-column {
margin: 0 0 0 auto;
}
.section-grid.image-right .image .gradient {
flex-direction: row-reverse;
left: 30%;
}
.section-grid.image-right .image .gradient span:nth-child(1) {
margin-right: 0;
}
.section-grid .image .gradient {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 70%;
display: flex; }
.section-grid .image .gradient span {
background: #FFF2D2;
display: block;
height: 100%;
flex: 0 0 6.8%;
}
.section-grid .image .gradient span:nth-child(1) {
flex: 0 0 10.5%;
margin-right: 2.3%;
}
.section-grid .image .gradient span:nth-child(2) {
flex: 0 0 8.5%;
margin-right: 3.4%;
}
.section-grid .image .gradient span:nth-child(3) {
flex: 0 0 7.5%;
margin-right: 4.5%;
}
.section-grid .image .gradient span:nth-child(4) {
flex: 0 0 6.5%;
margin-right: 5.5%;
}
.section-grid .image .gradient span:nth-child(5) {
flex: 0 0 5.5%;
margin-right: 6.3%;
}
.section-grid .image .gradient span:nth-child(6) {
flex: 0 0 4.3%;
margin-right: 7.4%;
}
.section-grid .image .gradient span:nth-child(7) {
flex: 0 0 3.6%;
margin-right: 8.5%;
}
.section-grid .image .gradient span:nth-child(8) {
flex: 0 0 2.4%;
margin-right: 9.3%;
}
.page-template-sporenie-page .container-hero.containimage .hero__content h6 {
position: static;
padding: clamp(2rem, 4vw,4rem) 0 0;
margin: 0;
}
.textblock-acf.section-grid .grid-x .is-text-cell {
align-self: center;
padding: var(--padding60);
}
.textblock-acf.section-grid.default .grid-section, .textblock-acf.section-grid.yellow .grid-section, .textblock-acf.section-grid.transparent .grid-section, .textblock-acf.section-grid.dark .grid-section {
padding-top: 0;
padding-bottom: 0;
margin-bottom: var(--padding120);
}
.textblock-acf.section-grid.default.full-width-box .grid-section, .textblock-acf.section-grid.yellow.full-width-box .grid-section, .textblock-acf.section-grid.transparent.full-width-box .grid-section, .textblock-acf.section-grid.dark.full-width-box .grid-section {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.textblock-acf.section-grid.default p, .textblock-acf.section-grid.yellow p, .textblock-acf.section-grid.transparent p, .textblock-acf.section-grid.dark p {
font-weight: 100;
}
.textblock-acf.section-grid.default .line-title h5, .textblock-acf.section-grid.yellow .line-title h5, .textblock-acf.section-grid.transparent .line-title h5, .textblock-acf.section-grid.dark .line-title h5 {
margin-top: 0;
}
.textblock-acf.section-grid.default .line-title .is-sub-title:before, .textblock-acf.section-grid.yellow .line-title .is-sub-title:before, .textblock-acf.section-grid.transparent .line-title .is-sub-title:before, .textblock-acf.section-grid.dark .line-title .is-sub-title:before {
background-image: url(//www.haberl.sk/wp-content/themes/haberl/images/title-line.svg);
}
.textblock-acf.section-grid.dark.full-width-box {
background-color: #1D1D1B;
}
.textblock-acf.section-grid.dark .grid-section {
color: #fff;
}
.textblock-acf.section-grid.dark .line-title .is-sub-title:before {
background-image: url(//www.haberl.sk/wp-content/themes/haberl/images/title-line-yellow.svg);
}
.textblock-acf.section-grid.dark .line-title .wp-block-heading {
color: #fff;
}
.textblock-acf.section-grid.dark .wp-element-button {
background: #fff;
border-color: #fff;
color: #212529;
}
.textblock-acf.section-grid.dark .grid-section {
background-color: #1D1D1B;
}
.textblock-acf.section-grid.yellow.full-width-box {
background-color: #FFF2D2;
}
.textblock-acf.section-grid.yellow .image .gradient span {
background: #FFF2D2;
}
.textblock-acf.section-grid .is-image-cell .inner-column {
padding-top: 90%;
height: auto;
}
@media screen and (min-width: 1024px) {
.textblock-acf.section-grid.full-width-box.image-left.dark.automatic-lines, .textblock-acf.section-grid.full-width-box.image-left.dark.yellow-lines {
background: linear-gradient(90deg, #FFF2D2 30%, #1D1D1B 30%);
}
.textblock-acf.section-grid.full-width-box.image-left.dark.white-lines {
background: linear-gradient(90deg, white 30%, #1D1D1B 30%);
}
.textblock-acf.section-grid.full-width-box.image-left.dark.gray-lines {
background: linear-gradient(90deg, #C7C7C7 30%, #1D1D1B 30%);
}
.textblock-acf.section-grid.full-width-box.image-left.yellow.black-lines {
background: linear-gradient(90deg, #1D1D1B 30%, #FFF2D2 30%);
}
.textblock-acf.section-grid.full-width-box.image-left.yellow.gray-lines {
background: linear-gradient(90deg, #C7C7C7 30%, #FFF2D2 30%);
}
.textblock-acf.section-grid.full-width-box.image-left.yellow.white-lines {
background: linear-gradient(90deg, white 30%, #FFF2D2 30%);
}
.textblock-acf.section-grid.full-width-box.image-left.transparent.yellow-lines {
background: linear-gradient(90deg, #FFF2D2 30%, transparent 30%);
}
.textblock-acf.section-grid.full-width-box.image-left.transparent.black-lines {
background: linear-gradient(90deg, #1D1D1B 30%, transparent 30%);
}
.textblock-acf.section-grid.full-width-box.image-left.transparent.white-lines {
background: linear-gradient(90deg, white 30%, transparent 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.dark.automatic-lines, .textblock-acf.section-grid.full-width-box.image-right.dark.yellow-lines {
background: linear-gradient(270deg, #FFF2D2 30%, #1D1D1B 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.dark.white-lines {
background: linear-gradient(270deg, white 30%, #1D1D1B 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.dark.gray-lines {
background: linear-gradient(270deg, #C7C7C7 30%, #1D1D1B 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.yellow.black-lines {
background: linear-gradient(270deg, #1D1D1B 30%, #FFF2D2 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.yellow.gray-lines {
background: linear-gradient(270deg, #C7C7C7 30%, #FFF2D2 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.yellow.white-lines {
background: linear-gradient(270deg, white 30%, #FFF2D2 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.transparent.yellow-lines {
background: linear-gradient(270deg, #FFF2D2 30%, transparent 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.transparent.black-lines {
background: linear-gradient(270deg, #1D1D1B 30%, transparent 30%);
}
.textblock-acf.section-grid.full-width-box.image-right.transparent.white-lines {
background: linear-gradient(270deg, white 30%, transparent 30%);
}
}
.section-grid.black-lines .image .gradient span {
background: #1D1D1B !important;
}
.section-grid.yellow-lines .image .gradient span {
background: #FFF2D2 !important;
}
.section-grid.white-lines .image .gradient span {
background: #fff !important;
}
.section-grid.gray-lines .image .gradient span {
background: #c7c7c7 !important;
}
@media screen and (min-width: 1024px) {
.cell-50 {
flex: 0 0 calc(50%);
}
.cell-33 {
flex: 0 0 calc(33.33%);
}
.cell-40 {
flex: 0 0 calc(40%);
}
.cell-60 {
flex: 0 0 calc(60%);
}
.cell-66 {
flex: 0 0 calc(66.66%);
}
.cell-25 {
flex: 0 0 calc(25%);
}
.cell-75 {
flex: 0 0 calc(75%);
}
.cell-100 {
flex: 0 0 calc(100%);
}
}
.cell-auto {
flex: 1 0 0;
width: auto;
}
.fond-info-privacy {
font-size: 0.9rem;
}
.fond-info-privacy h4 {
margin: 0;
font-size: 1.6em;
}
.fond-info-privacy .cell {
padding-top: 1em;
padding-bottom: 1em;
}
.fond-info-privacy.section-grid.small-padding {
padding-top: var(--padding60);
padding-bottom: var(--padding60);
}
.fond-info-privacy.section-grid.small-padding .grid-x.grid-section {
padding: 0;
color: #C7C7C7;
align-items: normal;
}
:root {
--hero-top: 136px;
--hero-bottom: 120px;
--hero-top-home: 66px;
}
.container-hero.containimage .hero__content h5,
.container-hero.containimage .hero__content h6,
.hero-carousel.swiper .caption h6 {
max-width: 80%;
width: 100%;
box-sizing: border-box;
font-size: 13px;
font-weight: normal;
}
@media screen and (min-width: 1400px) {
.container-hero.containimage .hero__content h5,
.container-hero.containimage .hero__content h6,
.hero-carousel.swiper .caption h6 {
position: absolute;
left: 0;
padding: 1rem;
bottom: 1rem;
}
}
.container-hero.containimage .hero__content h5 *,
.container-hero.containimage .hero__content h6 *,
.hero-carousel.swiper .caption h6 * {
margin: 0;
}
@media screen and (min-width: 1400px) {
.hero-carousel.swiper .caption h6 {
max-width: 40%;
}
}
.container-hero.containimage .hero__content h5 {
position: static;
padding: 2rem 0;
}
.hero-carousel.swiper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero-carousel.swiper .caption {
padding-top: calc( var(--hero-top) + var(--hero-top-home) );
padding-bottom: var(--hero-bottom);
height: 100%;
box-sizing: border-box;
position: relative;
}
.hero-carousel.swiper .caption .popis *:not(h6) a {
background: #212529;
border: 1px solid #212529;
padding: 0.7rem 1rem;
text-decoration: none;
color: #fff;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
font-weight: 450;
text-align: center;
font-size: 16px;
}
.hero-carousel.swiper .caption .popis *:not(h6) a:after {
transition: all 0.3s ease;
content: "";
height: 1px;
width: 100%;
display: block;
background: rgba(255, 255, 255, 0.5);
margin-bottom: -1px;
opacity: 0;
}
.hero-carousel.swiper .caption .popis *:not(h6) a:hover:after {
opacity: 1;
text-decoration: none;
}
.hero-carousel.swiper .caption .popis *:not(h6) a + a {
margin-left: 0.5rem;
border-color: #fff;
background: #fff;
color: #212529;
}
.hero-carousel.swiper .caption .popis *:not(h6) a + a:after {
background: rgba(0, 0, 0, 0.5);
}
.hero-carousel.swiper .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.hero-carousel.swiper .container-swiper-navigation {
z-index: 1;
position: relative;
position: absolute;
bottom: 3rem;
left: 50%;
transform: translateX(-50%);
}
.f-progress {
background: white;
top: 0%;
display: none;
}
.container-hero {
padding: var(--hero-top) 0 var(--hero-bottom) 0;
position: relative;
z-index: 0;
position: relative;
}
.container-hero.container-hero.without-image-and-color {
padding-bottom: 0;
}
.container-hero.container-hero.without-image-and-color.video {
padding: var(--hero-top) 0 var(--hero-bottom) 0;
}
.container-hero .f-button svg {
stroke: black;
}
.container-hero .hero-carousel.carousel {
position: absolute;
top: 0;
left: 0;
width: calc(100% + 3px);
height: 100%;
}
.container-hero .hero-carousel.carousel .f-carousel__slide.item {
width: calc(100% - 3px);
}
.container-hero .hero-carousel.carousel .f-carousel__nav {
bottom: 22px;
z-index: 4;
}
.container-hero .hero-carousel.carousel ul.f-carousel__dots {
position: absolute;
z-index: 3;
bottom: 22px;
left: 0;
padding: 0;
}
.container-hero .hero-carousel.carousel .f-carousel__dot {
color: black;
}
.container-hero .hero-carousel.carousel .grid-container {
padding-top: calc(var(--hero-top) + var(--hero-top-home));
}
.container-hero .hero-carousel.carousel .grid-container a {
color: #212529;
border-color: #212529;
background: transparent;
}
.container-hero .hero-carousel.carousel .grid-container a:hover:after {
background: rgba(0, 0, 0, 0.5);
}
.container-hero .hero__content {
justify-content: space-between;
}
.container-hero .has-text-align-right {
text-align: right;
}
.container-hero .grid-container {
position: relative;
z-index: 1;
}
.container-hero p {
font-size: 1.25rem;
line-height: 150%;
}
.container-hero p.has-text-align-center {
max-width: 1000px;
margin: 0 auto;
}
.container-hero h1 {
margin-bottom: 1rem;
margin-top: 0;
}
.container-hero h1 strong {
font-weight: 450;
}
.container-hero h2, .container-hero h3, .container-hero h4, .container-hero h5 {
margin-top: 0;
}
.container-hero .wp-block-buttons {
margin-top: 2.3rem;
}
.container-hero.portfolio .wp-block-table {
margin: 0;
}
.container-hero.portfolio .wp-block-table table {
width: 100%;
margin-bottom: 10px;
}
.container-hero.portfolio .wp-block-table th {
text-align: right;
}
.container-hero.portfolio .wp-block-table td {
padding: 10px;
}
.container-hero.portfolio .wp-block-table td:first-child {
padding-left: 0;
}
.container-hero.portfolio .wp-block-table td:last-child {
padding-right: 0;
}
.container-hero.portfolio .cell:nth-child(even) .wp-block-button a {
display: block;
text-align: center;
}
.container-hero.containimage {
padding: 0; }
.container-hero.containimage.align-image-right img.cover-image {
margin: 0 0 0 auto;
}
.container-hero.containimage > .grid-container {
height: 100%;
padding-left: 0;
position: relative;
}
@media screen and (min-width: 1200px) {
.container-hero.containimage > .grid-container {
box-sizing: border-box;
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%);
width: 100%;
}
}
.container-hero.containimage > .grid-container .hero__content {
padding-top: calc( var(--hero-top) + var(--hero-top-home));
padding-bottom: calc( var(--hero-top) + var(--hero-top-home));
padding-left: 1rem;
height: 100%;
position: absolute;
top: 0;
left: 0;
align-items: center;
}
.container-hero.containimage img.cover-image {
position: static;
width: auto;
height: auto;
margin: 0 auto;
display: block;
}
.container-hero.containimage img.cover-image.mobile {
display: none;
}
.article-detail .container-hero {
padding-bottom: var(--padding80);
}
.container-hero.large {
padding: --hero-top 0;
position: relative;
z-index: 0;
min-height: 800px;
box-sizing: border-box;
}
.cover-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
height: 100%;
object-fit: cover;
}
body.home .container-hero {
padding-top: calc( var(--hero-top) + var(--hero-top-home) );
}
.container-hero {
max-width: 100%;
overflow-x: hidden;
}
.portfolio-slider {
max-width: 100%;
display: block;
margin-bottom: 10px;
}
.portfolio-slider .range {
display: flex;
background: linear-gradient(90deg, #FFF2D2 0px, #FFF2D2 1px, #C7C7C7 1px, #C7C7C7 10px);
background-size: 10px;
}
.portfolio-slider .range .item {
flex: 1 0 0;
width: auto;
height: 23px;
}
.portfolio-slider .range .item.r-0 {
background: linear-gradient(90deg, #FFF2D2 0px, #FFF2D2 2px, #C7C7C7 2px, #C7C7C7 4px);
background-size: 4px;
}
.portfolio-slider .range .item.r-1 {
background: linear-gradient(90deg, #FFF2D2 0px, #FFF2D2 1px, #C7C7C7 1px, #C7C7C7 5px);
background-size: 5px;
}
.portfolio-slider .range-desc {
display: flex;
font-size: 14px;
line-height: 150%;
}
.portfolio-slider .range-desc > span {
position: relative;
cursor: pointer;
}
.portfolio-slider .range-desc > span:hover .tooltip {
opacity: 1;
}
.portfolio-slider .range-desc span.inner {
padding: 3px;
padding-left: 0;
overflow: hidden;
display: block;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.portfolio-slider .tooltip {
position: absolute;
background: #ddd;
padding: 4px;
top: 100%;
font-style: normal;
font-weight: 450;
font-size: 12px;
line-height: 150%;
background: #C7C7C7;
border: 1px solid #ADB5BD;
opacity: 0;
min-width: 100%;
}
.portfolio-slider .tooltip:not(.right) {
left: 0;
}
.portfolio-slider .tooltip.right {
right: 0;
}
.container-cards {
display: flex;
flex-flow: row wrap;
}
.container-cards .card {
padding: 0 12px;
}
.container-cards .card a {
display: block;
position: relative;
color: #212529;
}
.container-cards .inner {
position: absolute;
width: 100%;
z-index: 1;
left: 0;
top: 0;
height: 100%;
display: flex;
flex-flow: column;
}
.container-cards h3 {
margin-bottom: 0.5em;
}
.container-cards p {
opacity: 0;
transition: all 0.3s;
max-height: 0;
overflow: hidden;
}
.container-cards .bg-hover {
transition: all 0.3s;
width: 100%;
flex: 1 0 0;
opacity: 0;
}
.container-cards .bg-hover span {
height: 4px;
background: #C7C7C7;
margin-bottom: 4px;
display: block;
}
.container-cards .bg-hover span:nth-child(1) {
height: 16px;
margin-bottom: 17px;
}
.container-cards .bg-hover span:nth-child(2) {
height: 14px;
margin-bottom: 19px;
}
.container-cards .bg-hover span:nth-child(3) {
height: 12px;
margin-bottom: 22px;
}
.container-cards .bg-hover span:nth-child(4) {
height: 10px;
margin-bottom: 24px;
}
.container-cards .bg-hover span:nth-child(5) {
height: 8px;
margin-bottom: 26px;
}
.container-cards .bg-hover span:nth-child(6) {
height: 6px;
margin-bottom: 28px;
}
.container-cards .bg-hover span:nth-child(7) {
height: 4px;
margin-bottom: 30px;
}
.container-cards .bg-hover span:nth-child(8) {
height: 2px;
}
.container-cards .card-content {
display: block;
z-index: 1;
padding: 24px;
transition: all 0.3s;
}
.container-cards .card-bg-img img {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.container-cards a:hover p {
max-height: 400px;
}
.container-cards a:hover p, .container-cards a:hover .bg-hover {
transition: all 0.3s;
opacity: 1;
}
.container-cards a:hover .card-content {
transition: all 0.3s;
background: #C7C7C7;
}
.container-cards .card:nth-child(even) a .inner {
display: flex;
flex-flow: column;
}
.container-cards .card:nth-child(even) a .inner > * {
order: 1;
}
.container-cards .card:nth-child(even) a .inner > .bg-hover {
order: 0;
transform: rotate(180deg);
}
.f-carousel .f-carousel__nav {
display: flex;
justify-content: space-between;
position: absolute;
width: 100%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.f-carousel .f-carousel__nav .f-button.is-next,
.f-carousel .f-carousel__nav .f-button.is-prev {
position: static;
transform: translateY(0%);
order: 0;
}
.f-carousel .f-carousel__nav .f-button.is-next:after,
.f-carousel .f-carousel__nav .f-button.is-prev:after {
display: none;
}
.f-carousel .f-carousel__nav .f-button.is-next {
order: 1;
}
ul.f-carousel__dots {
position: static;
padding-top: var(--padding24);
}
ul.f-carousel__dots button {
margin: 0 3px;
}
ul.f-carousel__dots button::after {
display: none;
}
ul.f-carousel__dots li {
opacity: 0.5;
}
ul.f-carousel__dots li button {
height: 42px;
}
ul.f-carousel__dots .f-carousel__dot {
width: 100%;
border-radius: 0;
color: #212529;
height: 3px;
}
.container-media {
padding-bottom: var(--padding80);
}
.container-media h2, .container-media h5 {
margin: 0;
}
.container-media h5 {
text-align: right;
}
.container-media .grid-x {
margin-bottom: 2.5rem;
}
.media-slider .f-carousel__viewport .item {
flex: 0 0 33.33%;
}
.media-slider .f-carousel__viewport .item a {
padding: 2.875rem 1.5rem;
display: flex;
color: #212529;
text-decoration: none;
font-weight: 600;
transition: all 0.3s;
align-items: center;
}
.media-slider .f-carousel__viewport .item a:hover {
background: #FFF2D2;
}
.media-slider .img {
margin-right: 10px;
}
.media-slider img {
display: block;
max-width: 123px;
}
.container-invests {
height: 100%;
}
.invest-box-link {
min-height: 100%;
display: flex;
flex-flow: column wrap;
}
.invest-box-link .image {
display: block;
height: 2rem;
margin-bottom: 2rem;
}
.invest-box-link .image img {
display: block;
max-width: 100%;
max-width: 100%;
}
.invest-box-link h5 {
max-width: 9em;
margin-bottom: 2rem;
}
.invest-box-link ul {
margin: 0;
padding: 0;
list-style: none;
}
.invest-box-link a {
display: inline-flex;
position: relative;
text-decoration: none;
color: black;
font-weight: 450;
font-size: 16px;
line-height: 150%;
padding: 20px 0 0 0;
}
.invest-box-link a span {
position: relative;
padding-right: 10px;
}
.invest-box-link a span:after {
content: "";
height: 1px;
background: #212529;
opacity: 0;
transition: opacity 0.3s;
display: block;
width: 100%;
margin-top: -1px;
}
.invest-box-link a:hover span:after {
opacity: 0.5;
transition: opacity 0.3s;
}
.related-fonds .invest,
.container-invests-full .invest {
padding-top: var(--padding80);
margin-left: calc(var(--padding40) * -1);
margin-right: calc(var(--padding40) * -1);
}
.related-fonds .invest h2, .related-fonds .invest h3, .related-fonds .invest h4, .related-fonds .invest h5,
.container-invests-full .invest h2,
.container-invests-full .invest h3,
.container-invests-full .invest h4,
.container-invests-full .invest h5 {
margin-top: 0;
}
.related-fonds .invest:last-child,
.container-invests-full .invest:last-child {
padding-bottom: var(--padding80);
}
.related-fonds .invest h4,
.container-invests-full .invest h4 {
max-width: 15rem;
}
.related-fonds .invest p,
.container-invests-full .invest p {
color: #5F646A;
}
.related-fonds .invest .cell,
.related-fonds .invest .fond,
.container-invests-full .invest .cell,
.container-invests-full .invest .fond {
padding: var(--padding24) var(--padding40);
padding-bottom: 0;
position: relative;
}
.related-fonds .invest .excerpt,
.container-invests-full .invest .excerpt {
padding-right: var(--padding24);
}
.related-fonds .invest div, .related-fonds .invest p,
.container-invests-full .invest div,
.container-invests-full .invest p {
position: relative;
z-index: 1;
}
.related-fonds .invest .fond,
.container-invests-full .invest .fond {
border-right: 1px solid rgba(33, 37, 41, 0.3);
}
.related-fonds .invest .fond:last-child,
.container-invests-full .invest .fond:last-child {
border: 0;
}
.related-fonds .invest .bg,
.container-invests-full .invest .bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
opacity: 0;
transition: all 0.3s;
background: #FFF2D2;
}
.related-fonds .invest .bg img,
.container-invests-full .invest .bg img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.related-fonds .invest .cell > a,
.container-invests-full .invest .cell > a {
height: 100%;
display: flex;
flex-flow: column;
justify-content: space-between;
text-decoration: none;
color: #212529;
}
.related-fonds .invest .cell > a > p,
.container-invests-full .invest .cell > a > p {
margin: 0;
}
.related-fonds .invest .cell > a .button,
.container-invests-full .invest .cell > a .button {
padding-left: 0;
padding-right: 0;
}
.related-fonds .invest .cell > a:hover .bg,
.container-invests-full .invest .cell > a:hover .bg {
opacity: 1;
transition: all 0.3s;
}
.main-sporenie-shortcode .range-desc {
display: flex;
font-size: 14px;
line-height: 150%;
margin-bottom: 0.5rem;
}
.main-sporenie-shortcode .range-desc > span > span:before {
content: "";
width: 12px;
display: block;
height: 12px;
border-radius: 10px;
background: #2E2E2D;
box-shadow: inset 0 0 0px 2px white;
float: left;
margin: 3px 6px 0 0;
}
.main-sporenie-shortcode .range-desc > span:first-child > span:before {
background: #FFF2D2;
}
.main-sporenie-shortcode .zhodnotenie-title h5 {
display: flex;
justify-content: space-between;
font-size: 20px;
margin-top: 0;
margin-bottom: 1.1rem;
color: #C7C7C7;
}
.main-sporenie-shortcode .zhodnotenie-title h5 strong {
color: #fff;
}
.main-sporenie-shortcode .zhodnotenie-title h5.hide {
display: none;
}
.main-sporenie-shortcode .tabs-roky {
margin-bottom: 2rem;
display: flex;
}
.main-sporenie-shortcode .tabs-roky .button {
flex-grow: 1;
font-size: 14px;
padding: 6px;
font-weight: 450;
}
.main-sporenie-shortcode .tabs-roky .button.hollow {
color: #c7c7c7;
border-color: #4A4A49;
}
.main-sporenie-shortcode .tabs-roky .button.hollow:hover {
color: #fff;
border-color: rgba(199, 199, 199, 0.3);
background: rgba(199, 199, 199, 0.3);
}
.main-sporenie-shortcode .tabs-roky .button.white:not(.hollow) {
background: #FFF2D2;
border-color: #FFF2D2;
opacity: 1;
}
.main-sporenie-shortcode hr {
height: 1px;
border: 0;
background: white;
opacity: 0.2;
margin: 2rem 0;
}
.main-sporenie-shortcode .portfolio-slider .range {
background: linear-gradient(90deg, rgba(128, 128, 128, 0.32) 4px, transparent 3px);
background-size: 8px;
}
.main-sporenie-shortcode .portfolio-slider .range .item.r-1 {
background: linear-gradient(90deg, #fff2d2 4px, transparent 3px);
background-size: 8px;
}
.main-sporenie-shortcode .button {
text-transform: unset;
font-size: 16px;
}
.wp-block-heading.is-style-pd-1 {
padding: 0 1.5rem;
}
.cell .grid-container {
padding-left: 0;
padding-right: 0;
}
.block-samostatne-investovanie {
margin-top: var(--padding80);
margin-bottom: var(--padding80);
height: 100%;
}
.block-samostatne-investovanie > .cell {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.block-samostatne-investovanie h2, .block-samostatne-investovanie h3, .block-samostatne-investovanie p {
margin: 0;
}
.block-samostatne-investovanie .links {
padding-top: var(--padding80);
}
.block-samostatne-investovanie .links.remove-padding {
padding: 0;
}
.block-samostatne-investovanie .links .item:first-child div {
border-left-width: 0;
}
.block-samostatne-investovanie .links .item:last-child div {
border-left-width: 1px;
}
.block-samostatne-investovanie .links .item div {
border-left: 1px solid rgba(33, 37, 41, 0.4);
margin-right: -1px;
display: block;
padding: 1rem 1.5rem;
color: #212529;
text-decoration: none;
position: relative;
z-index: 0;
height: 100%;
display: flex;
flex-flow: column; }
.block-samostatne-investovanie .links .item div.nohover { }
.block-samostatne-investovanie .links .item div > .desc {
flex: 1;
}
.block-samostatne-investovanie .links .item div .title {
display: block;
min-height: 2em;
font-size: var(--fs24);
}
.block-samostatne-investovanie .links .item div .title + .desc {
padding-top: 1rem;
}
.block-samostatne-investovanie .links .item div .desc {
font-size: 0.875rem;
display: block;
line-height: 150%;
color: #5F646A;
}
.block-samostatne-investovanie .links .item div .link {
padding-top: 3rem;
}
.block-samostatne-investovanie .links .item div .button {
padding-left: 0;
padding-right: 0;
}
.single-fond .container-vyhody {
padding-bottom: var(--padding120);
}
.text-center {
text-align: center;
}
.container-vyhody {
padding-top: var(--padding120);
padding-bottom: var(--padding120);
text-align: center;
}
.container-vyhody p {
color: #5F646A;
}
.container-vyhody.transparent {
padding-top: var(--padding80);
padding-bottom: var(--padding80);
}
.container-vyhody.left .desc {
text-align: left;
}
.container-vyhody.left .img {
justify-content: left;
}
.container-vyhody.transparent .extra_title + .title {
color: #5F646A;
font-size: 14px;
}
.container-vyhody .cell {
padding: var(--padding40) var(--padding24) 0 var(--padding24);
padding: var(--padding40) 1rem 0 1rem;
}
.container-vyhody.is-grid {
margin-left: 1rem;
margin-right: 1rem;
}
.container-vyhody.yellow {
background: #FFF2D2;
}
.container-vyhody.black {
background: #212529;
color: #fff;
}
.container-vyhody.black p {
color: #CED4DA;
}
.container-vyhody h2.main {
margin-top: 0;
margin-bottom: var(--padding40);
}
.container-vyhody .desc {
margin: 0 0;
font-style: normal;
font-weight: 450;
font-size: 14px;
line-height: 150%;
}
.container-vyhody .desc p {
margin-top: 1.2rem;
margin-bottom: 0;
}
.container-vyhody .desc a {
font-weight: bold;
text-decoration: none;
}
.container-vyhody .desc a:hover {
text-decoration: underline;
}
.container-vyhody .desc h2, .container-vyhody .desc h3, .container-vyhody .desc h4, .container-vyhody .desc h5, .container-vyhody .desc h6 {
margin: 0 0 1rem 0;
}
.container-vyhody .img {
height: 63px;
margin-bottom: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.container-vyhody .img img {
max-height: 100%;
width: auto;
}
.container-vyhody .img + .desc p {
color: #212529;
}
figure.wp-block-embed.is-type-video {
display: block;
margin: 0;
position: relative;
}
figure.wp-block-embed.is-type-video .wp-block-embed__wrapper {
padding-top: 50%;
}
figure.wp-block-embed.is-type-video iframe {
position: absolute;
text-align: 0;
left: 0;
width: 100%;
top: 0;
height: 100%;
}
.nws-tabs-accordion.is-accordions .nws-tab-link a {
padding: 1rem 2rem 1rem 0;
}
.nws-tabs-accordion.is-accordions .nws-tab-link a h3, .nws-tabs-accordion.is-accordions .nws-tab-link a h4 {
margin: 0;
}
.container-sponsoring {
padding-top: var(--padding40);
padding-bottom: var(--padding40);
}
.container-sponsoring .item {
justify-content: space-between;
padding-top: var(--padding80);
padding-bottom: var(--padding80);
border-top: 1px solid #ADB5BD;
}
.container-sponsoring .item:first-child {
border: 0;
}
.container-sponsoring .image img {
display: block;
max-width: 100%;
height: auto;
}
.container-sponsoring .container-tags {
display: flex;
flex-flow: row wrap;
margin-bottom: 10px;
}
.container-sponsoring .tag {
background: #212529;
color: #fff;
font-weight: 450;
font-size: 12px;
line-height: 150%;
padding: 2px 8px;
margin: 0 5px 5px 0;
}
.container-sponsoring h3 {
margin: 0;
}
.container-sponsoring .perex, .container-sponsoring .button {
margin-top: var(--fs24);
}
.container-sponsoring .button {
padding: 0.7em 1em;
line-height: 1;
}
figure.is-style-blend-mode-multiply {
mix-blend-mode: multiply;
}
figure.is-style-blend-mode-multiply img {
mix-blend-mode: multiply;
}
.gallery {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.gallery.grayscale img {
filter: grayscale(1);
transition: all 0.3s;
}
.gallery.grayscale img:hover {
transition: all 0.3s;
filter: grayscale(0);
}
.gallery .item {
padding: 0.5rem;
}
.gallery .item a {
display: block;
position: relative;
padding-top: 59%;
}
.gallery .item a img {
display: block;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.downloads {
padding-bottom: 3rem;
}
.downloads .icn.hide-for-mobile {
display: none;
}
.downloads img {
display: block;
}
.downloads .file {
border-bottom: 1px solid #5F646A;
display: flex;
flex-flow: row wrap;
align-items: start;
padding: 4px;
}
.downloads .file a {
text-decoration: none;
}
.downloads small {
font-size: 12px;
display: inline-block;
padding: 0;
}
.downloads .date-grid {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.downloads .date-grid .icn {
display: block;
margin-right: 1rem;
}
.downloads .info, .downloads .name {
display: flex;
flex-flow: row wrap;
}
.downloads .info > *, .downloads .name > * {
padding: 12px;
}
.downloads img {
display: block;
}
.downloads .name {
flex: 1 0 0;
}
.downloads .name a:hover {
text-decoration: underline;
}
.downloads .name .desc {
flex: 1 0 0;
padding-left: 7px;
}
.downloads .name p {
font-size: 14px;
margin: 1rem 0;
}
.downloads h5, .downloads h6 {
margin: 0;
}
.downloads .ic-download:hover {
opacity: 0.5;
transition: all 0.3s;
}
@media screen and (max-width: 1023px) {
.container-hero.large {
min-height: 600px;
}
.cell .container-cards {
padding-top: var(--padding80);
margin: 0 -12px;
}
.section-grid.textblock .inner-column {
padding-right: 2rem;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.section-grid.textblock .cell:nth-child(odd) .inner-column {
margin: 0 0 0 4.9rem;
padding: 0;
padding-top: 90%;
width: calc(100% - 4.9rem);
max-width: 100%;
}
.media-slider .f-carousel__viewport .item {
flex: 0 0 50%;
}
.section-grid.image-right .is-image-cell {
order: 0;
}
}
@media screen and (max-width: 639px) {
.textblock-acf.full-width-box.default .grid-x.grid-section {
margin-left: -1rem;
margin-right: -1rem;
}
.textblock-acf.full-width-box.default .grid-x.grid-section .is-text-cell.cell {
padding: 24px;
}
.portfolio-slider .tooltip {
display: none;
}
.portfolio-slider .range-desc {
display: block;
padding-top: 10px;
}
.portfolio-slider .range-desc br {
display: none;
}
.portfolio-slider .range-desc span.inner {
padding: 0;
}
.section-grid .column-max .column-wrap {
padding: 0 1rem 44px;
}
.section-grid > .grid-container > .grid-section {
padding-top: 30px;
padding-bottom: 30px;
}
.section-grid > .grid-container > .grid-section > .cell {
padding-top: 30px;
padding-bottom: 30px;
}
.section-grid.black .grid-x.grid-section {
padding: 1rem 0;
}
.section-grid.black .grid-x.grid-section > .cell {
padding: 1rem;
}
.section-grid.is-person-block h3 {
font-size: 1rem;
line-height: 150%;
}
.section-grid.is-person-block .person-card .image {
padding: 0;
flex: 0 0 50%;
}
.section-grid.is-person-block .person-card .right-box-info {
flex: 0 0 100%;
width: 100%;
padding: 0;
padding-top: 24px;
}
.page .container-hero {
padding-bottom: 60px;
}
.container-hero {
overflow: hidden;
}
.container-hero p {
font-size: 1rem;
}
.container-hero .wp-block-buttons {
margin-top: 2rem;
text-align: left;
}
.container-hero .wp-block-buttons .wp-element-button, .container-hero .wp-block-buttons .button {
text-align: left;
padding: 0.5rem 1rem;
}
body.home .container-hero {
padding-bottom: 60px;
}
body.home .container-hero.video {
min-height: 1px;
}
body.home .container-hero img.cover-image {
height: 121%;
}
.container-hero .wp-block-heading {
font-size: 32px;
margin-bottom: 1rem;
}
.container-hero img.cover-image {
height: 118%;
}
.container-hero p {
font-size: 1rem;
}
.container-hero p br {
display: none;
}
.container-hero table {
margin-top: 2rem;
}
.container-cards h3 {
font-size: 32px;
}
.container-cards .card-bg-img {
height: 408px;
margin: 0.5rem 0;
}
.container-media .grid-x {
margin-bottom: 24px;
}
.container-media h2 {
margin-bottom: 1rem;
}
.container-media h5 {
text-align: left;
font-size: 20px;
}
.container-media .f-carousel__viewport .item {
flex: 0 0 100%;
}
.container-media .f-carousel__viewport .item a {
padding: 2rem 1rem;
}
.section-grid.textblock .cell:nth-child(odd) .inner-column {
margin: 0 0 0 24px;
padding: 0;
padding-top: 100%;
width: calc(100% - 27px);
max-width: 100%;
}
.section-grid.textblock h2 {
font-size: 40px;
}
.section-grid.textblock .is-text-cell .inner-column {
padding: 60px 1rem;
}
.section-grid.textblock .is-text-cell .inner-column > * {
margin-bottom: 1.5rem;
}
.related-fonds .invest, .container-invests-full .invest {
margin: 0;
}
.related-fonds .invest .fond, .container-invests-full .invest .fond {
border: 0;
border-bottom: 1px solid #5F646A;
padding: 1.5rem 1rem 1rem 1rem;
}
.related-fonds .invest .fond div p, .container-invests-full .invest .fond div p {
font-size: 14px;
}
.related-fonds .invest .excerpt, .container-invests-full .invest .excerpt {
padding: 1rem;
}
.related-fonds .invest .excerpt h4, .container-invests-full .invest .excerpt h4 {
font-size: 32px;
margin-bottom: 1rem;
}
.related-fonds h5, .container-invests-full h5 {
font-size: 24px;
margin-bottom: 1rem;
}
.container-vyhody .grid-x {
margin: 0 -1rem;
}
.container-vyhody .cell {
padding: 20px 12px;
}
.container-vyhody .desc p {
margin-top: 1rem;
}
.container-vyhody .desc br {
display: none;
}
.section-grid.yellow h3 {
font-size: 28px;
}
.invest-box-link {
padding: 32px 24px;
}
.invest-box-link .image {
margin-bottom: 24px;
}
.invest-box-link .invest-header h5 {
font-size: 24px;
max-width: 100%;
margin-bottom: 24px;
}
.invest-box-link a {
padding: 0;
}
.fond-info-privacy.section-grid.small-padding h4 {
font-size: 24px;
margin-bottom: 24px;
margin-top: 0;
}
.fond-info-privacy.section-grid.small-padding .grid-x.grid-section > .cell {
padding: 30px 1rem;
font-size: 14px;
}
.single-fond h3 {
font-size: 32px;
margin-bottom: 1rem;
}
.single-fond ul {
margin-bottom: 2rem;
font-size: 14px;
padding-left: 1.3rem;
}
.single-fond .is-style-mute {
font-size: 14px;
}
.single-fond .related-fonds .invest .cell:first-child {
padding: 0;
}
.block-samostatne-investovanie .links .item:last-child > a {
border: 0;
}
.block-samostatne-investovanie .links .item a {
padding: 1rem;
margin: 0;
border: 0;
border-bottom: 1px solid rgba(33, 37, 41, 0.4);
}
.block-samostatne-investovanie .links .item a .title + .desc {
padding: 0 0 calc(60px - 1rem);
}
.block-samostatne-investovanie .links .item a .desc + .link {
padding-top: 0;
margin-top: -28px;
}
.wp-block-heading.is-style-pd-1 {
padding: 1.5rem 0 0 0;
}
.container-vyhody.is-mobile-cell-24 h4 {
font-size: 28px;
}
.container-vyhody.is-mobile-cell-24 .cell {
flex: 0 0 100%;
}
.container-vyhody.is-mobile-carousel .cell {
flex: 0 0 100%;
}
.container-vyhody.is-mobile-carousel ul.f-carousel__dots .f-carousel__dot {
color: #fff;
}
.container-sponsoring .item, .container-sponsoring .img {
padding-top: 30px;
padding-bottom: 30px;
}
.container-sponsoring .img {
padding-bottom: 0;
}
.container-accordion-tabs button h3 {
align-self: flex-start;
}
.downloads {
padding-bottom: 2rem;
}
.downloads .name > *, .downloads .info > * {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.downloads .name p {
margin-bottom: 0;
}
.downloads .info {
flex: 0 0 100%;
width: 100%;
}
.downloads .info span:nth-child(2) {
flex: 1 0 auto;
}
}
.app-icons {
display: flex;
flex-flow: row wrap;
gap: 10px;
}
.app-icons a {
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
font-size: 14px;
padding: 0.6rem 0.6rem;
font-weight: 600;
}
.app-icons a img {
width: 22px;
}
.container-newsletter {
background: url(//www.haberl.sk/wp-content/themes/haberl/images/newsletter-bg-3.jpg) left center/cover;
overflow: hidden;
color: #fff;
padding-top: var(--padding80);
padding-bottom: var(--padding80);
font-size: 1rem;
}
.container-newsletter .newsletter-form-cell {
margin: 1rem 0;
}
.container-newsletter .wpcf7 form.invalid .wpcf7-response-output {
background: transparent;
font-weight: 200;
padding: 0;
border: 0;
margin: 0;
text-align: left;
}
.container-newsletter .wpcf-inner {
width: 100%;
}
.container-newsletter .wpcf-inner > p {
margin-bottom: 1rem;
display: flex;
flex-flow: row wrap;
gap: 1.5rem;
align-items: center;
}
.container-newsletter .wpcf-inner > p > .wpcf7-form-control-wrap {
flex: 1 0 0;
}
.container-newsletter .wpcf-inner > div {
display: flex;
justify-content: flex-end;
}
.container-newsletter h2 {
font-style: normal;
font-weight: 200;
line-height: 120%;
margin-top: 0;
color: #FFFFFF;
margin-bottom: 0.6rem;
}
.container-newsletter p {
margin: 0;
}
.container-newsletter form {
display: flex;
gap: 24px;
flex-wrap: wrap;
align-items: start;
}
.container-newsletter form input {
max-width: 100%;
width: 100%;
background: transparent;
border: 0;
border-bottom: 1px solid #fff;
border-radius: 0;
color: #fff;
font-weight: 200;
font-size: 1em;
padding: 1rem;
}
.container-newsletter form input:focus {
outline: none;
}
.container-newsletter form input::placeholder {
font-weight: bold;
opacity: 1;
color: white;
font-weight: 200;
}
.container-newsletter form button {
background: transparent;
color: white;
border: 1px solid #fff;
font-size: 1em;
padding: 1em 1.5em;
text-transform: uppercase;
cursor: pointer;
}
.container-newsletter form button:after {
display: none;
}
.container-newsletter form button:hover {
background: white;
color: #212529;
}
.container-newsletter form .wpcf7-spinner {
display: none;
}
.container-newsletter form .wpcf7-response-output {
background-color: #ccc;
}
#footer {
background: #1D1D1B;
color: #C7C7C7;
}
#footer .grid-container {
padding-top: var(--padding120);
}
img.footer-logo {
margin-bottom: var(--padding40);
}
.footer-boxes {
padding-bottom: 2.5rem;
}
.footer-boxes h5 {
color: #fff;
margin-top: 0;
}
.footer-boxes nav > ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 1rem;
}
.footer-boxes nav > ul li {
margin: 0;
}
.footer-boxes nav > ul a {
color: #C7C7C7;
font-weight: 450;
font-size: 14px;
line-height: 150%;
}
.footer-boxes nav > ul a:hover {
color: #fff;
}
.footer-boxes nav > ul ul {
display: none;
}
ul.address-tabs {
padding: 0;
margin: 0;
list-style: none;
display: flex;
margin: 0 -12px;
}
ul.address-tabs li {
padding: 0 12px;
}
ul.address-tabs a {
color: #fff;
text-decoration: none;
}
ul.address-tabs a:after {
content: "";
display: block;
width: 100%;
margin-top: 9px;
border-bottom: 1px solid #fff;
opacity: 0;
}
ul.address-tabs li.active > a:after {
opacity: 1;
}
.footer-addresses {
color: #fff;
font-weight: 450;
line-height: 150%;
letter-spacing: 0.09em;
text-transform: uppercase;
display: none;
padding: 1.2rem 0;
}
.footer-addresses.active {
display: block;
}
.footer-addresses a {
color: #C7C7C7;
text-decoration: none;
}
.footer-addresses a:hover {
text-decoration: underline;
}
.copyright {
font-style: normal;
font-weight: 450;
font-size: 14px;
line-height: 150%;
padding-top: 1rem;
padding-bottom: 1rem;
align-items: end;
}
.copyright .social a {
color: #C7C7C7;
text-decoration: none;
display: block;
font-size: 1.4rem;
float: left;
margin: 4px 0 0 24px;
transition: 0.3s all;
}
.copyright .social a:hover {
color: #fff;
}
@media screen and (max-width: 1023px) {
.footer-boxes .cell {
padding-top: var(--padding60);
}
.footer-boxes h5 {
margin-bottom: 24px;
}
}
@media screen and (max-width: 639px) {
.container-newsletter p {
margin-bottom: 40px;
}
.container-newsletter .newsletter-form-cell {
margin: 0 0;
}
.container-newsletter .wpcf-inner > p > .wpcf7-form-control-wrap {
flex: 0 0 100%;
}
.container-newsletter form {
flex-flow: row wrap;
display: block;
}
.container-newsletter form button,
.container-newsletter form input {
flex: 0 0 100%;
}
.container-newsletter form input {
max-width: 100%;
}
.container-newsletter form button {
padding: 7px;
}
img.footer-logo {
margin-bottom: 0;
}
.footer-boxes {
padding-bottom: 1rem;
}
.footer-boxes h5 {
font-size: 20px;
}
.footer-boxes .cell {
padding-top: 2.5rem;
}
.footer-boxes .menu {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.copyright {
text-align: center;
}
.copyright .social {
display: flex;
justify-content: center;
align-items: center;
margin: 24px 0 0 0;
}
.copyright .social a {
float: none;
display: block;
margin: 0;
margin: 0 12px 0 12px;
}
}
.person-detail .container-breadcrumb {
margin-bottom: 0;
}
.person-detail .container-hero {
padding-bottom: var(--padding80);
}
.person-card,
.content-person {
max-width: 100%;
}
.person-card.grid-container,
.content-person.grid-container {
max-width: 60rem;
padding-top: var(--padding80);
padding-bottom: var(--padding80);
}
.person-card .img,
.content-person .img {
background: linear-gradient(0deg, #d8d8d8, #e7e7e7);
padding-top: 130%;
position: relative;
}
.person-card img,
.content-person img {
display: block;
height: auto;
width: auto;
position: absolute;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
}
.person-card .cell,
.content-person .cell {
padding: 0;
}
.person-card .person-name,
.content-person .person-name {
margin-top: 0;
margin-bottom: 1rem;
font-weight: 600;
}
.person-card .person-name sub,
.content-person .person-name sub {
color: #5F646A;
display: block;
font-size: 1rem;
text-transform: uppercase;
font-weight: bold;
line-height: 1.5;
margin-top: 8px;
}
.person-card .mute,
.content-person .mute {
color: #5F646A;
}
.person-card .social,
.content-person .social {
font-size: 1.4em;
display: flex;
gap: 0.7rem;
align-items: center;
}
.person-card .social a,
.content-person .social a {
display: block;
text-decoration: none;
}
.person-card .social a:hover,
.content-person .social a:hover {
color: #5F646A;
}
.person-card .social svg,
.content-person .social svg {
display: block;
}
.person-card .right-box-info,
.content-person .right-box-info {
padding-top: 24px;
padding-bottom: var(--padding40);
}
.container-team-persons {
margin: 0 -12px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.container-team-persons .item {
padding: 0 12px;
}
.container-team-persons .leader-separator {
display: none;
}
.container-team-persons.has-leader .item.leader {
grid-row-start: 1;
grid-row-end: 10;
grid-column-start: 1;
grid-column-end: 1;
}
.container-team-persons.has-leader .leader-separator {
display: block;
grid-row-start: 1;
grid-row-end: 10;
grid-column-start: 2;
grid-column-end: 3;
}
section.container-team {
padding-top: var(--padding80);
padding-bottom: var(--padding80);
}
section.container-team .person-name {
margin: 0;
}
.person-name a {
text-decoration: none;
}
.is-align-center > .grid-x,
.is-align-center > div > .grid-x {
align-items: center;
}
.section-grid.black .person-card sub {
color: #fff;
font-weight: 200;
}
.section-grid.black .person-card a {
color: #fff;
text-decoration: none;
}
.section-grid.black .person-card a:hover {
text-decoration: underline;
}
.slider-persons .is-selected .person-card {
opacity: 1;
}
.slider-persons.is-unactive {
display: flex;
}
.slider-persons.is-unactive .person-card {
opacity: 1;
}
.slider-persons .item {
max-width: 35rem;
}
.slider-persons .person-card {
opacity: 0.2;
}
.slider-persons .person-card .image.cell {
padding-bottom: 0;
padding-top: 0;
}
.slider-persons .person-card .cell {
padding: 1.5rem 0.75rem;
}
.slider-persons .person-card h5 {
font-size: var(--padding24);
margin: 0 0 1rem;
}
.slider-persons .person-card h5 sub {
font-size: 14px;
line-height: 1.2;
margin-top: 8px;
}
.slider-persons .person-card .mute {
font-size: 14px;
}
.section-grid.full.pb0 {
padding-bottom: 0;
}
.section-grid.full.pt0 {
padding-top: 0;
}
.cell.align-bottom {
align-self: end;
}
.cell.align-middle {
align-self: center;
}
@media screen and (max-width: 1023px) {
.container-team-persons {
grid-template-columns: 1fr 1fr 1fr;
}
.container-team-persons.has-leader .leader-separator {
display: none;
}
}
@media screen and (max-width: 639px) {
.container-team-persons {
grid-template-columns: 1fr;
display: block;
}
.container-team-persons .person-card, .container-team-persons .content-person {
max-width: 100%;
}
.container-team-persons.has-leader .item.leader {
grid-row-start: 1;
grid-row-end: unset;
grid-column-start: 1;
grid-column-end: 3;
}
.person-card sub, .content-person sub {
font-size: 0.8rem;
}
.person-card .desc, .content-person .desc {
font-size: 15px;
line-height: 1.3;
}
}
.fancybox__content > .f-button.is-close-btn {
color: #212529;
right: 0.5rem;
top: 0.5rem;
}
.custom-dialog {
background: #C7C7C7;
max-width: 759px;
display: none;
}
.custom-dialog.invest-pageform {
padding-top: var(--padding40);
padding-bottom: var(--padding40);
}
.offer-detail .container-breadcrumb {
margin-bottom: 40px;
}
.offer-detail .container-hero {
padding-bottom: var(--padding80);
}
.offer-detail .container-hero h1 {
text-align: center;
margin: 0;
}
.offer-detail a.button.wont {
width: 100%;
}
.offer-detail .grid-container {
max-width: 70rem;
}
.offer-detail h2, .offer-detail h3, .offer-detail h4 {
font-size: clamp(24px, 28px, 28px);
line-height: 130%;
font-style: normal;
font-weight: 200;
margin: 1em 0;
}
.offer-claims.container-vyhody {
padding-top: var(--padding60);
padding-bottom: var(--padding60);
}
.offer-claims.container-vyhody .cell {
display: flex;
text-align: left;
padding-top: var(--padding40);
padding-bottom: var(--padding40);
}
.offer-claims.container-vyhody p {
margin: 0;
text-transform: uppercase;
}
.offer-claims.container-vyhody h4 {
margin: 0;
}
.offer-claims.container-vyhody .ic {
padding-right: var(--padding24);
}
.offer-claims.container-vyhody .grid-x {
padding-bottom: var(--padding40);
}
.offer-detail .content-offer {
padding-top: var(--padding80);
padding-bottom: var(--padding80);
max-width: 55rem;
}
.offer-detail .content-offer ul li {
padding: 0;
}
@media screen and (max-width: 639px) {
.offer-claims.container-vyhody {
padding-top: 40px;
padding-bottom: 40px;
}
.offer-claims.container-vyhody .cell {
padding: 20px 1rem;
flex: 0 0 100%;
}
.offer-claims.container-vyhody .ic {
padding-right: 1rem;
flex: 0 0 60px;
text-align: center;
}
.offer-claims.container-vyhody h4 {
margin-top: 0.5rem;
font-size: 24px;
}
.offer-claims.container-vyhody .mzda-info {
display: block;
line-height: 1.2;
font-size: 12px;
margin-top: 8px;
}
.offer-detail .content-offer {
padding-top: 30px;
padding-bottom: 30px;
}
.offer-detail .content-offer h4, .offer-detail .content-offer h3 {
font-size: 24px;
}
.offer-detail .container-vyhody h2 {
margin-top: 0;
}
.offer-detail .container-vyhody .desc br {
display: block;
}
}
.container-hero.archive-category-hero {
padding-top: clamp(70px, 14vw, 220px);
padding-bottom: clamp(40px, 10vw, 220px);
}
.container-hero.archive-category-hero .hero__content {
text-align: left;
}
.container-hero.archive-category-hero .hero__content p {
text-transform: none;
font-size: 1rem;
}
h1.article-title {
padding-top: clamp(70px, 14vw, 130px);
padding-bottom: clamp(40px, 10vw, 40px);
margin: 0;
}
ul.archive-categories {
list-style: none;
padding: 0;
margin: 5rem 0;
}
ul.archive-categories ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: start;
flex-flow: row wrap;
gap: 24px;
}
ul.archive-categories ul li {
padding: 0;
}
ul.archive-categories ul a {
color: #5F646A;
text-decoration: none;
font-weight: 450;
border-radius: 2px;
font-size: 16px;
line-height: 150%;
padding: 0.2rem 0.5rem;
display: block;
border: 1px solid #BBBBBB;
transition: all 0.3s;
}
ul.archive-categories ul a:hover {
color: #212529;
}
ul.archive-categories ul .active > a {
border-color: white;
background: white;
color: #212529;
}
ul.archive-categories .pane {
display: none;
}
.container-paginator {
padding: 5rem 0;
}
.pagination h2 {
display: none;
}
.pagination .nav-links {
display: flex;
flex-flow: row wrap;
}
.pagination .nav-links .current {
background: #212529;
color: #fff;
}
.pagination .nav-links a:active {
background: white;
box-shadow: 0 -2px 0 black inset;
}
.pagination .nav-links * {
padding: 0.4em 0.7em;
display: block;
line-height: 1.1;
text-decoration: none;
color: black;
}
.pagination .nav-links *:not(.current) {
transition: all 0.3s;
}
.pagination .nav-links *:not(.current):hover {
background: #fff;
}
.pagination .nav-links .prev.page-numbers:after,
.pagination .nav-links .next.page-numbers:after {
display: block;
width: 8px;
height: 17px;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
.pagination .nav-links .prev.page-numbers:after {
background-image: url(https://www.haberl.sk/wp-content/themes/haberl/images/icon-chevron-left.svg);
}
.pagination .nav-links .next.page-numbers:after {
background-image: url(https://www.haberl.sk/wp-content/themes/haberl/images/icon-chevron-right.svg);
}
.article-category {
margin-bottom: 2rem;
}
.article-inner {
padding: 0;
height: 100%;
text-align: left;
display: flex;
flex-flow: column;
}
.article-inner a.cover {
display: block;
padding-top: 63.5%;
position: relative;
margin-bottom: 1rem;
background: url(//www.haberl.sk/wp-content/themes/haberl/images/article-post-bg.jpg);
}
.article-inner a.cover img {
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
object-fit: cover;
filter: grayscale(1);
}
.article-inner .text-article {
flex: 1 0 0;
}
.article-inner h5 {
margin-top: 0rem;
margin-bottom: 1rem;
}
.article-inner h5 a {
color: #000;
text-decoration: none;
display: block;
}
.article-inner .excerpt {
font-weight: 450;
font-size: 14px;
line-height: 150%;
margin-bottom: 2rem;
max-height: 2.9em;
overflow: hidden;
}
.article-inner .blog-readmore a.button {
text-decoration: none;
padding: 0;
font-weight: 600;
}
article.article-detail .container-breadcrumb {
margin-bottom: var(--padding40);
}
article.article-detail .hero__content h1 {
margin-bottom: 0;
}
article.article-detail .article-content.grid-container {
max-width: calc(776px + 2rem);
padding-top: var(--padding80);
padding-bottom: var(--padding80);
}
article.article-detail .article-excerpt {
font-style: normal;
font-weight: 200;
font-size: 1.25rem;
line-height: 120%;
}
article.article-detail .img-excerpt {
filter: grayscale(1);
}
article.article-detail .article-excerpt,
article.article-detail .article-cover,
article.article-detail .article-textarea {
display: block;
margin-bottom: var(--padding40);
}
article.article-detail .article-excerpt h2,
article.article-detail .article-cover h2,
article.article-detail .article-textarea h2 {
font-size: 32px;
}
@media screen and (max-width: 639px) {
article.article-detail .article-excerpt h2,
article.article-detail .article-cover h2,
article.article-detail .article-textarea h2 {
font-size: 28px;
}
}
article.article-detail .article-header {
display: flex;
align-items: center;
margin-bottom: 36px;
}
article.article-detail .article-header .cats {
flex: 1 0 0;
}
article.article-detail .article-header .cats ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
article.article-detail .article-header .cats ul li {
float: left;
margin: 0 1px 1px 0;
}
article.article-detail .article-header .cats a {
padding: 4px 8px;
display: block;
background: #fff;
font-weight: 450;
font-size: 12px;
line-height: 150%;
text-decoration: none;
color: #212529;
}
article.article-detail .article-header span.reading-time {
margin-left: var(--padding40);
}
article.article-detail .article-textarea p {
text-align: justify;
}
article.article-detail .article-textarea p.has-background,
article.article-detail .article-textarea blockquote {
background: #ddd;
margin: 0;
padding: 1.6em;
}
article.article-detail .article-textarea p.has-background > p,
article.article-detail .article-textarea blockquote > p {
margin-top: 0;
}
article.article-detail .article-textarea p.has-background > p:last-child,
article.article-detail .article-textarea blockquote > p:last-child {
margin-bottom: 0;
}
article.article-detail .article-textarea p.has-background strong, article.article-detail .article-textarea p.has-background b,
article.article-detail .article-textarea blockquote strong,
article.article-detail .article-textarea blockquote b {
font-weight: 900;
color: #000;
}
article.article-detail .article-textarea p.has-background {
margin: 1em 0;
}
article.article-detail .article-textarea h1, article.article-detail .article-textarea h2, article.article-detail .article-textarea h3, article.article-detail .article-textarea h4, article.article-detail .article-textarea h5, article.article-detail .article-textarea h6 {
margin-top: 1em;
margin-bottom: 1em;
}
article.article-detail .article-textarea figure {
margin-left: 0;
margin-right: 0;
}
article.article-detail .article-textarea figure a:after {
display: none;
}
article.article-detail .article-textarea a {
color: #212529;
display: inline-block;
text-decoration: none;
font-weight: bold;
}
article.article-detail .article-textarea a:after {
transition: all 0.3s;
content: "";
display: block;
height: 1px;
width: 100%;
background: #212529;
opacity: 0.5;
}
article.article-detail .article-textarea a:hover:after {
opacity: 0;
}
article.article-detail .tags-links {
margin-bottom: var(--padding40);
overflow: hidden;
}
article.article-detail .tags-links a {
font-style: normal;
font-weight: 200;
font-size: 18px;
line-height: 100%;
text-decoration: none;
color: #212529;
border: 1px solid #ADB5BD;
float: left;
margin: 0 8px 8px 0;
padding: 6px 12px;
transition: all 0.3s;
}
article.article-detail .tags-links a:hover {
background: #fff;
}
article.article-detail .social-article div {
overflow: hidden;
}
article.article-detail .social-article span.separator {
display: block;
float: left;
width: 100%;
height: 0px;
}
article.article-detail .social-article h5 {
margin-top: 0;
}
article.article-detail .social-article a {
border: 1px solid #212529;
color: #212529;
float: left;
margin: 0 8px 8px 0;
font-weight: 600;
font-size: 1rem;
line-height: 150%;
padding: 0.4em 1em;
text-decoration: none;
text-transform: uppercase;
display: inline-flex;
align-items: center;
}
article.article-detail .social-article a svg {
margin-right: 8px;
}
article.article-detail .social-article a:hover {
background: #212529;
color: #fff;
}
.articles-slider {
padding-top: var(--padding120);
padding-bottom: var(--padding120);
}
.articles-slider .a-head {
margin-bottom: var(--padding80);
}
.articles-slider .a-head h2 {
margin: 0;
}
.articles-slider .a-head ul.archive-categories {
margin: 0;
}
.articles-slider .f-carousel__track > .cell {
flex: 0 0 33.33%;
padding: 1rem;
} @media print {
body {
background: white !important;
color: black;
margin: 0;
}
.container-hero img,
.tags-links,
.social-article,
.container-newsletter,
footer {
display: none !important;
}
.container-hero {
padding: 0 !important;
}
.container-hero .hero__content {
text-align: left !important;
}
h1 {
font-size: 2rem !important;
margin-bottom: 1rem;
text-align: left;
}
body header.header {
position: static;
}
body header.header .menu-toggle-mob,
body header.header #mainmenu {
display: none !important;
}
}
@media screen and (max-width: 1023px) {
.a-head {
justify-content: space-between;
}
.a-head .medium-auto {
order: 3;
flex: 0 0 100%;
}
}
@media screen and (max-width: 639px) {
ul.archive-categories li {
padding: 0;
position: relative;
}
ul.archive-categories .pane {
display: block;
width: 100%;
font-family: "ES Klarheit Grotesk";
color: #212529;
padding: 0.4rem 0.9rem;
font-size: 1rem;
border: 0;
border-bottom: 1px solid black;
display: flex;
align-items: center;
justify-content: space-between;
background: transparent;
cursor: pointer;
}
ul.archive-categories .pane .name {
color: #5F646A;
}
ul.archive-categories .pane .icon {
stroke-width: 1px;
display: block;
}
ul.archive-categories ul {
background: #fff;
display: none;
padding: 0.6rem 1rem;
position: absolute;
width: 100%;
top: 100%;
left: 0;
z-index: 2;
}
ul.archive-categories ul a {
padding: 0;
border: 0;
}
ul.archive-categories ul li {
padding: 0.4rem 0;
}
ul.archive-categories .is-open button.pane {
background: rgba(255, 255, 255, 0.4);
}
ul.archive-categories .is-open ul {
display: block;
}
.articles-slider .a-head {
margin-bottom: 2rem;
}
.articles-slider .a-head h2 {
margin-bottom: 2rem;
font-size: 40px;
}
.articles-slider .f-carousel__track > .cell {
flex: 0 0 100%;
}
.articles-slider .article-category {
margin-bottom: 0;
}
.footer-button {
text-align: center;
margin-top: 40px;
}
.article-inner h5 {
font-size: 24px;
}
body.archive ul.archive-categories {
margin: 2.5rem 0;
}
body.archive .container-paginator {
padding: 2.5rem 0;
text-align: center;
}
article.article-detail .article-content.grid-container {
padding-top: 40px;
padding-bottom: 40px;
}
article.article-detail .article-header {
font-size: 14px;
align-items: center;
flex-flow: row wrap;
}
article.article-detail .article-header span.reading-time {
margin-left: 1rem;
}
article.article-detail .article-header .cats ul li {
float: none;
padding: 0;
}
article.article-detail .article-header .cats a {
display: inline-block;
}
article.article-detail .social-article span.separator.separator {
display: none;
}
}
body.layout-real-estate .is-content-justification-center {
justify-content: center;
text-align: center;
}
.grid-container .container-real-estates {
padding-bottom: 0;
}
.container-real-estates {
padding-top: var(--padding60);
padding-bottom: var(--padding60);
margin-top: 0;
}
.container-real-estates h2.title {
margin: 0;
text-align: center;
margin-bottom: 1em;
}
.container-real-estates .item {
padding: 1rem;
}
@media screen and (min-width: 640px) {
.container-real-estates .full a.real-card {
padding-top: 50%;
}
}
a.real-card {
display: block;
position: relative;
padding-top: 66%;
background: #ddd;
}
a.real-card .label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: #000;
color: #fff;
font-size: 1em;
padding: 0.7em 2.1em;
font-weight: 100;
text-transform: uppercase;
}
a.real-card .label.closed {
background: #7a7a7a;
color: #ccc;
}
a.real-card img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
a.real-card .title {
position: absolute;
padding: var(--padding40);
left: 0;
color: #fff;
font-size: 1.9em;
display: block;
font-weight: 100;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
bottom: 0;
background: linear-gradient(0deg, #00000073, transparent);
width: 100%;
padding-top: var(--padding120);
}
a.real-card .title sub {
display: block;
line-height: 1.2;
margin: 0 0 10px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
.content-real-estate {
padding-top: 3em;
padding-bottom: 3em;
}
.real-estate-detail .wp-block-columns {
margin-bottom: 2rem;
}
.real-estate-detail .container-hero .bold {
font-weight: 700;
}
.real-estate-detail .container-hero.has-cover-image {
min-height: 65vh;
text-align: center;
}
.real-estate-detail .container-hero.has-cover-image img {
opacity: 1;
}
.real-estate-detail .container-hero.has-cover-image .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90%;
background: linear-gradient(0deg, transparent, #ffffff);
z-index: 1;
opacity: 0.7;
}
.container-vyhody.vyhody-project {
padding-top: var(--padding60);
padding-bottom: var(--padding60);
}
.container-vyhody.vyhody-project .item {
padding: 0;
display: flex;
flex-flow: row wrap;
text-align: left;
align-items: center;
}
.container-vyhody.vyhody-project .item > * {
padding: 1rem 0.5rem;
}
.container-vyhody.vyhody-project .item p, .container-vyhody.vyhody-project .item h6 {
margin: 0;
}
.container-vyhody.vyhody-project .item .img {
display: block;
width: 80px;
height: 80px;
margin: 0;
}
.container-vyhody.vyhody-project .item .img img {
margin: 0 auto;
display: block;
}
.container-vyhody.vyhody-project .item .desc {
flex: 1 0 0;
}
.maps {
background: #fff2d2;
position: relative;
}
.maps .pointer {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
display: block;
}
.maps .pointer img {
display: block;
margin-top: -100%;
margin-left: -50%;
}
.maps iframe {
display: block;
width: 100%;
filter: grayscale(1);
}
@media screen and (max-width: 1023px) {
.container-vyhody.vyhody-project .item .img {
width: 60px;
height: 70px;
}
}
@media screen and (max-width: 639px) {
.section-grid.yellow:not(.textblock) .grid-x.grid-section {
padding: 0;
}
.section-grid.yellow:not(.textblock) .grid-x.grid-section > .cell {
padding: 0;
flex: 0 0 100%;
}
.container-real-estates .item {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
a.real-card .title {
font-size: 1.2em;
}
a.real-card .title sub {
margin: 0 0 3px;
font-size: 12px;
}
.real-estate-detail .wp-block-columns.is-layout-flex {
display: block;
}
.real-estate-detail .container-hero.has-cover-image {
min-height: 50vh;
}
.real-estate-detail .container-hero h5 {
font-size: 1rem;
}
.real-estate-detail .container-hero h1 {
font-size: 27px;
}
.real-estate-detail .vyhody-project {
padding-top: 1rem;
padding-bottom: 1rem;
}
.real-estate-detail .vyhody-project .item > * {
padding: 0.5rem;
}
.real-estate-detail .vyhody-project .item .img {
width: 50px;
height: 50px;
}
.real-estate-detail .vyhody-project .item h6 {
font-size: 1rem;
}
.real-estate-detail .vyhody-project .desc {
font-size: 12px;
}
}
.wpcf7-not-valid-tip {
border-color: var(--color-alert);
display: block;
font-weight: 100;
font-size: 13px;
padding: 5px 0 0 0;
}
.grecaptcha-badge {
opacity: 0;
visibility: hidden;
height: 0 !important;
width: 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border: 2px solid #212529;
font-weight: 200;
padding: 0.6em 1em;
font-weight: 200;
font-size: 14px;
text-align: center;
background: transparent;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: var(--color-alert);
color: var(--color-alert);
}
body .wpcf7 form .wpcf7-response-output {
margin: 0.5em 0;
padding: 0.5em 1em;
border: 2px solid #00a0d2;
}
body .wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; background: #46b450;
}
span.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid + .wpcf7-not-valid-tip {
margin: -9px 0 0 25px;
}
.invest-pageform {
padding-top: var(--padding80);
padding-bottom: var(--padding80);
color: #fff;
}
.invest-pageform h2 {
margin-top: 0;
}
.invest-pageform .grid-x {
background: #1D1D1B;
margin-bottom: 0;
}
.invest-pageform .grid-x .cell {
padding: var(--padding60);
}
.invest-pageform .grid-x .cell.text {
padding-right: 0;
}
.invest-pageform form textarea {
height: 8em;
}
.invest-pageform form .wpcf7-form-control-wrap br {
display: none;
}
.invest-pageform form input[type=text],
.invest-pageform form input[type=email],
.invest-pageform form input[type=tel],
.invest-pageform form textarea {
display: block;
width: 100%;
background: transparent;
border: 0;
border: 1px solid transparent;
border-bottom-color: white;
border-radius: 0;
padding: 1rem;
font-size: 1rem;
font-weight: 200;
color: #fff;
}
.invest-pageform form input[type=text]:focus,
.invest-pageform form input[type=email]:focus,
.invest-pageform form input[type=tel]:focus,
.invest-pageform form textarea:focus {
border: 1px solid #fff;
border-radius: 0;
outline: none;
}
.invest-pageform form input[type=text]::placeholder,
.invest-pageform form input[type=email]::placeholder,
.invest-pageform form input[type=tel]::placeholder,
.invest-pageform form textarea::placeholder {
color: #fff;
opacity: 1;
font-weight: 200;
}
.invest-pageform form .label {
display: none;
}
.invest-pageform form > p:not(.perex) {
display: flex;
margin: 0 -10px 1rem;
flex-flow: row wrap;
}
.invest-pageform form > p:not(.perex) > * {
padding: 0 10px;
flex: 0 0 100%;
}
.invest-pageform form > p:not(.perex) .half {
flex: 0 0 50%;
}
.invest-pageform form label.gdpr-label-custom {
display: block;
margin: 1.5rem 0;
position: relative;
}
.invest-pageform form label.gdpr-label-custom span.gdpr-txt {
padding-left: 24px;
display: block;
font-size: 14px;
font-weight: 200;
line-height: 1.5;
}
.invest-pageform form label.gdpr-label-custom .wpcf7-form-control-wrap {
position: static;
}
.invest-pageform form label.gdpr-label-custom .wpcf7-list-item {
margin: 0;
display: block;
height: 0;
}
.invest-pageform form .gdpr-item { }
.invest-pageform form .gdpr-item > span input {
margin: 0;
position: absolute;
left: 10px;
top: 3px;
z-index: 0;
opacity: 0;
}
.invest-pageform form .gdpr-item > span input:focus, .invest-pageform form .gdpr-item > span input:focus-visible {
outline: none;
border: 0;
outline: 0;
padding: 0;
margin: 0;
}
.invest-pageform form .gdpr-item input:checked + span:before {
background: #fff;
box-shadow: 0px 0px 0 3px #212529 inset;
}
.invest-pageform form .gdpr-item .wpcf7-list-item-label {
font-size: 0;
display: block;
}
.invest-pageform form .gdpr-item .wpcf7-list-item-label:after {
display: none;
}
.invest-pageform form .gdpr-item .wpcf7-list-item-label:before {
content: "";
width: 16px;
height: 16px;
border: 1px solid #ddd;
background: #1D1D1B;
display: block;
position: absolute;
left: 10px;
top: 3px;
z-index: 1;
}
.invest-pageform form .submit {
position: relative;
}
.invest-pageform form .submit .wpcf7-spinner {
position: absolute;
top: 50%;
right: 1rem;
margin: 0;
background: #fff2d2;
margin-top: -12px;
}
.invest-pageform form .submit > p {
margin-bottom: 0;
}
.invest-pageform form .submit input {
width: 100%;
background: transparent;
border: 1px solid #fff;
color: #fff;
font-weight: 200;
font-family: "ES Klarheit Grotesk";
text-transform: uppercase;
font-weight: 600;
font-size: 1rem;
line-height: 150%;
padding: 1em;
margin-bottom: 0;
cursor: pointer;
transition: all 0.3s;
}
.invest-pageform form .submit input:hover {
transition: all 0.3s;
background: #fff;
color: #212529;
}
.invest-pageform.custom-dialog h2 {
margin: 0rem 0 1rem 0;
}
.invest-pageform.custom-dialog p.perex {
margin: 0rem 0 2rem 0;
}
.invest-pageform.white-bg {
background: #c7c7c7;
color: #212529;
}
.invest-pageform.white-bg .file-label {
position: relative; }
.invest-pageform.white-bg .file-label input::file-selector-button {
font-weight: normal;
color: #fff;
padding: 0.8em;
background: #212529;
border: 0;
border-radius: 0;
text-transform: uppercase;
}
.invest-pageform.white-bg form input[type=text], .invest-pageform.white-bg form input[type=email], .invest-pageform.white-bg form input[type=tel], .invest-pageform.white-bg form textarea {
border-bottom-color: #5F646A;
color: #212529;
}
.invest-pageform.white-bg form input[type=text]:focus, .invest-pageform.white-bg form input[type=email]:focus, .invest-pageform.white-bg form input[type=tel]:focus, .invest-pageform.white-bg form textarea:focus {
border: 1px solid #5F646A;
}
.invest-pageform.white-bg form input[type=text]::placeholder, .invest-pageform.white-bg form input[type=email]::placeholder, .invest-pageform.white-bg form input[type=tel]::placeholder, .invest-pageform.white-bg form textarea::placeholder {
color: #5F646A;
opacity: 1;
font-weight: 200;
}
.invest-pageform.white-bg form .gdpr-item input:checked + span:before {
background: #c7c7c7;
}
.invest-pageform.white-bg form .submit input {
background: #212529;
color: #fff;
border: 0;
}
.invest-pageform.white-bg form .submit input:hover {
text-decoration: underline;
}
@media screen and (max-width: 639px) {
.custom-dialog.fancybox__content {
padding: 24px 1rem;
}
.custom-dialog.fancybox__content .f-button.is-close-btn {
background: transparent;
color: black;
opacity: 1;
}
.invest-pageform .grid-x {
padding: 30px 0;
}
.invest-pageform .grid-x .cell {
padding: 30px 1rem;
}
.invest-pageform .grid-x .cell.text {
padding-right: 1rem;
}
.invest-pageform .perex {
font-size: 14px;
}
.invest-pageform form > p:not(.perex) {
margin: 0;
display: block;
}
.invest-pageform form > p:not(.perex) > * {
padding: 0;
}
.invest-pageform form > p:not(.perex) br {
display: none;
}
.invest-pageform label {
display: block;
margin-bottom: 24px;
}
.invest-pageform form .gdpr-item .wpcf7-list-item-label:before {
left: 0;
}
.invest-pageform form .gdpr-item label.gdpr-label-custom {
margin: 2rem 0;
}
.invest-pageform form .gdpr-item > span input {
left: 3px;
}
.invest-pageform form .submit input {
padding: 0.5em 1em;
}
.wpcf7 input[type=file] {
max-width: 243px;
}
} .section-grid.full.black {
color: #fff;
}
.section-grid.full.black .grid-x.grid-section {
padding-top: 0;
padding-bottom: 0;
}
.nws-accordion-content ol li, .nws-accordion-content ul li {
padding: 0.3em 0;
}
.section-grid.full.pb-80 {
padding-bottom: var(--padding80);
}
body.page-template-sporenie-page-php {
background: #fff;
font-weight: 100;
}
body.page-template-sporenie-page-php > .container-vyhody.is-row {
margin-bottom: var(--padding120);
}
body.page-template-sporenie-page-php .container-vyhody.is-row { padding: 0;
}
body.page-template-sporenie-page-php .container-vyhody.is-row:not(.bordered) .cell {
padding-top: 0;
display: flex;
align-items: center;
gap: 1rem;
overflow: unset;
padding: 2rem 1rem;
border-bottom: 1px solid #C7C7C7;
}
body.page-template-sporenie-page-php .container-vyhody.is-row .img {
margin: 0;
}
body.page-template-sporenie-page-php .container-vyhody.is-row .img img {
max-height: 200px;
}
body.page-template-sporenie-page-php .container-vyhody.is-row p {
margin: 0;
}
body.page-template-sporenie-page-php .grid-section .column-wrap > ol {
list-style: none;
line-height: 1.3;
padding: 0;
counter-reset: ol-counter;
}
body.page-template-sporenie-page-php .grid-section .column-wrap > ol li {
font-weight: 450;
counter-increment: ol-counter;
font-size: var(--fs24);
display: block;
padding-top: var(--padding30);
padding-bottom: var(--padding30);
padding-left: 100px;
border-bottom: 1px solid #ddd;
position: relative;
}
body.page-template-sporenie-page-php .grid-section .column-wrap > ol li:before {
content: counter(ol-counter);
font-size: 64px;
top: var(--padding30);
position: absolute;
left: 0;
display: block;
line-height: 1;
z-index: 1;
}
body.page-template-sporenie-page-php .grid-section .column-wrap > ol li:after {
z-index: 0;
content: "";
top: var(--padding30);
position: absolute;
left: 10px;
width: 36px;
height: 36px;
border-radius: 100px;
background: #c7c7c7;
margin-top: 6px;
opacity: 0.4;
}
body.page-template-sporenie-page-php .grid-section .column-wrap > ol li span[style^="text-decoration: underline;"] {
text-decoration: none !important;
display: inline-block;
position: relative;
}
body.page-template-sporenie-page-php .grid-section .column-wrap > ol li span[style^="text-decoration: underline;"]:after {
content: "";
display: block;
height: 8px;
width: 100%;
background: #FFF2D2;
z-index: 0;
margin-top: -8px;
}
body.page-template-sporenie-page-php .grid-section > .cell.dark-bg .column-wrap {
height: 100%;
background: #1D1D1B;
color: #C7C7C7;
padding: 2rem;
font-size: 14px;
display: flex;
flex-flow: column wrap;
font-weight: 450;
}
body.page-template-sporenie-page-php .grid-section > .cell.dark-bg .column-wrap > * {
margin-top: 0;
}
body.page-template-sporenie-page-php .grid-section > .cell.dark-bg .column-wrap .main-sporenie-shortcode {
width: 100%;
margin-top: auto;
}
body.page-template-sporenie-page-php .grid-section > .cell.dark-bg .column-wrap .wp-block-heading {
font-weight: 450;
}
body.page-template-sporenie-page-php .grid-section > .cell.dark-bg .column-wrap .wp-block-heading strong {
font-weight: bold;
}
body.page-template-sporenie-page-php .grid-section > .cell.dark-bg .column-wrap h4 {
font-size: 24px;
margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
body.page-template-sporenie-page-php .grid-section > .cell.dark-bg .column-wrap h4 {
font-size: 20px;
}
}
body.page-template-sporenie-page-php .grid-section > .cell.dark-bg .column-wrap .wp-block-heading strong {
color: #FFF2D2;
font-weight: 600;
}
body.page-template-sporenie-page-php .section-grid.default.is-default .grid-section {
padding-top: 0;
}
body.page-template-sporenie-page-php .section-grid.full {
margin-bottom: var(--padding120);
}
body.page-template-sporenie-page-php .section-grid.full.black {
color: #fff;
}
body.page-template-sporenie-page-php .section-grid.full.black .line-title .is-sub-title:before {
background-image: url(//www.haberl.sk/wp-content/themes/haberl/images/title-line-yellow.svg);
}
body.page-template-sporenie-page-php .section-grid.full.black .line-title .wp-block-heading {
margin-top: 0;
color: #fff;
}
body.page-template-sporenie-page-php .nws-tabs-pane .dropdown {
gap: 60px;
box-shadow: 0 -1px 0 0px #ddd inset;
}
body.page-template-sporenie-page-php .nws-tabs-pane .dropdown li {
padding: 0;
}
body.page-template-sporenie-page-php .nws-tabs-pane .dropdown li.active > * {
font-weight: bold;
}
body.page-template-sporenie-page-php .nws-tabs-pane .dropdown li > * {
font-size: var(--fs24);
padding-left: 0;
padding-right: 0;
font-weight: 100;
}
body.page-template-sporenie-page-php .nws-tabs-pane .dropdown a {
display: block;
}
body.page-template-sporenie-page-php .display-block {
display: block !important;
}
body.page-template-sporenie-page-php hr.wp-block-separator {
margin: 0 auto;
max-width: 82rem;
border: 0;
height: 1px;
background: #C7C7C7;
display: block;
}
body.page-template-sporenie-page-php .hero__content .line-title {
padding: 2rem;
background: #fff;
position: relative;
left: -1rem;
top: var(--padding120);
margin-top: calc( var(--hero-top-home));
display: inline-block;
}
body.page-template-sporenie-page-php .hero__content .line-title .wp-block-heading:last-child {
margin-bottom: 0;
}
body.page-template-sporenie-page-php .container-hero + .line-title {
max-width: 85rem;
margin: 0 auto;
position: relative;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 1200px) {
body.page-template-sporenie-page-php .container-hero + .line-title {
margin-top: -200px;
}
}
body.page-template-sporenie-page-php .container-hero + .line-title > div {
background-color: #fff;
display: inline-block;
padding: 4rem 5rem 1rem 1rem;
}
body.page-template-sporenie-page-php .container-hero + .line-title:after {
content: "";
position: absolute;
right: 100%;
background: #fff;
top: 0;
height: 100%;
width: 50vw;
}
body.page-template-sporenie-page-php .section-grid.gray-image {
background: #e1e1e1 url(//www.haberl.sk/wp-content/themes/haberl/images/section-gray-image.jpg) left top/cover;
}
body.page-template-sporenie-page-php .section-grid.gray-image .cell {
padding-bottom: 2em;
}
body.page-template-sporenie-page-php .section-grid.gray-image .cell p {
font-weight: 100;
}
body.page-template-sporenie-page-php .section-grid.gray-image .cell em {
display: inline-block;
font-style: normal;
font-weight: 450;
}
body.page-template-sporenie-page-php .section-grid.gray-image .cell .wp-block-heading em:after {
content: "";
display: block;
height: 8px;
width: 100%;
background: #FFF2D2;
z-index: 0;
margin-top: -8px;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered h5 {
margin-bottom: 0;
font-weight: 450;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell {
display: flex;
flex-flow: column;
align-items: flex-start !important;
padding: 30px;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell .desc {
flex-grow: 1;
display: flex;
flex-flow: column;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell .desc > *:nth-child(1) {
margin-top: 0;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell .desc > *:nth-child(2) {
flex: 1 0 0;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell .desc > * {
margin-top: 1rem;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell a {
margin-top: 1rem;
background-color: #1D1D1B;
color: #212529;
padding: 0.7rem 1rem;
display: inline-block;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell a:hover {
text-decoration: none;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell a:hover:after {
opacity: 1;
}
body.page-template-sporenie-page-php .container-vyhody.is-row.bordered .cell a:after {
transition: all 0.3s ease;
content: "";
height: 1px;
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.5);
margin-bottom: -1px;
opacity: 0;
}
body.page-template-sporenie-page-php .black .container-vyhody.is-row.bordered .img {
margin-bottom: var(--padding80);
}
body.page-template-sporenie-page-php .black .container-vyhody.is-row.bordered .cell {
border: 1px solid #4A4A49;
margin-right: -1px;
}
body.page-template-sporenie-page-php .black .container-vyhody.is-row.bordered .cell p {
color: #fff;
font-weight: 100;
}
body.page-template-sporenie-page-php .black .container-vyhody.is-row.bordered a {
margin-top: 1rem;
background-color: #fff;
color: #212529;
padding: 0.85rem 1rem;
display: inline-block;
}
body.page-template-sporenie-page-php .black .container-vyhody.is-row.bordered a:after {
transition: all 0.3s ease;
content: "";
height: 1px;
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.5);
margin-bottom: -1px;
opacity: 0;
}
body.page-template-sporenie-page-php span.plus-button {
display: none;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu {
display: flex;
flex-flow: row wrap;
padding: var(--padding40) 0 var(--padding80) 0;
gap: var(--padding120);
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu.pb-0 {
padding-bottom: 0;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu + .wp-block-group {
align-items: center;
margin-left: calc(310px + var(--padding120));
padding-top: 1rem;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu + .wp-block-group .wp-block-heading {
font-weight: 450;
color: black;
text-align: center;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu + .wp-block-group > * {
margin: 0;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu > div {
flex: 1 0 0;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-tabs-pane {
padding: 0;
flex: 0 0 310px;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-tabs-pane .dropdown {
box-shadow: 0 0 0 transparent;
flex-flow: row wrap;
gap: 0;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-tabs-pane .dropdown li {
padding: 0;
flex: 0 0 100%;
text-align: left;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-tabs-pane .dropdown > li > a {
display: block;
padding: 0.7em 1em;
font-size: 1rem;
margin-bottom: 8px;
font-weight: 450;
color: black;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-tabs-pane .dropdown li.active > a {
background-color: #FFF2D2;
border: 0;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion {
border-color: #E9E9E9;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion-link h4 {
font-size: var(--fs24);
font-weight: 450;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion-link svg {
display: none;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion-link.active .plus-button > span:last-child {
opacity: 0;
transition: all 0.3s;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion-link .plus-button {
display: block;
background-color: #ddd;
width: 40px;
height: 40px;
flex: 0 0 40px;
position: relative;
border-radius: 100px;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion-link .plus-button > span:first-child {
width: 14px;
background: black;
height: 2px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%);
margin-top: -1px;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion-link .plus-button > span:last-child {
height: 14px;
background: black;
width: 2px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
body.page-template-sporenie-page-php .wp-block-heading.is-sub-title {
margin-top: 0;
}
body.page-template-sporenie-page-php .wp-block-image {
margin-bottom: 0;
}
body.page-template-sporenie-page-php .wp-block-haberl-haberl-graph .haberl-graph-slider-label-grid {
line-height: 1.2;
}
body.page-template-sporenie-page-php .wp-block-haberl-haberl-graph canvas {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 1200px) {
.container-hero.containimage > .grid-container,
.container-hero.containimage > .grid-container .hero__content {
position: relative;
}
.container-hero.containimage img.cover-image {
position: absolute;
height: 100%;
position: absolute;
height: 100%;
object-fit: cover;
width: 100%;
}
}
@media screen and (max-width: 1023px) {
.container-hero + .line-title {
margin-top: 0;
}
.container-hero.containimage > .grid-container {
padding: 0;
}
.container-hero.containimage > .grid-container .hero__content {
padding: calc(70px + 0px) 1rem;
}
.grid-container.tab-left-menu {
gap: 1rem;
}
.grid-container.tab-left-menu .nws-tabs-pane {
flex: 0 0 100%;
}
.section-grid.default.horizontal-scroll > .grid-container .grid-x {
flex-wrap: nowrap;
overflow: auto;
font-size: 14px;
gap: 0;
margin: 0 -1rem;
gap: 1rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.section-grid.default.horizontal-scroll > .grid-container .grid-x .cell {
flex: 0 0 300px;
padding: 0rem;
}
.section-grid.default.horizontal-scroll > .grid-container .grid-x .cell .column-wrap {
padding: 20px;
}
.section-grid.default.horizontal-scroll > .grid-container .grid-x .cell .wp-element-button, .section-grid.default.horizontal-scroll > .grid-container .grid-x .cell .button {
padding: 0.6rem 0;
}
.container-vyhody.horizontal-scroll .grid-x {
flex-flow: row nowrap;
overflow: auto;
margin: 0 0 0;
padding-bottom: 2rem;
}
.container-vyhody.horizontal-scroll .grid-x .cell {
padding: 20px;
padding-bottom: 40px;
flex: 0 0 300px;
}
.wp-block-haberl-haberl-graph {
display: block;
}
.wp-block-haberl-haberl-graph .graph-container {
margin-bottom: 2rem;
}
}
@media screen and (max-width: 640px) {
body.page-template-sporenie-page-php .haberl-graph-slider-container {
display: block;
}
body.page-template-sporenie-page-php .container-hero.containimage {
padding-bottom: 0;
}
body.page-template-sporenie-page-php .container-hero.containimage img.cover-image {
position: static;
display: block;
height: auto;
margin: 0 auto;
}
body.page-template-sporenie-page-php .container-hero.containimage > .grid-container .hero__content {
padding: calc(70px + 0px) 1rem 1rem 1rem;
}
body.page-template-sporenie-page-php .container-hero + .line-title {
margin-top: 0;
}
body.page-template-sporenie-page-php .container-hero.containimage img.cover-image {
display: none;
}
body.page-template-sporenie-page-php .container-hero.containimage img.cover-image.mobile {
display: block;
margin: 0 auto;
width: auto;
}
body.page-template-sporenie-page-php .container-vyhody .grid-x {
margin: 0;
}
body.page-template-sporenie-page-php .container-vyhody.is-row:not(.bordered) .cell {
flex-flow: column;
}
body.page-template-sporenie-page-php .container-vyhody.is-row:not(.bordered) .cell .desc {
text-align: center;
}
body.page-template-sporenie-page-php .line-title .acf-innerblocks-container .wp-block-heading {
font-size: 24px;
letter-spacing: -0.02em;
}
body.page-template-sporenie-page-php .line-title .acf-innerblocks-container .is-sub-title {
font-size: 14px;
}
body.page-template-sporenie-page-php .section-grid.is-default > .grid-container > .grid-section > .cell {
padding: 1rem;
}
body.page-template-sporenie-page-php .section-grid.gray-image .cell {
margin-bottom: 1em;
}
body.page-template-sporenie-page-php .section-grid.small-cell-padding > .grid-container > .grid-section > .cell {
padding-top: 0;
padding-bottom: 0;
}
body.page-template-sporenie-page-php ul.nws-tabs-pane:not(.no-select) .open-pane-button {
background: #FFF2D2;
border: 0;
background: #FFF2D2;
border: 0;
padding: 12px 1rem;
}
body.page-template-sporenie-page-php ul.nws-tabs-pane:not(.no-select) .open-pane-button .name {
color: black !important;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu {
padding: 0;
gap: 1rem;
flex-direction: column;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-tabs-pane {
flex: 0 0 auto;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu + .wp-block-group {
display: block;
margin: 0;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu + .wp-block-group .wp-block-buttons {
display: block;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu + .wp-block-group .wp-block-heading {
padding-bottom: 1rem;
text-align-last: left;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu + .wp-block-group .wp-block-heading,
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion-link h4 {
font-size: 16px;
}
body.page-template-sporenie-page-php .grid-container.tab-left-menu .nws-accordion-link .plus-button {
width: 32px;
height: 32px;
flex: 0 0 32px;
}
body.page-template-sporenie-page-php .section-grid.dark { }
body.page-template-sporenie-page-php .section-grid.dark .wp-block-buttons {
margin-top: 2rem;
}
body.page-template-sporenie-page-php .section-grid.dark > .grid-container > .grid-section > .is-text-cell {
padding: 24px;
}
body.page-template-sporenie-page-php .section-grid.dark .grid-x {
margin-left: 0;
margin-right: 0;
}
body.page-template-sporenie-page-php .section-grid.horizontal-scroll > .grid-container .grid-x {
gap: 24px;
margin-left: 0px;
}
body.page-template-sporenie-page-php .section-grid.horizontal-scroll > .grid-container .grid-x > .cell {
padding: 0;
}
body.page-template-sporenie-page-php .grid-section ol li {
padding-left: 70px;
font-size: 20px;
}
body.page-template-sporenie-page-php .section-grid.full {
margin-bottom: 40px;
}
body.page-template-sporenie-page-php .section-grid.gray-image {
padding-bottom: 0px;
padding-top: 30px;
}
}
.cell > .column-wrap {
height: 100%;
}
.cell > .column-wrap > .wp-block-group.custom-patern-bg-link {
height: 100%;
}
.wp-block-group.custom-patern-bg-link {
position: relative;
padding: clamp(50px, 12vw, 136px) clamp(50px, 16vw, 160px);
filter: grayscale(1);
transition: all 0.3s;
}
.wp-block-group.custom-patern-bg-link > figure {
margin: 0;
}
.wp-block-group.custom-patern-bg-link > figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover;
}
.wp-block-group.custom-patern-bg-link:hover {
transition: all 0.3s;
filter: grayscale(0);
}
.wp-block-group.custom-patern-bg-link:hover .inner-group {
transition: all 0.3s;
background: #fff;
}
.wp-block-group.custom-patern-bg-link .hidden-buttons.wp-block-buttons a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 2;
}
.wp-block-group.custom-patern-bg-link .inner-group {
transition: all 0.3s;
background: #d8d8d8;
position: relative;
z-index: 1;
padding: clamp(1rem, 2vw,2rem);
}
.wp-block-group.custom-patern-bg-link .inner-group .wp-block-spacer {
max-height: 90px;
}
.wp-block-group.custom-patern-bg-link .inner-group p {
font-size: var(--h6);
line-height: 1.4;
}
.wp-block-group.custom-patern-bg-link .inner-group p strong {
font-weight: 600;
}
.wp-block-group.custom-patern-bg-link .inner-group > *:last-child {
margin-bottom: 0;
}
.has-text-align-right {
text-align: right;
}
.wp-block-group.custom-patern-developer-table .wp-block-group {
margin: 0;
}
.wp-block-group.custom-patern-developer-table .wp-block-group.is-layout-grid {
display: flex;
flex-flow: wrap row;
}
.wp-block-group.custom-patern-developer-table .wp-block-group.is-layout-grid.group-claims {
gap: 1rem;
}
.wp-block-group.custom-patern-developer-table .wp-block-group.is-layout-grid.group-claims > .wp-block-group {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-group.custom-patern-developer-table .wp-block-group.is-layout-grid.group-claims .wp-block-heading {
margin-top: 0;
margin-bottom: 0;
font-weight: 450;
}
.wp-block-group.custom-patern-developer-table .wp-block-group.is-layout-grid.group-claims h2 {
font-size: clamp(40px, 64px, 64px);
}
.wp-block-group.custom-patern-developer-table figure.wp-block-table {
margin: 0;
}
.wp-block-group.custom-patern-developer-table figure.wp-block-table table {
width: 100%;
border-collapse: collapse;
}
.wp-block-group.custom-patern-developer-table figure.wp-block-table table tbody tr td:first-child {
padding-left: 0;
}
.wp-block-group.custom-patern-developer-table figure.wp-block-table table tbody tr td:last-child {
padding-right: 0;
}
.wp-block-group.custom-patern-developer-table figure.wp-block-table table tr {
border-bottom: 1px solid #bbb;
}
.wp-block-group.custom-patern-developer-table figure.wp-block-table table td {
padding: 1rem;
}
body .fancybox__container,
body .fancybox__backdrop {
--fancybox-bg: rgba(24, 24, 27, 0);
}
.fancy-textcontent {
max-width: 759px;
}
.fancybox__container {
background: rgba(0, 0, 0, 0.3);
opacity: 1;
transition: opacity 0.3s;
}
.fancybox__container.is-closing {
transition: opacity 0.3s;
opacity: 0;
}
:root {
--padding120: 120px;
--padding80: 80px;
--padding60: 60px;
--padding40: 40px;
--padding30: 30px;
--padding24: 24px;
--fancybox-bg: rgba(24, 24, 27, 0);
--color-alert: #dc3232;
--fs40: 40px;
--fs24: 24px;
--h6: clamp(16px, 20px, 20px);
}
body {
font-family: "ES Klarheit Grotesk";
background: #C7C7C7;
color: #212529;
font-style: normal;
font-weight: 450;
font-size: 16px;
line-height: 150%;
}
figure.wp-block-video {
position: relative;
padding-top: 56%;
}
figure.wp-block-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #121212;
}
textarea, button, pre, input, select {
font-family: "ES Klarheit Grotesk";
}
.wp-block-group,
.wp-block-columns,
.grid-container {
max-width: 85rem;
margin: 0 auto;
}
h1, .h1 {
font-size: clamp(40px, 56px, 56px);
line-height: 130%;
font-style: normal;
font-weight: 200;
}
h2, .h2 {
font-size: clamp(32px, 40px, 40px);
line-height: 130%;
font-style: normal;
font-weight: 200;
}
h3, .h3 {
font-size: 32px;
line-height: 120%;
font-style: normal;
font-weight: 200;
}
h4, .h4 {
font-size: clamp(24px, 28px, 28px);
line-height: 130%;
font-style: normal;
font-weight: 200;
}
h5, .h5 {
font-size: clamp(18px, 24px, 24px);
line-height: 130%;
font-style: normal;
font-weight: 200;
}
h6, .h6 {
font-size: clamp(16px, 20px, 20px);
line-height: 130%;
font-style: normal;
font-weight: 200;
margin-bottom: 1em;
}
* {
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
word-spacing: 0em;
}
h1.is-style-mb0, h2.is-style-mb0, h3.is-style-mb0, h4.is-style-mb0, h5.is-style-mb0, h6.is-style-mb0, p.is-style-mb0, pre.is-style-mb0 {
margin: 0;
}
ol, ul {
padding-left: 1.1em;
}
.is-style-text-uppercase {
text-transform: uppercase;
}
img {
max-width: 100%;
height: auto;
}
.mb0 {
margin-bottom: 0 !important;
}
.pb0:not(.box) {
padding-bottom: 0;
}
.pb0:not(.box).section-grid > .grid-container > .grid-section {
padding-bottom: 0;
}
.pt0:not(.box) {
padding-top: 0;
}
.pt0:not(.box).section-grid > .grid-container > .grid-section {
padding-top: 0;
}
.section-grid.box.pt0 {
padding-top: 0;
}
.section-grid.box.pb0 {
padding-bottom: 0;
}
.pb-40:not(.section-grid) {
padding-bottom: var(--padding40);
}
.pb-40 > .grid-container > .grid-section {
padding-bottom: var(--padding40);
}
.pb-80:not(.section-grid) {
.padding-bottom: var(--padding80);
}
.pb-80.section-grid > .grid-container > .grid-section {
padding-bottom: var(--padding80);
}
button, .button {
font-family: "ES Klarheit Grotesk";
border: 0;
text-align: center;
}
.uppercase {
text-transform: uppercase;
}
.font-small, small {
font-size: 14px;
}
.has-text-align-center {
text-align: center;
}
.has-background.has-white-background-color {
background-color: #fff !important;
}
.has-text-color.has-white-color {
color: #fff;
}
.wp-element-button.white, .wp-element-button.has-white-background-color, .button.white, .button.has-white-background-color {
background: #fff;
border-color: #fff;
color: #212529;
}
.wp-element-button.white.bordered, .wp-element-button.has-white-background-color.bordered, .button.white.bordered, .button.has-white-background-color.bordered {
border-color: rgba(0, 0, 0, 0.1);
}
.wp-element-button.white:after, .wp-element-button.has-white-background-color:after, .button.white:after, .button.has-white-background-color:after {
background: rgba(0, 0, 0, 0.5);
}
.is-style-outline .wp-block-button__link.has-white-color.wp-element-button {
border-color: #fff;
color: #fff;
}
.is-style-outline .wp-block-button__link.has-white-color.wp-element-button:hover {
background: #fff;
color: #212529;
}
.has-background.has-dark-background-color {
background-color: #1D1D1B !important;
}
.has-text-color.has-dark-color {
color: #1D1D1B;
}
.wp-element-button.dark, .wp-element-button.has-dark-background-color, .button.dark, .button.has-dark-background-color {
background: #1D1D1B;
border-color: #1D1D1B;
color: white;
}
.wp-element-button.dark:after, .wp-element-button.has-dark-background-color:after, .button.dark:after, .button.has-dark-background-color:after {
background: rgba(255, 255, 255, 0.5);
}
.is-style-outline .wp-block-button__link.has-dark-color.wp-element-button {
border-color: #1D1D1B;
color: #1D1D1B;
}
.is-style-outline .wp-block-button__link.has-dark-color.wp-element-button:hover {
background: #1D1D1B;
color: white;
}
.has-background.has-gray-background-color {
background-color: #C7C7C7 !important;
}
.has-text-color.has-gray-color {
color: #C7C7C7;
}
.wp-element-button.gray, .wp-element-button.has-gray-background-color, .button.gray, .button.has-gray-background-color {
background: #C7C7C7;
border-color: #C7C7C7;
color: #212529;
}
.wp-element-button.gray:after, .wp-element-button.has-gray-background-color:after, .button.gray:after, .button.has-gray-background-color:after {
background: rgba(0, 0, 0, 0.5);
}
.is-style-outline .wp-block-button__link.has-gray-color.wp-element-button {
border-color: #C7C7C7;
color: #C7C7C7;
}
.is-style-outline .wp-block-button__link.has-gray-color.wp-element-button:hover {
background: #C7C7C7;
color: #212529;
}
.has-background.has-yellow-background-color {
background-color: #FFF2D2 !important;
}
.has-text-color.has-yellow-color {
color: #FFF2D2;
}
.wp-element-button.yellow, .wp-element-button.has-yellow-background-color, .button.yellow, .button.has-yellow-background-color {
background: #FFF2D2;
border-color: #FFF2D2;
color: #212529;
}
.wp-element-button.yellow:after, .wp-element-button.has-yellow-background-color:after, .button.yellow:after, .button.has-yellow-background-color:after {
background: rgba(0, 0, 0, 0.5);
}
.is-style-outline .wp-block-button__link.has-yellow-color.wp-element-button {
border-color: #FFF2D2;
color: #FFF2D2;
}
.is-style-outline .wp-block-button__link.has-yellow-color.wp-element-button:hover {
background: #FFF2D2;
color: #212529;
}
.wp-element-button,
.button {
background: #212529;
border: 1px solid #212529;
padding: 0.7rem 1rem;
text-decoration: none;
color: #fff;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
font-weight: 450;
text-align: center;
}
.wp-element-button.small,
.button.small {
padding: 0.4375rem 0.75rem;
}
.wp-element-button:after,
.button:after {
transition: all 0.3s ease;
content: "";
height: 1px;
width: 100%;
display: block;
background: rgba(255, 255, 255, 0.5);
margin-bottom: -1px;
opacity: 0;
}
.wp-element-button:hover:after,
.button:hover:after {
opacity: 1;
text-decoration: none;
}
.small .wp-element-button {
padding: 0.4375rem 0.75rem;
}
.cell.is-content-right.align-top.cell-50 {
padding-left: 7.7rem;
}
.is-style-outline .wp-block-button__link,
.button.hollow {
border: 1px solid #212529;
background: transparent;
color: #212529;
}
.is-style-outline .wp-block-button__link:after,
.button.hollow:after {
content: none;
}
.is-style-outline .wp-block-button__link:hover,
.button.hollow:hover {
background: #212529;
color: #fff;
}
.is-style-outline .wp-block-button__link.white,
.button.hollow.white {
color: #fff;
border-color: white;
}
.is-style-outline .wp-block-button__link.white:hover,
.button.hollow.white:hover {
color: #212529;
background: #fff;
}
.is-style-empty .wp-element-button,
.button.empty {
border: 1px solid transparent;
background: transparent;
color: #212529;
}
.is-style-empty .wp-element-button:after,
.button.empty:after {
background: rgba(0, 0, 0, 0.5);
}
.invest-pageform + .container-articles {
padding-top: 0;
}
.section-grid.black .is-style-outline .wp-block-button__link,
.section-grid.black .button.hollow {
border-color: #fff;
color: #fff;
}
.section-grid.black .is-style-outline .wp-block-button__link:hover,
.section-grid.black .button.hollow:hover {
background-color: #fff;
color: #1D1D1B;
}
@media screen and (max-width: 1023px) {
:root {
--hero-top-home: 20px;
--padding120: 80px;
--padding80: 60px;
--padding60: 50px;
--padding40: 30px;
--padding30: 30px;
--padding24: 24px;
--fs40: 35px;
--fs24: 24px;
}
h1 {
font-size: 32px;
}
}
@media screen and (max-width: 639px) {
:root {
--hero-top-home: 0px;
--hero-top: 100px;
--hero-bottom: 60px;
--padding120: 60px;
}
h1 {
font-size: 37px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 24px;
}
.wp-element-button, .button {
padding: 0.5rem 1rem;
}
.wp-block-buttons.is-layout-flex {
flex-flow: row wrap;
}
.wp-block-buttons.is-layout-flex.mobile-center {
text-align: center;
}
.wp-block-buttons.is-layout-flex > * {
font-size: 14px;
}
}