.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 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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.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: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:.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: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,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.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:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .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:10px;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:.2s transform,.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:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(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: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:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(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:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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}.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 .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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}.vbox-overlay{--vbox-tools-color:#fff;--vbox-title-background:#101010;--vbox-title-width:'auto';--vbox-title-radius:0;--vbox-share-background:#101010;--vbox-share-width:'auto';--vbox-share-radius:0;--vbox-padding:0}
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}
.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}
.vbox-share,.vbox-title{line-height:1;position:fixed;z-index:98;text-align:center;margin:0 auto;color:var(--vbox-tools-color)}
.vbox-title{font-size:12px;background-color:var(--vbox-title-background);width:var(--vbox-title-width);border-radius:var(--vbox-title-radius);padding:12px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.vbox-share{font-size:24px;padding:0 .35em;background-color:var(--vbox-share-background);width:var(--vbox-share-width);border-radius:var(--vbox-share-radius)}
.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover{border:none!important;background:0 0!important;box-shadow:none!important;color:inherit!important;padding:6px 12px;outline:0;display:inline-block;cursor:pointer}
.vbox-share a{color:inherit!important;padding:6px 12px;display:inline-block}
.vbox-share svg{z-index:10;vertical-align:middle}
.vbox-close{cursor:pointer;position:fixed;top:0;right:0;z-index:99;padding:6px 15px;color:#000;color:var(--vbox-tools-color);border:0;font-size:24px;display:flex;align-items:center;opacity:.8;transition:opacity .2s}
.vbox-close:hover{opacity:1}
.vbox-left-corner{cursor:pointer;position:fixed;left:0;top:0;overflow:hidden;line-height:1;font-size:12px;z-index:99;display:flex;align-items:center;color:var(--vbox-tools-color)}
.vbox-num{display:inline-block;padding:12px 15px}
.vbox-left{left:0}
.vbox-right{right:0}
.vbox-top{top:0}
.vbox-bottom{bottom:0}
.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99;opacity:.8;transition:opacity .2s}
.vbox-next:hover,.vbox-prev:hover{opacity:1}
.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--vbox-tools-color);border-right-color:var(--vbox-tools-color);text-indent:-100px;position:absolute;top:8px;display:block}
.vbox-prev{left:15px}
.vbox-next{right:15px}
.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}
.vbox-inline,.venoratio{position:relative;width:100%;margin:0 auto}
.venoratio::before{display:block;padding-top:var(--vb-aspect-ratio);content:""}
.venoratio>*{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--vbox-padding)}
.venoratio-1x1{--vb-aspect-ratio:100%}
.venoratio-4x3{--vb-aspect-ratio:calc(3 / 4 * 100%)}
.venoratio-16x9{--vb-aspect-ratio:calc(9 / 16 * 100%)}
.venoratio-21x9{--vb-aspect-ratio:calc(9 / 21 * 100%)}
.venoratio-full{--vb-aspect-ratio:calc(100vh - 100px)}
.vbox-child.vbox-inline,.vbox-child.venoratio{max-width:100%}
.vbox-open{overflow:hidden}
.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%;padding:30px 0}
.vbox-content{opacity:0}
.vbox-content{text-align:center;width:100%;position:relative;overflow:hidden;padding:20px 4%;display:flex;align-items:center;justify-content:center;min-height:100%}
.vbox-container img{max-width:100%;height:auto}
.vbox-child{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial;padding:var(--vbox-padding)}
.vbox-child img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:block}
.vbox-grab .vbox-child img{cursor:grab}
.vbox-child>iframe{border:none!important}
.vbox-content.swipe-left{margin-left:-200px!important}
.vbox-content.swipe-right{margin-left:200px!important}
.vbox-preloader{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.vbox-preloader .vbox-preloader-inner{opacity:1;transition:opacity .2s}
.vbox-hidden{display:none}
.vbox-preloader.vbox-hidden .vbox-preloader-inner{opacity:0}
.vbox-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translateZ(-1px);-moz-transform:translateZ(-1px);-o-transform:translateZ(-1px);transform:translateZ(-1px);z-index:0}
.vbox-tooltip{position:relative;display:inline-block}
.vbox-tooltip .vbox-tooltip-text{visibility:hidden;color:#fff;text-align:center;padding:0;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity .3s;margin-bottom:2px;font-family:sans-serif}
.vbox-top .vbox-tooltip .vbox-tooltip-text{bottom:auto;top:100%;margin-bottom:0;margin-top:2px}
.vbox-tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,.9);border-radius:6px;font-size:10px}
.vbox-tooltip:hover .vbox-tooltip-text{visibility:visible;opacity:1}
.vbox-overlay{--sk-size:40px;--sk-color:#333}
.sk-center{margin:auto}
.sk-plane{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);animation:sk-plane 1.2s infinite ease-in-out}
@keyframes sk-plane{
0%{transform:perspective(120px) rotateX(0) rotateY(0)}
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
.sk-chase{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-chase 2.5s infinite linear both}
.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}
.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:var(--sk-color);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}
.sk-chase-dot:nth-child(1){animation-delay:-1.1s}
.sk-chase-dot:nth-child(2){animation-delay:-1s}
.sk-chase-dot:nth-child(3){animation-delay:-.9s}
.sk-chase-dot:nth-child(4){animation-delay:-.8s}
.sk-chase-dot:nth-child(5){animation-delay:-.7s}
.sk-chase-dot:nth-child(6){animation-delay:-.6s}
.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-chase-dot:nth-child(2):before{animation-delay:-1s}
.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}
.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}
.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}
.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}
@keyframes sk-chase{
100%{transform:rotate(360deg)}
}
@keyframes sk-chase-dot{
100%,80%{transform:rotate(360deg)}
}
@keyframes sk-chase-dot-before{
50%{transform:scale(.4)}
0%,100%{transform:scale(1)}
}
.sk-bounce{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-bounce-dot{width:100%;height:100%;border-radius:50%;background-color:var(--sk-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)}
.sk-bounce-dot:nth-child(2){animation-delay:-1s}
@keyframes sk-bounce{
0%,100%{transform:scale(0)}
45%,55%{transform:scale(1)}
}
.sk-wave{width:var(--sk-size);height:var(--sk-size);display:flex;justify-content:space-between}
.sk-wave-rect{background-color:var(--sk-color);height:100%;width:15%;animation:sk-wave 1.2s infinite ease-in-out}
.sk-wave-rect:nth-child(1){animation-delay:-1.2s}
.sk-wave-rect:nth-child(2){animation-delay:-1.1s}
.sk-wave-rect:nth-child(3){animation-delay:-1s}
.sk-wave-rect:nth-child(4){animation-delay:-.9s}
.sk-wave-rect:nth-child(5){animation-delay:-.8s}
@keyframes sk-wave{
0%,100%,40%{transform:scaleY(.4)}
20%{transform:scaleY(1)}
}
.sk-pulse{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);border-radius:100%;animation:sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)}
@keyframes sk-pulse{
0%{transform:scale(0)}
100%{transform:scale(1);opacity:0}
}
.sk-flow{width:calc(var(--sk-size) * 1.3);height:calc(var(--sk-size) * 1.3);display:flex;justify-content:space-between}
.sk-flow-dot{width:25%;height:25%;background-color:var(--sk-color);border-radius:50%;animation:sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both}
.sk-flow-dot:nth-child(1){animation-delay:-.3s}
.sk-flow-dot:nth-child(2){animation-delay:-.15s}
@keyframes sk-flow{
0%,100%,80%{transform:scale(.3)}
40%{transform:scale(1)}
}
.sk-swing{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-swing 1.8s infinite linear}
.sk-swing-dot{width:45%;height:45%;position:absolute;top:0;left:0;right:0;margin:auto;background-color:var(--sk-color);border-radius:100%;animation:sk-swing-dot 2s infinite ease-in-out}
.sk-swing-dot:nth-child(2){top:auto;bottom:0;animation-delay:-1s}
@keyframes sk-swing{
100%{transform:rotate(360deg)}
}
@keyframes sk-swing-dot{
0%,100%{transform:scale(.2)}
50%{transform:scale(1)}
}
.sk-circle{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-circle-dot{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle 1.2s infinite ease-in-out both}
.sk-circle-dot:nth-child(1){transform:rotate(30deg)}
.sk-circle-dot:nth-child(2){transform:rotate(60deg)}
.sk-circle-dot:nth-child(3){transform:rotate(90deg)}
.sk-circle-dot:nth-child(4){transform:rotate(120deg)}
.sk-circle-dot:nth-child(5){transform:rotate(150deg)}
.sk-circle-dot:nth-child(6){transform:rotate(180deg)}
.sk-circle-dot:nth-child(7){transform:rotate(210deg)}
.sk-circle-dot:nth-child(8){transform:rotate(240deg)}
.sk-circle-dot:nth-child(9){transform:rotate(270deg)}
.sk-circle-dot:nth-child(10){transform:rotate(300deg)}
.sk-circle-dot:nth-child(11){transform:rotate(330deg)}
.sk-circle-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-circle-dot:nth-child(2):before{animation-delay:-1s}
.sk-circle-dot:nth-child(3):before{animation-delay:-.9s}
.sk-circle-dot:nth-child(4):before{animation-delay:-.8s}
.sk-circle-dot:nth-child(5):before{animation-delay:-.7s}
.sk-circle-dot:nth-child(6):before{animation-delay:-.6s}
.sk-circle-dot:nth-child(7):before{animation-delay:-.5s}
.sk-circle-dot:nth-child(8):before{animation-delay:-.4s}
.sk-circle-dot:nth-child(9):before{animation-delay:-.3s}
.sk-circle-dot:nth-child(10):before{animation-delay:-.2s}
.sk-circle-dot:nth-child(11):before{animation-delay:-.1s}
@keyframes sk-circle{
0%,100%,80%{transform:scale(0)}
40%{transform:scale(1)}
}
.sk-circle-fade{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-circle-fade-dot{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-fade-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle-fade 1.2s infinite ease-in-out both}
.sk-circle-fade-dot:nth-child(1){transform:rotate(30deg)}
.sk-circle-fade-dot:nth-child(2){transform:rotate(60deg)}
.sk-circle-fade-dot:nth-child(3){transform:rotate(90deg)}
.sk-circle-fade-dot:nth-child(4){transform:rotate(120deg)}
.sk-circle-fade-dot:nth-child(5){transform:rotate(150deg)}
.sk-circle-fade-dot:nth-child(6){transform:rotate(180deg)}
.sk-circle-fade-dot:nth-child(7){transform:rotate(210deg)}
.sk-circle-fade-dot:nth-child(8){transform:rotate(240deg)}
.sk-circle-fade-dot:nth-child(9){transform:rotate(270deg)}
.sk-circle-fade-dot:nth-child(10){transform:rotate(300deg)}
.sk-circle-fade-dot:nth-child(11){transform:rotate(330deg)}
.sk-circle-fade-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-circle-fade-dot:nth-child(2):before{animation-delay:-1s}
.sk-circle-fade-dot:nth-child(3):before{animation-delay:-.9s}
.sk-circle-fade-dot:nth-child(4):before{animation-delay:-.8s}
.sk-circle-fade-dot:nth-child(5):before{animation-delay:-.7s}
.sk-circle-fade-dot:nth-child(6):before{animation-delay:-.6s}
.sk-circle-fade-dot:nth-child(7):before{animation-delay:-.5s}
.sk-circle-fade-dot:nth-child(8):before{animation-delay:-.4s}
.sk-circle-fade-dot:nth-child(9):before{animation-delay:-.3s}
.sk-circle-fade-dot:nth-child(10):before{animation-delay:-.2s}
.sk-circle-fade-dot:nth-child(11):before{animation-delay:-.1s}
@keyframes sk-circle-fade{
0%,100%,39%{opacity:0;transform:scale(.6)}
40%{opacity:1;transform:scale(1)}
}
.sk-grid{width:var(--sk-size);height:var(--sk-size)}
.sk-grid-cube{width:33.33%;height:33.33%;background-color:var(--sk-color);float:left;animation:sk-grid 1.3s infinite ease-in-out}
.sk-grid-cube:nth-child(1){animation-delay:.2s}
.sk-grid-cube:nth-child(2){animation-delay:.3s}
.sk-grid-cube:nth-child(3){animation-delay:.4s}
.sk-grid-cube:nth-child(4){animation-delay:.1s}
.sk-grid-cube:nth-child(5){animation-delay:.2s}
.sk-grid-cube:nth-child(6){animation-delay:.3s}
.sk-grid-cube:nth-child(7){animation-delay:0s}
.sk-grid-cube:nth-child(8){animation-delay:.1s}
.sk-grid-cube:nth-child(9){animation-delay:.2s}
@keyframes sk-grid{
0%,100%,70%{transform:scale3D(1,1,1)}
35%{transform:scale3D(0,0,1)}
}
.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)}
.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}
.sk-fold-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}
.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)}
.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)}
.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)}
.sk-fold-cube:nth-child(2):before{animation-delay:.3s}
.sk-fold-cube:nth-child(4):before{animation-delay:.6s}
.sk-fold-cube:nth-child(3):before{animation-delay:.9s}
@keyframes sk-fold{
0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}
}
.sk-wander{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-wander-cube{background-color:var(--sk-color);width:20%;height:20%;position:absolute;top:0;left:0;--sk-wander-distance:calc(var(--sk-size) * 0.75);animation:sk-wander 2s ease-in-out -2s infinite both}
.sk-wander-cube:nth-child(2){animation-delay:-.5s}
.sk-wander-cube:nth-child(3){animation-delay:-1s}
@keyframes sk-wander{
0%{transform:rotate(0)}
25%{transform:translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)}
50%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)}
50.1%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)}
75%{transform:translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)}
100%{transform:rotate(-360deg)}
}.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//kilim.fi/wp-content/themes/cristiano/assets/vendor/leaflet/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//kilim.fi/wp-content/themes/cristiano/assets/vendor/leaflet/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//kilim.fi/wp-content/themes/cristiano/assets/vendor/leaflet/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}* { margin: 0; padding: 0; box-sizing: border-box }
html { 
scroll-behavior: smooth;
scroll-padding-top: var(--scroll-padding, 150px);
height: 100%;	
} body {
--font-head: var(--wp--preset--font-family--head);
--font-text: var(--wp--preset--font-family--base);
--font-deco: var(--wp--preset--font-family--deco);
--clr-main-bg: var( --wp--preset--color--content-base, #ffffff  );
--clr-main-tx: var( --wp--preset--color--content-contrast, #1b2024 );
--clr-main-ac: var( --wp--preset--color--content-accent, #d1a054 );
--clr-contrast-bg: var( --wp--preset--color--contrast-bg, #1b2024 );
--clr-contrast-tx: var( --wp--preset--color--contrast-tx, #ffffff );
--clr-error: #cc6666;
--mask-to-left: linear-gradient(90deg, transparent, white);
--mask-to-right: linear-gradient(90deg, white, transparent);
--mask-to-center: linear-gradient(90deg, transparent, white, transparent);
--mask-to-center-short: linear-gradient(90deg, transparent, white 5%, white 95%, transparent);
--mask-center-vr: linear-gradient(0deg,  transparent, white, transparent);
--topbar-height: 40px;
--header-height: 90px;
--rem-3: clamp(1rem, -0.43rem + 7vw, 3rem);
--rem-4: clamp(1rem, -1.14rem + 10vw, 4rem);
--rem-7-15: clamp(7rem, 1.3rem + 28vw, 15rem);
--radius-shape: 63% 37% 30% 70% / 50% 45% 55% 50%;
font: 300 16px/1.5 var(--font-text);
display: flex;
flex-direction: column;
min-height: 100dvh;
font-size: clamp(14px, .8111rem + 0.2222vw, 16px);
background: var(--clr-main-bg);
color: var(--clr-main-tx);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: opacity 500ms;
}
body.light-mode {
--mode: -;
}
body.dark-mode {
--mode: +;
}
body:not(.elementor-page) .container :not(.has-sidebar) main > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignself)) { max-width: var(--content-width, 1288px);
margin-left: auto;
margin-right: auto;
padding-left: clamp(1rem, -3.375rem + 14vw, 1.875rem);
padding-right: clamp(1rem, -3.375rem + 14vw, 1.875rem);
box-sizing: content-box;
}  body:not(.elementor-page) .is-layout-flow > *,
body:not(.elementor-page) .is-layout-constrained > * {
margin-top: 1.5rem;
}
body:not(.elementor-page) .is-layout-flow > :first-child,
body:not(.elementor-page) .is-layout-constrained > :first-child {
margin-block-start: 0;
}
.wp-block-columns.is-layout-flex {
gap: 1em;
}  .e-con>.e-con-inner {
display: var(--display, flex);
}
.mobile {
display: none;
}
.e-con	{
--padding-top: var(--container-default-padding-top, 0);
--padding-right: var(--container-default-padding-right, 0);
--padding-bottom: var(--container-default-padding-bottom, 5rem);
--padding-left: var(--container-default-padding-left, 0);
--gap: var(--widgets-spacing, 2.5rem);
}
@media (max-width: 640px) {
.e-con {
--padding-bottom: calc(var(--container-default-padding-bottom, 5rem) / 1.5);
--gap: calc(var(--widgets-spacing, 2.5rem) / 1.25);
}
}
.e-con-boxed {
padding-left: clamp(1rem, -3.375rem + 14vw, 1.875rem);
padding-right: clamp(1rem, -3.375rem + 14vw, 1.875rem);
}	
.alignfull .wrap {
max-width: calc(1288px + 60px);
margin: 0 auto;
padding: 0 clamp(1rem, -3.375rem + 14vw, 1.875rem)
}	
.alignfull .wrap-overflow {
max-width: 1288px;
margin: 0 auto;
}
.has-sidebar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 4rem;
max-width: var(--content-width, 1288px);
margin: 0 auto;
box-sizing: content-box;
padding-left: clamp(1rem, -3.375rem + 14vw, 1.875rem);
padding-right: clamp(1rem, -3.375rem + 14vw, 1.875rem);
}
.has-sidebar main {
width: 640px;
flex-grow: 1;
margin: 0 auto;
}
.has-sidebar aside {
max-width: 367px;
width: 270px;
flex-grow: 1;
margin-top: 45px;
}
.elementor-widget-container .alignwide {
margin-left: -110px;
margin-right: -110px;
}
.alignwide,
.alignfull > .alignwide {
max-width: 1508px;
margin-left: auto;
margin-right: auto;
}
.elementor .e-parent:last-child .e-con-inner:has(#map) {
padding-bottom: 0;
}
.type-product .alignfull,
.vc_column-inner .alignfull,
.elementor-widget-container .alignfull {
margin-left: calc( -100vw / 2 + 100% / 2 );
margin-right: calc( -100vw / 2 + 100% / 2 );
max-width: 100vw;
overflow-x: hidden;
}
.alignfull-padding {
padding-left: clamp(1rem, -3.375rem + 14vw, 1.875rem);
padding-right: clamp(1rem, -3.375rem + 14vw, 1.875rem);
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0;
}
.cover {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
z-index: -1;
}
.cover.parallax {
height: 100vh;
top: initial
}
@media screen and (max-width: 1440px) {
body:not(.elementor-page) .container :not(.has-sidebar) main > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignself)) {
max-width: 1170px;
}
.e-con>.e-con-inner {
max-width: 1170px;
}
.elementor-widget-container .alignwide {
margin-left: -32px;
margin-right: -32px;
}
}
@media screen and (max-width: 420px) {
body {
--header-height: 75px;
}
} @font-face {
font-family: 'Icons';
src: url(//kilim.fi/wp-content/themes/cristiano/assets/fonts/icons/icons.eot);
src: url(//kilim.fi/wp-content/themes/cristiano/assets/fonts/icons/icons.woff2) format('woff2'),
url(//kilim.fi/wp-content/themes/cristiano/assets/fonts/icons/icons.woff) format('woff'),
url(//kilim.fi/wp-content/themes/cristiano/assets/fonts/icons/icons.ttf) format('truetype'),
url(//kilim.fi/wp-content/themes/cristiano/assets/fonts/icons/icons.svg#gurman) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, 
[class*=" icon-"]:before {
font-family: 'Icons';
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="mobile-"], 
[class*=" mobile-"] {
display: none;
}
.icon-heart:before { content: '\e800'; } .icon-heart-empty:before { content: '\e801'; } .icon-star:before { content: '\e802'; } .icon-star-empty:before { content: '\e803'; } .icon-basket:before { content: '\e804'; } .icon-user:before { content: '\e805'; } .icon-search:before { content: '\e806'; } .icon-reply:before { content: '\e807'; } .icon-pencil:before { content: '\e808'; } .icon-location:before { content: '\e809'; } .icon-phone:before { content: '\e80b'; } .icon-comment:before { content: '\e80c'; } .icon-attention:before { content: '\e80e'; } .icon-twitter:before { content: '\e80f'; } .icon-ok:before { content: '\e810'; } .icon-cancel:before { content: '\e811'; } .icon-clock:before { content: '\e813'; } .icon-tag:before { content: '\e814'; } .icon-spin:before { content: '\e834'; } .icon-trash:before { content: '\e83d'; } .icon-facebook:before { content: '\f09a'; } .icon-money:before { content: '\f0d6'; } .icon-mail-alt:before { content: '\f0e0'; } .icon-linkedin:before { content: '\f0e1'; } .icon-angle-left:before { content: '\f104'; } .icon-angle-right:before { content: '\f105'; } .icon-angle-up:before { content: '\f106'; } .icon-angle-down:before { content: '\f107'; } .icon-quote-left:before { content: '\f10d'; } .icon-youtube-play:before { content: '\f16a'; } .icon-instagram:before { content: '\f16d'; } .icon-spoon:before { content: '\f1b1'; } .icon-yelp:before { content: '\f1e9'; } .icon-cart-plus:before { content: '\f217'; } .icon-pinterest:before { content: '\f231'; } .icon-tripadvisor:before { content: '\f262'; } .icon-calendar-check-o:before { content: '\f274'; } .icon-user-o:before { content: '\f2c0'; }   h1, h2, h3, h4, h5, h6 {
font-family: var(--font-head);
font-weight: 400;
margin-top: 1.5em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0
}
h3 {
font-size: var(--wp--preset--font-size--large);
}
ul[class] {
list-style: none;
}
ul:not([class]),
ol:not([class]) {
padding-inline-start: 1.5em;
}
a {
color: inherit;
}
.title-link a {
color: inherit;
transition: all 250ms;
}
.title-link a:hover {
color: var(--clr-main-ac);
}
p {
margin-top: 1.5em;
}
main p a {
color: var(--clr-main-ac);
text-decoration: underline;
}
strong {
font-weight: 500;
}
img {
vertical-align: top;
max-width: 100%;
height: auto;
}
ins {
text-decoration: none;
}
hr {
height: 0;
border-bottom: 1px solid;
}
mark {
background: none;
font-weight: 400;
}
address {
font-style: normal;
line-height: 1.75;
}
figcaption {
font-style: italic;
}
pre {
white-space: break-spaces;
}
blockquote {
padding: 2em;
border-left: 2px solid var(--clr-main-ac);
}
blockquote p:first-child {
margin-block-start: 0;
}
dl dt {
font-weight: 400;
}
dl dd {
margin-left: 2em;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-size: .875rem;
}
table th {
text-align: left;
text-transform: uppercase;
font-weight: 500;
padding: 12px 0;
}
table tbody td {
padding: 12px 0;
}
table strong {
font-weight: 400;
}
iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
form p {
position: relative;
margin-top: 2rem;
}
form p label {
font-size: 75%;
transition: all 300ms ease;
position: absolute;
top: 14px;
left: 0;
cursor: initial;
color: inherit;
opacity: 0.95;
text-transform: uppercase;
z-index: 1;
letter-spacing: 1.2px;
overflow: visible;
} form p label + br {
display: none;
}
form p label:has(input),
form p label:has(textarea) {
position: static;
}
form p label.outside, 
form p.focus label {
transform: translateY(-1.625rem);
opacity: 0.85;
left: 0;
}
form p.focus label:has(input), 
form p.focus label:has(textarea) {
transform: none;
}
fieldset {
border: 1px dashed rgba(127,127,127,0.5);
padding: 0 32px 56px 32px;
margin-top: 48px;
position: relative;
border-radius: 12px;
}
fieldset legend {
font-family: var(--font-head);
position: absolute;
top: -16px;
left: 16px;
background: var(--clr-main-bg);
border: 1px solid rgba(127,127,127,0.5);
padding: 4px 16px;
border-radius: 16px;
font-size: 14px;
}
input, textara {
background: none;
border-radius: 0;
color: inherit;
}
label {
display: block;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill {
-webkit-text-fill-color: transparent;
}
input::placeholder,
textarea::placeholder {
opacity: 0;
font-size: .75rem;
}
input:focus::placeholder,
textarea:focus::placeholder {
opacity: 1;
}
input[type=tel],
input[type=text],
input[type=email],
input[type=password] {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
height: 2.75rem;
width: 100%;
background: none;
border: 0 none;
border-bottom: 1px solid rgba(127,127,127,0.6);
}
input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
appearance: none;
}
select {
width: calc(100% + 16px);
margin-left: -16px;
padding: 0 32px 0 16px;
border-radius: 0;
color: inherit;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
border: 0 none;
background: none;
border-bottom: 1px solid rgba(127,127,127,0.5);
border-image: linear-gradient(to right, rgba(127,127,127,0.5) 16px, rgba(127,127,127,0.5) 16px); 
border-image-slice: 1; border-image-width: 1.5;
display: block;
height: 44px;
background: url(//kilim.fi/wp-content/themes/cristiano/assets/images/select.svg);
background-size: contain;
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: 15px;
-webkit-appearance: none;
appearance: none;
}
select option {
padding: 0 10px;
color: var(--clr-main-tx);
}
textarea {
font-size: inherit;
font-weight: inherit;
font-family: inherit;
width: 100%;
background: none;
border: 0 none;
border-bottom: 1px solid rgba(127,127,127,0.6);
height: 44px;
padding: 12px 0;
min-height: 45px;
overflow: hidden;
resize: none;
color: inherit;
}
label textarea,
label input[type=tel],
label input[type=text],
label input[type=email],
label input[type=password] {
padding-left: 16px;
padding-right: 16px;
border-radius: 8px;
border: 1px solid rgba(127,127,127,0.5);
}
label textarea {
height: 132px;
}
label .wpcf7-form-control-wrap {
position: static;
}
label .wpcf7-not-valid-tip {
position: absolute;
bottom: -16px;
left: 0;
text-transform: none;
font-size: 10px;
letter-spacing: .2992px;
}
input[type=submit] {
appearance:none;  
font-family: var(--font-head);
font-weight: inherit;
line-height: 1;
letter-spacing: 1.2px;
padding: 1.25em 2em;
background: var(--clr-contrast-bg);
color: var(--clr-contrast-tx);
border-radius: 30px;
cursor: pointer;
border: 1px solid var(--clr-contrast-bg);
font-size: .875rem;
-webkit-font-smoothing: subpixel-antialiased;
transition: all 250ms;
}
input[type=submit]:hover {
color: var(--clr-main-tx);
background: none;
transform: translateY(-3px);
box-shadow: 0 0 6px rgba(0,0,0,0.15);
}
.contrast-colors input[type=submit] {
background: none;
border-color: rgba(127,127,127,0.5);
}
.contrast-colors input[type=submit]:hover {
background: var(--clr-main-bg);
}
button {
color: inherit;
border: 0 none;
font-weight: inherit;
font-family: inherit;
cursor: pointer;
background: none;
}
form button {
font-family: var(--font-head);
font-weight: inherit;
line-height: 1;
letter-spacing: 1.2px;
padding: 1.25em 2em;
transition: all 250ms;
color: var(--clr-contrast-tx);
border-radius: 30px;
cursor: pointer;
position: relative;
background: var(--clr-contrast-bg);
border: 1px none var(--clr-contrast-bg);
-webkit-font-smoothing: subpixel-antialiased;
}
form button:hover {
color: var(--clr-main-tx);
background: none;
}
.contrast-colors form button {
background: none;
border-color: rgba(127,127,127,0.5);
}
.contrast-colors form button:hover {
background: var(--clr-main-bg);
}
:focus {
outline: none;
}
input.error,
input[type].wpcf7-not-valid {
border-color: red;
}
form .cols-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0 2rem;
}
@media ( max-width: 480px ) {
form .cols-3 {
grid-template-columns: 1fr;
gap: 0
}
}
.wpcf7-not-valid-tip {
font-size: .75rem;
}
.wpcf7-spinner {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wpcf7 form .wpcf7-response-output {
padding: .75em 2em;
margin: 3em 0;
text-align: center;
border-left: 0;
border-right: 0;
border-width: 1px;
}
.wpcf7 form.invalid .wpcf7-response-output {
color: white;
position: relative;
}
.wpcf7 form.invalid .wpcf7-response-output:after {
content: "";
position: absolute;
inset: 0;
border-color: var(--clr-error);
background: var(--clr-error);
z-index: -1;
mask: var(--mask-to-center);
border-radius: 20px;
}
.is-style-wide {
mask: var(--mask-to-center-short);
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center button {
margin-top: 2rem;
}
.deprecated-section {
margin: 5rem 0 2.5rem;
}
.page-nav {
display: flex;
gap: 2rem;
justify-content: center;
padding: 2rem 0;
text-transform: uppercase;
font-family: var(--font-head);
margin-bottom: 4rem;
position: relative;
font-size: 14px;
position: sticky;
top: 100px;
}
.page-nav:after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
background: rgba(127, 127, 127, 0.05);
border: 1px solid #00000030;
mask: var(--mask-to-center);
}
.page-nav a {
color: inherit;
}
.btn-underline {
padding: 0rem;
line-height: 34px;
display: inline-block;
text-decoration: none;
font-weight: 400;
font-family: var(--font-head);
position: relative;
font-size: 14px;
letter-spacing: .6px;
transition: all 125ms;
align-self: end;
color: inherit;
text-transform: uppercase;
line-height: 2rem;
margin-top: 2em;
}
.btn-underline:after {
content: '';
position: absolute;
inset: 0 -1.5rem;
background: #ffffff14;
border-bottom: 1px solid var(--clr-main-ac);
mask: linear-gradient(90deg, transparent, white 40%, white 60%, transparent);
}
.btn-underline:hover,
.btn-underline:focus {
color: var(--clr-main-ac);
}
.btn-underline:hover:after,
.btn-underline:focus:after {
inset: 0 -32px;
}
main [class*="-edit-link"] {
text-transform: uppercase;
margin-left: 8px;
opacity: .2;
color: inherit;
text-decoration: none;
font-size: 0;
}
main [class*="-edit-link"]:before {
content: '\e808';
font-family: 'Icons';
font-size: .875rem;
}
main [class*="-edit-link"]:hover,
main [class*="-edit-link"]:focus {
opacity: 1;
} .wp-block-quote {
background: var(--clr-main-bg);
padding: 32px;
margin: 32px 0;
border: 1px dashed rgba(127,127,127,0.5);
border-left: 2px solid var(--clr-main-ac);
}
.wp-block-quote p:last-child {
margin-bottom: 0;
}
.section-button {
text-align: center;
margin-top: 4.25rem;
}
.overlay {
visibility: hidden;
transition: all 500ms;
position: fixed;
inset: 0;
opacity: 0;
z-index: 90;
}
.overlay:after {
content: '';
background: #000;
opacity: .55;
position: absolute;
inset: 0;
}
.overlay-active .overlay {
visibility: visible;
opacity: 1;
}
.mobile-nav .overlay {
visibility: visible;
opacity: 1;
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
background: #00000094;
}
.herro-logo {
max-height: 440px;
width: auto;
}
.herro-logo:has(+.herro-heading) {
margin-bottom: 1rem;
} .herro-heading.title-elegant  {
display: flex;
flex-direction: column-reverse;
}   
.herro-heading.title-elegant .title {
position: relative;
padding: 9px 16px;
}
.herro-heading.title-elegant .title:after {
content: '';
position: absolute;
inset: 0 -6%;
border-top: 1px solid;
border-bottom: 1px solid;
mask: linear-gradient(90deg, transparent, white 40%, white 60%, transparent);
}
.herro-heading.title-elegant .subtitle {
font-family: var(--font-head);
color: var(--clr-main-ac);
letter-spacing: 1px;
margin-bottom: 9px;
filter: brightness(1.2);
font-size: clamp(0.825rem, -0.1635rem + 3.8462vw, 1.375rem);
margin-top: 0;
}
.herro-heading.title-script .subtitle {
font-family: var(--font-deco);
color: var(--clr-main-ac);
line-height: 1;
margin-top: -20px;
font-size: 60px;
} .platina {
background: radial-gradient(#fff, #878787);
background-size: 100% 200%;
background-position: 50% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .btn-section {
text-align: center;
}
.btn-section--small-ident {
margin-top: 1.5rem;
}
.btn-section--large-ident {
margin-top: 4.25rem;
} .btn-default {
font-family: var(--font-head);
font-weight: inherit;
line-height: 1;
letter-spacing: 1.2px;
padding: 1.2em 2em;
transition: all 250ms;
color: var(--clr-main-bg);
border-radius: 30px;
cursor: pointer;
position: relative;
background: var(--clr-main-tx);
border: none;
font-size: .875rem;
border: 1px solid transparent;
display: inline-block;
text-decoration: none;
}
.btn-default:hover,
.btn-default:focus {
color: var(--clr-main-tx);
background: var(--clr-main-bg);
transform: translateY(-6px);
box-shadow: 0 3px 9px rgba(0,0,0,0.25);
border-color: hsl( from var(--clr-main-tx) h s l / 50%);
}
.btn-default:active {
transform: translateY(-3px);
}
.btn-elegant {
line-height: 44px;
text-decoration: none;
padding: 0 2rem;
display: inline-block;
color: inherit;
letter-spacing: 1px;
position: relative;
font-family: var(--font-head);
transition: all 375ms;
}
.btn-elegant:after {
content: '';
position: absolute;
inset: 0;
border-top: 1.5px solid var(--clr-main-ac);
border-bottom: 1.5px solid var(--clr-main-ac);
mask: linear-gradient( 90deg, transparent,white 40%,white 60%, transparent );
transition: all 375ms;
}
.btn-elegant:hover,
.btn-elegant:focus {
color: var(--clr-main-ac);
}
.btn-elegant:hover:after {
left: -5%;
right: -5%;
}
.btn-fullwidth {
display: block;
} .site-header {
--clr-head-bg: var( --wp--preset--color--header-base, #1b2024 );
--clr-head-tx: var( --wp--preset--color--header-contrast, #ffffff );
--clr-head-ac: var( --wp--preset--color--header-accent, #d1a054 );
--clr-head-tr-tx: var( --wp--preset--color--header-transparent-text, #ffffff );
background: var(--clr-head-bg);
transition: transform 500ms;
z-index: 50;
top: 0;
color: var(--clr-head-tr-tx);
}
.site-header a {
text-decoration: none;
}
.sticky-header .site-header {
position: sticky;
top: 0;
}
.transparent-header .site-header {
position: absolute;
width: 100%;
}
.transparent-header .site-header {
background: none;
}
.sticky-header.transparent-header .site-header {
position: fixed;
width: 100%;
}
.admin-bar.sticky-header .site-header {
top: 32px;
}
@media only screen and (max-width: 782px) {
.dialog-body .site-header {
top: 46px;
}
} .top-bar {
--clr-top-bg: var( --wp--preset--color--topbar-base, #1b2024 );
--clr-top-tx: var( --wp--preset--color--topbar-contrast, #ffffff );
--clr-top-ac: var( --wp--preset--color--topbar-accent, #d1a054  );
color: var(--clr-top-tx);
background: var(--clr-top-bg);
font-size: 14px;
line-height: 1;
letter-spacing: .2496px;
}
.top-bar .inner {
display: flex;
justify-content: space-between;
height: var(--topbar-height);
align-items: center;
margin: 0 auto;
padding: 0 32px;
box-sizing: content-box;
}
.top-bar a {
text-decoration: none;
}
.top-bar a:hover {
opacity: .8;
}
.top-bar p {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
}
.top-bar p:before {
font-size: 10px;
}
.top-bar .left {
display: flex;
gap: 30px;
}
.top-bar .right {
display: flex;
gap: 15px;
}
.top-bar .social {
display: flex;
align-items: center;
margin-right: -10px;
}
.top-bar .social a {
width: 32px;
text-align: center;
color: inherit;
}
.top-bar .social a:hover {
color: var(--clr-top-ac);
}
.top-bar__open-close {
font-size: .75rem;
letter-spacing: .6px;
text-transform: uppercase;
padding-left: 10px;
}
.top-bar__menu {
display: flex;
gap: 1em;
font-size: 12px;
} .site-header {
position: relative;
}	
.header {
transition: backdrop-filter 500ms;
}
.header .right {
text-align: right;
}
.header .social  {
display: inline-flex;
align-items: center;
justify-content: end;
gap: 8px;
font-size: 14px;
}
.header .social a {
width: 30px;
line-height: 30px;
text-align: center;
opacity: .85;
}
.header .social a:hover {
color: var(--clr-head-ac);
opacity: 1;
}
.header:after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
transition: all 500ms;
}
.sticky .header:not(.hide-on-scroll) {
color: var(--clr-head-tx);
backdrop-filter: blur(2rem);
box-shadow: 0 .1875rem .5625rem rgba(0,0,0,.15);
transition: all 250ms;
}
.sticky .header:after {
background: var(--clr-head-bg);
opacity: .9;
}
.header svg > * {
color: var(--clr-head-tr-tx);
}
.sticky .header svg > * {
stroke: var(--clr-head-tx);
}
.sticky .header:after {
background: var(--clr-head-bg);
opacity: .9;
}
.header .inner {
display: grid;
height: var(--header-height);
align-items: center;
padding: 0 32px;
box-sizing: content-box;
}
.header a {
color: inherit;
text-decoration: none;
}
.header .user-links {
display: flex;
gap: 15px;
}
.header-v1 {
box-shadow: 0 0 15px rgba(0,0,0,0.25);
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
}
.header-v1:after {
content: '';
position: absolute;
inset: 0;
background: var(--clr-head-bg);
opacity: .5;
z-index: -2;
}
.header-v1 .inner {
height: 90px;
display: flex;
justify-content: center;
}
.header-v1 .inner .logo-bar,
.header-v1 .inner .right-bar {
flex: 1;
}
.header-v1 .inner .nav-bar {
flex: 0;
white-space: nowrap;
}
.header-v2 .inner {
grid-template-columns: 1fr auto auto;
margin: 0 auto;
}
.header-v3 .inner {
display: grid;
grid-template-columns: 1fr auto 1fr;
}
.header-v3 .left p {
margin: 4px 0;
}
.header-v3 .left p:before {
margin-right: 8px;
font-size: 12px;
}
.header-v3 .site-nav ul {
justify-content: center;
}
.header-v3  p a {
opacity: .85;
}
.header-v3  p a:hover,
.header-v3  p a:focus {
color: var(--clr-head-ac);
opacity: 1;
}
.header-v3 .open-close-signboard {
margin-right: 16px;
rotate: 1;
}
.header-v3 .right {
text-align: right;
display: flex;
align-items: center;
justify-content: end;
} .logo-bar {
display: flex;
gap: 30px;
align-items: center;
}   
.site-logo {
font-family: var(--font-head);
flex-direction: column;
display: inline-flex;
position: relative;
text-align: center;
line-height: 1;
gap: 3px;
z-index: 50;
text-decoration: none;
}
.site-logo .title  {
font-size: 1.25em;
letter-spacing: 3px;
}
.site-logo .tag {
font-size: .5625rem;
text-indent: 7px;
letter-spacing: 5px;
line-height: 1;
position: relative;
transition: all 250ms;
}
.site-logo .tag:after {
content: '';
position: absolute;
top:0px;
bottom: .5px;
left: 50%;
width: 0%;
transform: translateX(-50%);
background: radial-gradient(circle, var(--clr-head-ac) 20%, transparent 100% );
z-index: -1;
transition: all 250ms;
}
.site-logo:hover .tag,
.site-logo:focus .tag {
color: #000;
}
.site-logo:hover .tag:after,
.site-logo:focus .tag:after {
width: 110%;
}
.custom-logo {
width: auto;
height: auto;
max-height: 44px;
max-width: 180px;
} .nav-bar {
height: inherit;
display: flex;
}    
.site-nav {
height: inherit;
}
.site-nav-bar .inner{
height: 70px;
transition: all 250ms;
display: grid;
grid-template-columns: 1fr auto 1fr;	
}
.site-nav-bar .alignwide .right-bar{
display: flex;
justify-content: end;
gap: 16px;
}
.sticky .site-nav-bar .inner {
height: 90px;
}
button.dropdown-toggle {
display: none;
}
@media only screen and (max-width: 480px) {
.header .alignwide {
height: 75px;
padding: 0  clamp(1rem, -1rem + 10vw, 2rem);
}
}
@media only screen and (max-width: 1366px) {
.site-header .inner {
display: grid;
grid-template-columns: 1fr auto 1fr;
}
.site-header .nav-bar {
display: flex;
align-items: center;
order: -1;
}
.top-bar {
display: none;
}
.header .right-bar {
display: block;
}
.header-template-v3 .site-nav .alignwide {
display: block;
}
.header-v2 .inner  {
grid-template-columns: 1fr auto 1fr;
}
}
.primary-menu a {
color: inherit;
}
.primary-menu {
display: flex;
font-size: .875rem;
text-transform: uppercase;
gap: 2rem;
font-weight: 300;
letter-spacing: .6px;
height: inherit;
justify-content: center;
}
.primary-menu > li {
position: relative;
display: inline-flex;
align-items: center;
}
.primary-menu > li > a {
position: relative;
}
.primary-menu > li > a:after {
content: '';
position: absolute;
bottom: -0.125rem;
left: 50%;
transform: translateX(-50%);
width: 0;
border-bottom: .0625rem solid var(--clr-head-ac);
transition: all 250ms;
mask: linear-gradient( 90deg, transparent,var(--clr-head-ac) 40%,var(--clr-head-ac) 60%, transparent )
}
.nav-info,
.open-close {
display: none;
}
.primary-menu > li:hover a:after, 
.primary-menu > li > a:hover:after, 
.primary-menu > li > a:focus:after, 
.primary-menu > .current-menu-item > a:after,
.primary-menu > .current-menu-ancestor > a:after, 
.primary-menu > .current_page_item > a:after {
width: 150%;
}
.primary-menu li ul {
margin: 0;
position: absolute;
top: 100%;
left: -30px;
font-size: .875rem;
font-family: var(--font-base);
text-transform: none;
letter-spacing: .6px;
padding: 4px 0;
min-width: 240px;
box-shadow: 0rem 10px 10px #00000012;
opacity: 0;
visibility: hidden;
backdrop-filter: blur(20px);
z-index: -1;
transform: translateY(-10%);
filter: blur(3px);
transition: all 150ms;
transition-delay: 150ms;
background: var(--clr-head-bg);
border-radius: 10px;
white-space: nowrap;
}
.primary-menu li ul:before {
content: '';
position: absolute;
width: 100%;
left: 50%;
transform: translateX(-50%);
top: 0;    
transition: all 450ms;
transition-delay: 150ms;
bottom: 0;
border-bottom: .0625rem solid var(--clr-head-ac);
mask: var(--mask-to-center);
z-index: -1;
}
.primary-menu li:hover > ul {
transform: translateY(0);
opacity: 1;
visibility: visible;
filter: blur(0);
transition: all 340ms;
}
.primary-menu li ul:before {
display: none;
}
.primary-menu li ul li {
padding: 0;
margin: 1rem 0;
}
.primary-menu li ul a {
padding: 0 2rem;
}
.primary-menu li ul a:hover, 
.primary-menu li ul a:focus, 
.primary-menu li ul li.current-menu-item a {
color: var(--clr-main-ac);
}
p.hightlight {
color: var(--color-accent);
font-weight: 400;
font-size: 4px;
}
.primary-menu li ul ul {
top: 16px;
left: 100%;
} .header .right-bar {
text-align: right;
display: flex;
align-items: center;
gap: 16px;
justify-content: right;
font-size: .875rem;
line-height: 1;
margin-left: 32px;
}    
.profile-link {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1366px) {
.site-header {
z-index: 99;
}
.desktop {
display: none !important;
}
.mobile {
display: block;
}
[class^="mobile-"], 
[class*=" mobile-"] {
display: block;
}
.mini-cart-icon {
display: flex;
justify-content: end;
align-items: center;
gap: .1875rem;
}
.site-nav {
position: absolute;
height: 100dvh;
inset: 0;
padding: 0 32px 130px;
opacity: 0;
visibility: hidden;
transition: opacity 500ms;
top: 0;
left: 0;
overflow: scroll;
margin-top: 100px;
}
.admin-bar .site-nav {
padding-bottom: 170px;
}
.mobile-nav .site-nav {
opacity: 1;
visibility: visible;
}
.mobile-nav .header {
box-shadow: none;
}
.mobile-nav .header:after {
opacity: 0;
}
.primary-menu {
flex-direction: column;
font-size: 1.125rem;
gap: 15px;
height: auto;
}
.mobile-nav .site-nav ul li {
--delay: 50ms;
opacity: 0;
transform: translateY(-3.125rem);
animation: fadeinup 500ms ease-out forwards;
}
.primary-menu li:nth-child(1) { animation-delay: calc(0 * var(--delay)) }
.primary-menu li:nth-child(2) { animation-delay: calc(1 * var(--delay)) }
.primary-menu li:nth-child(3) { animation-delay: calc(2 * var(--delay)) }
.primary-menu li:nth-child(4) { animation-delay: calc(3 * var(--delay)) }
.primary-menu li:nth-child(5) { animation-delay: calc(4 * var(--delay)) }
.primary-menu li:nth-child(6) { animation-delay: calc(5 * var(--delay)) }
.primary-menu li:nth-child(7) { animation-delay: calc(6 * var(--delay)) }
.primary-menu li:nth-child(8) { animation-delay: calc(7 * var(--delay)) }
.primary-menu li:nth-child(9) { animation-delay: calc(8 * var(--delay)) }
.primary-menu li:nth-child(10) { animation-delay: calc(9 * var(--delay)) }
@keyframes fadeinup {
0% {
transform: translateY(-3.125rem);
}
50% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
.nav-trigger {
width: 21px;
height: 25px;
position: relative;
display: block;
z-index: 10;
}
.nav-trigger:before,
.nav-trigger:after {
content: "";
position: absolute;
left: 0;
right: 0;
border-top: .0625rem solid;
transition: all 250ms;
}
.nav-trigger:before {
top: 8px;
}
.nav-trigger:after {
bottom: 8px;
}
.mobile-nav {
overflow: hidden;
}
.mobile-nav .nav-trigger:before {
top: 49%;
transform: rotate(-135deg);
}
.mobile-nav .nav-trigger:after {
bottom: 49%;
transform: rotate(135deg);
}
.mobile-nav .nav-info {
position: sticky;
top: 100%;
left: 0;
right: 0;
display: block;
}
.mobile-nav .nav-info p {
opacity: .8;
}
.mobile-nav .nav-info .open-close {
display: inline-block;
text-transform: uppercase;
position: relative;
text-align: center;
font-family: var(--font-head);
opacity: 1;
font-size: 1rem;
margin-bottom: 3px;
}
.mobile-login-link {
margin-bottom: 45px;
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 1.125rem;
letter-spacing: .6px;
margin-top: 15px;
opacity: 0;
transition: all 500ms;
transform: translateY(-15px);
}
.mobile-login-link svg {
width: 20px;
margin-left: 6px;
}
.mobile-nav .mobile-login-link {
opacity: 1;
transform: translateY(0px);
transition-delay: 500ms;
}
.social {
display: flex;
gap: 12px;
margin-top: 12px;
font-size: 12px;
}
.social a {
width: 2.5rem;
line-height: 2.5rem;
text-align: center;
border-radius: 1.9375rem;
background: #ffffff08;
box-shadow: 0 1px .1875rem #00000040;
}
.primary-menu > li {
display: inline-block;
}
.primary-menu li ul {
display: none;
position: static;
background: none;
box-shadow: none;
text-transform: uppercase;
padding: 0;
font-size: 1rem;	}
.mobile-nav .primary-menu li:last-child {
margin-bottom: 0;
}
.primary-menu li ul a {
padding: 0 12px;
opacity: .75;
}
.sub-menu.toggled-on {
display: block;
visibility: visible;
opacity: 1;
transform: translateY(0);
filter: none
}
.dropdown-toggle {
width: 16px;
height: 16px;
position: relative;
margin-left: 8px;
display: inline-flex;
}
.dropdown-toggle:after {
content: '';
width: 8px;
height: 8px;
border-bottom: 1px solid;
border-right: 1px solid;
rotate: 45deg;
position: absolute;
left: 4px;
top: 0;
}
} .page-heading-wrap {
position: relative;
display: grid;
align-items: center;
justify-content: center;
height: 55dvh;
background: var(--clr-contrast-bg) url(//kilim.fi/wp-content/themes/cristiano/assets/images/noise.webp);
background-attachment: fixed;
overflow: hidden;
}    
.page-heading-wrap.has-img:after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #000 0%, transparent 260px);
z-index: 1;
}
.page-heading-wrap img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.elementor-page .page-heading-wrap {
margin-bottom: 5rem;
}
.page-heading .title {
color: var(--clr-contrast-tx);
font-size: clamp(1.375rem, 1rem + 1.875vw, 3.25rem);
margin-bottom: 0;
line-height: 1;
padding: .6em;
position: relative;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
z-index: 10;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
animation: 750ms fadeUp 0ms ease-out forwards;
text-align: center;
background: #0000002b;
}
.page-heading .title:after {
content: "";
position: absolute;
inset: 3px;
z-index: 11;
box-shadow: inset 0 0 .375rem rgba(255,255,255,.15), 0 0 .3125rem rgba(0,0,0,.25);
} .page-heading-minimal {
padding: 2rem 0;
position: relative;
text-align: center;
margin-bottom: 5rem;
}
.page-heading-minimal:after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
background: rgba(127, 127, 127, 0.05);
border: 1px solid rgba(127, 127, 127, 0.1);
mask: linear-gradient(90deg, transparent, white 40%, white 60%, transparent);
}
.page-heading-minimal h1 {
text-transform: uppercase;
margin: 0;
}
.page-heading-minimal:has(+.nav-cat-hr)  {
margin-bottom: 0;
}
.woocommerce-page .page-heading-minimal {
margin-bottom: 0;
} .nav-cat-hr {
position: sticky;
top: 0;
display: flex;
justify-content: center;
z-index: 20;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
margin-bottom: 5rem;
}
.nav-cat-hr:after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
border: 1px solid rgba(127,127,127,0.5);
background: var(--clr-main-bg);
mask: var(--mask-to-center);	
opacity: .75
}
.admin-bar .nav-cat-hr {
top: 32px;
}
.sticky-header .nav-cat-hr {
top: calc(var(--header-height) - 1px);
}
.admin-bar.sticky-header .nav-cat-hr {
top: calc(var(--header-height) + 31px);
}
.nav-cat-hr--page {
margin-top: -5rem;
}
.categories-nav {
display: grid;
grid-auto-flow: column;
gap: 2em;
text-transform: uppercase;
font-family: var(--font-head);
font-size: .875em;
white-space: nowrap;
overflow: auto;
overscroll-behavior-inline: contain;
margin: 0 auto;
max-width: 1288px;
padding: 2em 3em;
mask: var(--mask-to-center-short);
}
.categories-nav::-webkit-scrollbar {
height: 1px;
}
.categories-nav::-webkit-scrollbar-thumb {
background: var(--clr-main-tx);
}
.categories-nav > * {
scroll-snap-align: center;
}
.categories-nav a {
text-decoration: none;
color: inherit;
position: relative;
display: block;
}
.categories-nav a:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
border-bottom: .0938rem solid var(--clr-main-ac);
transition: all 250ms;
mask: linear-gradient(90deg, transparent,white 40%, white 60%, transparent);
}
.categories-nav a.active:after,
.categories-nav a:hover:after,
.categories-nav a:focus:after,
.categories-nav .current-cat a:after,
.categories-nav .all-cats a:after {
width: 150%;
}
@media (max-width: 1024) {
.categories-nav {		
scroll-snap-type: inline mandatory;
}
} .post-bg {
position: absolute;
top: -3.75rem;
left: -11.25rem;
right: -11.25rem;
z-index: -1;
height: 50vh;
min-height: 30rem;
transition: all 300ms;
filter: blur(9.375rem) saturate(150%);
}
.post-bg img {
object-fit: cover;
width: 100%;
height: 100%;
}
.post-bg:after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(0,0,0,1) 11.25rem, transparent 45%);
}
.full-post {
border-radius: .75rem;
overflow: hidden;
background: rgba(127,127,127,0.05);
outline: .0625rem solid rgba(127,127,127,0.15);
overflow: hidden;
margin-bottom: 3rem;
box-shadow: 0 1rem 2rem rgba(0,0,0,0.15);
}
.full-post .image {
position: relative;
}
.full-post .image img {
width: 100%;
height: auto;
}
.full-post .image .post-date {
font-family: var(--font-deco);
color: var(--clr-main-ac);
position: absolute;
bottom: 1.5rem;
right: 3rem;
font-size: 24px;
transform: rotate(-4deg);
z-index: 2;
}
.full-post .image:after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(132deg,  transparent 80%, #000);
}
.post-date {
font-family: var(--font-deco);
font-size: 1.375rem;
color: var(--clr-main-ac);
line-height: 1;
margin-bottom: .5rem;
}
.full-post .content {
padding: 3rem min(4rem, 5vw);
}
.post-title {
font-size: var(--wp--preset--font-size--x-large);
margin: 0;
}
.title-underline {
position: relative;
margin-bottom: 32px;
}
.title-underline:after {
content: '';
position: absolute;
inset: 0;
border-bottom: .0938rem solid var(--clr-main-ac);
mask: var(--mask-to-right);
z-index: -1;
}
.location-desc {
margin-bottom: 2rem;
}
.title-underline a {
color: inherit;
text-decoration: none;
}
.entry-meta {
display: flex;
margin: 0;
gap: 1rem;
position: relative;
}
.entry-meta > div {
display: flex;
gap: .375rem;
}
.entry-meta i {
opacity: .5;
line-height: 1;
}
.entry-meta a {
text-decoration: none;
color: inherit;
text-transform: uppercase;
font-size: .75rem;
display: block;
letter-spacing: .05rem;
}
.entry-meta a:hover {
color: var(--clr-main-ac);
text-decoration: underline;
}
.entry-meta .post-categories {
display: flex;
flex-wrap: wrap;
gap: .75rem;
}
.tags {
display: flex;
flex-wrap: wrap;
gap: .5em;
align-items: center;
margin-top: 2em;
letter-spacing: .025em;
clear: both;
}
.tags a {
border: 1px solid rgba( 127,127,127,0.5 );
line-height: 1;
text-decoration: none;
text-transform: uppercase;
font-size: .75rem;
padding: .25rem .375rem;
color: inherit;
border-radius: 3px;
background: var(--clr-main-bg);
}
.tags a:hover,
.tags a:focus {
color: var(--clr-main-ac);
border-color:  var(--clr-main-ac);
} .site-footer {
--clr-foot-bg: var( --wp--preset--color--footer-base, #1b2024 );
--clr-foot-tx: var( --wp--preset--color--footer-contrast, #ffffff );
--clr-foot-ac: var( --wp--preset--color--footer-accent, #d1a054 );
color: var(--clr-foot-tx);
background: var(--clr-foot-bg);
position: sticky;
top: 100%;
z-index: 30;
}
.site-footer .alignwide {
margin: 0 auto;
padding: 0 32px;
box-sizing: content-box;
}
.footer-blocks {
padding: 3.75rem 0 1.875rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.footer-blocks a {
text-decoration: none;
}
.footer-blocks .center {
text-align: center;
}
.footer-blocks .right {
text-align: right;
}
.footer-blocks h3 {
position: relative;
padding-bottom: 6px;
font-size: 20px;
margin-bottom: 2rem;
}
.footer-blocks h3:after {
content: '';
position: absolute;
inset: 0;
border-bottom: .0625rem solid var(--clr-foot-ac);
}
.footer-blocks .left h3:after {
mask: linear-gradient( 90deg, white, transparent )
}
.footer-blocks .center h3:after {
mask: linear-gradient( 90deg, transparent,white 40%,white 60%, transparent )
}
.footer-blocks .right h3:after {
mask: linear-gradient( 90deg, transparent,white )
}
.footer-blocks .accent {
font-family: var(--font-head);
font-size: 1rem;
margin-top: 9px;
color: var(--clr-main-ac);
font-weight: 400;
}
.footer-blocks .site-logo .title {
font-size: 1.3em;
}
.footer-blocks .site-logo .tag {
color: #000;
}
.footer-blocks .site-logo .tag:after {
background: radial-gradient(circle, var(--clr-foot-ac) 20%, transparent 100%);
width: 110%;
bottom: .5px
}
.open-close-signboard {
padding: 6px 12px;
font-size: .75rem;
display: inline-block;
position: relative;
rotate: -1deg;
text-transform: uppercase;
line-height: 1;
cursor: default;
margin-top: 1.5rem;
}
.open-close-signboard:after {
content: '';
position: absolute;
inset: 0;
background: #fff;
z-index: -1;
opacity: .15;
}
.open-close-signboard:before {
content: '';
width: 15px;
height: 15px;
border-top: 1px solid;
border-right: 1px solid;
border-color: var(--clr-foot-tx);;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -12px;
rotate: -45deg;
z-index: -2;
opacity: .5;
}
.site-footer .bottom {
border-top: 1px solid #ffffff0d;
box-shadow: 0 -2px 1px #0000002e;
}
.site-footer .bottom .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 14px;
padding: 18px;
align-items: center;
gap: 16px;
}
@media (max-width: 480px) {
.site-footer .bottom .inner {
justify-content: center;
font-size: 12px;
}
.site-footer .bottom .right {
font-size: 9px;
}
}
.site-footer .bottom .right {
opacity: .6;
}
.footer-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.footer-links a {
color: inherit;
text-decoration: none;
opacity: .5
}
.footer-links a:hover,
.footer-links a:focus {
text-decoration: underline
}
.site-footer .social {
display: inline-flex;
gap: 15px;
position: relative;
text-align: center;
align-items: center;
z-index: 10;
}
.site-footer .social a {
height: 44px;
width: 44px;
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
line-height: 2.75rem;
text-decoration: none;
color: var(--clr-foot-tx);
font-size: 1rem;
position: relative;
text-align: center;
transition: all 150ms;
background: rgba(255,255,255,0.05);
}
.site-footer .social a:hover {
color: var(--clr-foot-ac);
}
@media only screen and ( max-width: 1366px ) {
.footer-blocks {
gap: 40px;
grid-template-columns: none;
}
.footer-blocks > div[class] {
text-align: center;
display: grid;
justify-items: center;
}
.footer-blocks div[class] h3 {
margin-bottom: 8px;
}
.footer-blocks div[class] h3:after {
mask: var(--mask-to-center);
}
.footer-blocks .hide-mobile-title h3 {
display: none;
}
} .header-shade {
position: relative;
}
.header-shade:before {
content: '';
position: absolute;
background: linear-gradient(to bottom, #000 0%, transparent 260px);
z-index: 2;
inset: 0;
} .herro {
position: relative;
height: 100vh;
overflow: hidden;
background-color: #000;
}
.herro .shade {
content: '';
position: absolute;
background: radial-gradient(circle, #00000099 30%, transparent 65%); 
z-index: 1;
inset: 0;
}
.herro .bg {
object-fit: cover;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.herro .content {
padding: 0 16px;
color: #fff;
display: grid;
align-content: center;
justify-content: center;
height: 100%;
text-align: center;
position: relative;
z-index: 10;
}
.herro .content .inner {
margin-top: -5vh;
}
.herro .desc {
max-width: 35rem;
margin: auto;
font-weight: 300;
font-size: 1.125em;
padding-top: 1.875rem;
position: relative;
}
.herro .desc p:first-child {
margin: 0;
}
.title-script .herro .desc {
margin-top: .9375rem;
}
.title-script .herro .desc:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
border-bottom: .0625rem solid;
mask: linear-gradient(90deg, transparent, white 40%, white 60%, transparent);
}
.gradient-subtitle .desc {
padding-top: .9375rem !important;
}
.gradient-subtitle .desc:before {
display: none;
}
.herro-imgs-slider {
position: absolute;
inset: 0;
}
.herro-imgs-slider .swiper-slide img {
transition: transform 13s linear;
transform: scale(1);
object-fit: cover;
width: 100%;
height: 100%;
}
.herro-imgs-slider .swiper-slide-visible img {
transform: scale(1.2);
}
.fireflies {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.herro-heading .title {
font-size: clamp(2.5rem, 13.3376px + 3.7324vw, 85px);
line-height: 1;
margin-bottom: -0.375rem;
}
.herro-heading .subtitle-deco {
font-family: var(--font-deco);
color: var(--clr-main-ac);
line-height: 1;
margin-top: -1.25rem;
font-size: 3.75rem;
}
.herro .rotation {
position: absolute;
left: 50%;
bottom: 0%;
width: 90vw;
max-width: 62.5rem;
transform: translateY(70%) translateX(-50%);
animation: 220s rotate 0s linear infinite;
z-index: 2;
}
.herro .btn {
margin-top: 2rem;
}
@keyframes rotate {
0% {
transform: translateY(70%) translateX(-50%) rotate(0deg);
}
100% {
transform: translateY(70%) translateX(-50%) rotate(360deg);
}
} .elementor .elementor-element:first-child {
padding-block-start: 0
}
.elementor-section-wrap .elementor-element:first-child {
padding-block-start: 0;
} .heading {
text-align: center;
display: grid;
}
.heading.deprecated {
margin-bottom: 3rem;
}
.heading .title {
position: relative;
margin: 0 auto;
line-height: 1;
padding: .5rem 0;
margin-top: -.35em;
}
.heading .title:after {
content: '';
position: absolute;
inset: 0 -15%;
border-top: 1px solid;
border-bottom: 1px solid;
mask: linear-gradient(90deg, transparent, white 40%, white 60%, transparent);
}
.heading .subtitle {
margin: 0;
font-family: var(--font-deco);
color: var(--clr-main-ac);
order: -1;
font-size: clamp(1.25rem, 0.7019rem + 2.3077vw, 1.625rem);
letter-spacing: 1px;
z-index: 1;
}
.heading-inside-widget {
margin-bottom: 2rem;
} .heading-blured .title {
color: var(--clr-contrast-tx);
font-size: 3rem;
margin-bottom: 0;
line-height: 1;
padding: .6em .75em;
position: relative;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
z-index: 10;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
animation: 750ms fadeUp 0ms ease-out forwards;
text-align: center;
}
.heading-blured .title:after {
content: "";
position: absolute;
inset: 3px;
z-index: 11;
box-shadow: inset 0 0 6px rgba(255, 255, 255, .15), 0 0 5px rgba(0, 0, 0, .25);
} .restorator-menu {
display: grid;
gap: 56px;
grid-template-columns: 1fr 1fr;
}
.restorator-menu--col-1 {
display: grid;
gap: 56px;
}
.restorator-menu-item {
display: flex;
gap: 1rem;
position: relative;
align-items: start;
}
.restorator-menu-item__thumbnail {
position: relative;
min-width: 5rem;
width: 5rem;
}
.restorator-menu-item__thumbnail:after {
content: '';
position: absolute;
inset: .125rem;
border-radius: var(--radius-shape);
box-shadow: inset 0 0 .3125rem rgba(255,255,255,.25), 0 .0625rem .1875rem rgba(0,0,0,.25);
}
.restorator-menu-item__thumbnail:hover .size-thumbnail,
.restorator-menu-item__thumbnail:hover .size-thumbnail:after {
border-radius: 63% 10% 30% 70% / 50% 10% 55% 50%;
}
.restorator-menu-item__thumbnail > img {
border-radius: var(--radius-shape);
width: 100%;
height: 5rem; transition: all 250ms;
}
.restorator-menu-item__thumbnail-zoom {
position: absolute;
bottom: 125%;
left: 105%;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in;
z-index: 20;
}
.restorator-menu-item__thumbnail-zoom img {
height: auto;
max-width: 380px;
box-shadow: 0 3px 9px rgba(0,0,0,0.25);
border-radius: 9px;
}
.restorator-menu-item__thumbnail:hover .restorator-menu-item__thumbnail-zoom {
opacity: 1;
visibility: visible;
bottom: 105%;
}
.restorator-menu-item__heading {
display: grid;
grid-template-columns: auto 1fr auto;
gap: .375rem;
align-items: center;
}
.restorator-menu-item__heading hr {
opacity: .25;
}
.restorator-menu-item__title {
font-size: var(--wp--preset--font-size--medium);
position: relative;
}
.restorator-menu-item__title-link {
color: inherit;
text-decoration: none;
}
.restorator-menu-item__title-link:hover,
.restorator-menu-item__title-link:focus {
opacity: .6;
}
.restorator-menu-item__price {
font-family: var(--font-head);
font-size: 1.25rem;
color: var(--clr-main-ac);
}
.restorator-menu-item__desc {
opacity: .75;
}
.restorator-menu-item__desc p {
margin: 0;
}
.highlight-text {
font-size: 1rem;
padding: 0 9px;
font-weight: 300;
letter-spacing: 1px;
position: absolute;
left: -9px;
top: -20px;
background: var(--clr-main-bg);
font-family: var(--font-deco);
}
.dishes-menu .highlight:after {
content: '';
position: absolute;
inset: -21px;
border: 1px dashed;
border-radius: 8px;
z-index: -1;
opacity: .5;
}
@media (max-width: 420px) {
.restorator-menu-item__thumbnail-zoom img {
max-width: 70vw;
}
} .multi-price {
font-family: var(--font-head);
}
.multi-price_loop {
display: flex;
align-items: center;
gap: 9px;
margin: .25rem 0;
}
.multi-price_single {
align-self: end;
margin-top: 32px;
}
.multi-price__label_loop {
font-size: .875rem;
opacity: .8;
}
.multi-price__price {
color: var(--clr-main-ac);
}
.multi-price__price_single {
font-size: 1.25rem;
}
@media only screen and (max-width: 1024px) {
.restorator-menu {
justify-content: center;
grid-template-columns: minmax(320px, 616px);
}
}  .restorator-menu-cat {
margin: 6rem 0;
}
.restorator-menu-cat__heading {
margin-bottom: 5.5rem;
}	
.restorator-menu-cat__title-wrap {
text-align: center;
position: relative;
margin-bottom: 2rem;
}
.restorator-menu-cat__title {
font-size: 2.75rem;
line-height: 1;
background: var(--clr-main-bg);
display: inline-block;
padding: 0 32px;
}	
.restorator-menu-cat__title:after {
content: '';
position: absolute;
bottom: 50%;
left: 0;
right: 0;
border-bottom: 1.5px solid var(--clr-main-ac);
mask: var(--mask-to-center);
z-index: -1;
}
.restorator-menu-cat__title--blurred {
color: var(--clr-contrast-tx);
font-size: clamp(1.75rem, 0.5rem + 6.25vw, 3rem);
line-height: 1;
text-align: center;	
padding: .6em .75em;
position: relative;
margin-bottom: 0;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
z-index: 10;	
}
.restorator-menu-cat__title--blurred:after {
content: "";
position: absolute;
inset: 3px;
z-index: 11;
box-shadow: inset 0 0 6px rgba(255, 255, 255, .15), 0 0 5px rgba(0, 0, 0, .25);
}
.restorator-menu-cat__desc {
margin: 0 auto;
text-align: center;
position: relative;
max-width: 45rem;
letter-spacing: .5px;
opacity: .9;
font-size: 1rem;
text-transform: uppercase;
}  .article {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 3rem 0 8rem;
border-radius: 12px;
overflow: clip;
background: rgba(127,127,127,0.05);
outline: 1px solid rgba(127,127,127,0.1);
transition: 325ms all;
box-shadow: 0 1rem 2rem rgba(0,0,0,0.15);
}
.article:not(.has-post-thumbnail) {
max-width: 644px;
margin-left: auto;
margin-right: auto;
}
.article.sticky {
border-top: 2px solid var(--clr-main-ac);
} 
.article .image {
position: relative;
width: 260px;
max-width:  644px;
flex-grow: 1;
z-index: 10;
}
.article .details {
padding: clamp(2rem, 0.75rem + 5vw, 2.75rem)clamp(1.75rem, 0.75rem + 5vw, 3.75rem);
display: grid;
align-content: center;
flex-grow: 1;
width: 380px;
max-width:  50%;
position: relative;
text-align: center;
justify-items: center;
max-width: 644px;
}
.article .details .date {
font-family: var(--font-deco);
font-size: 1.375rem;
color: var(--clr-main-ac);
line-height: 1;
margin-bottom: .5rem;
}
.article .details .title {
position: relative;
margin: 0 0 1em;
font-size: 1.5em;
word-break: break-word;
}
.article .details .title a {
color: inherit;
text-decoration: none;
}
.article img {
height: auto;
object-fit: cover;
width: 100%;
height: 100%;
}
.article.has-post-thumbnail .details {
margin:  0;
}
.article:nth-child(odd) {
flex-direction: row-reverse;
}
.article.to-left {
flex-direction: row;
}
.article.to-right {
flex-direction: row-reverse;
} 
.article .more-link {
margin-top: 1.5rem;
}  .container-has-post-thumbnail {
padding-top: 15rem;
overflow-x: hidden;
position: relative;
}
.container-no-post-thumbnail {
padding-top: 6rem;
}
@media (max-width: 640px) {
.container-has-post-thumbnail {
padding-top: 8rem
}
} .comments-area ul,
.comments-area ol {
list-style: none;
}
.comments-title {
font-size: var(--wp--preset--font-size--medium);
}
.comment-reply-title  {
font-size: var(--wp--preset--font-size--medium-large);
}
.comment-content > * {
margin-top: 1.5rem;
}
.comment-content > :first-child {
margin-block-start: 0;
}	
.comment-body .avatar {
border-radius: 50%;
margin-right: .5em;
}
.comment-form-cookies-consent {
display: flex;
align-items: center;
gap: 8px;
}
.comment-form-cookies-consent label {
position: static;
cursor: default;
}
.comment-list li {
padding: 2rem 4rem;
border: 1px solid #00000020;
background: rgba(127, 127, 127, 0.05);
border-radius: 9px;
text-align: left;
margin-bottom: 3rem;
}
.comment-list .comment .comment {
padding: 6% 7%;
}
.comment-list .pingback,
.comment-list .trackback {
font-weight: 500;
}
.comment-list .pingback a,
.comment-list .trackback a {
font-weight: 300;
}
.comment-author {
display: flex;
align-items: center;
gap: 6px;
}
.comment-meta {
display: flex;
justify-content: space-between;
align-items: center;
font-size: .875rem;
flex-wrap: wrap;
}
.comment-meta a {
color: inherit;
text-decoration: none;
}
.comment-meta a:hover {
color: var(--clr-main-ac);
}
.comment-metadata time {
font-family: var(--font-deco);
font-size: 1rem;
}
.comment-content {
margin: 1rem 0;
}
.comment-reply-link {
text-transform: uppercase;
text-decoration: none;
font-size: .875rem;
font-family: var(--font-head);
}
.comment-reply-link:before {
content: '\E807';
font-family: 'Icons';
margin-right: 5px;
}
.comment-reply-title {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
}
.comment-reply-title a {
text-decoration: none;
font-size: .875rem;
}
.logged-in-as {
font-size: .875rem;
margin-bottom: 2.5rem;
margin-top: .5em;
}
.logged-in-as a {
text-decoration: none;
}
.logged-in-as a:hover,
.logged-in-as a:focus {
text-decoration: underline;
}
.comment-respond {
padding: clamp(1rem, -0.4rem + 7vw, 3rem) clamp(1rem, -1rem + 10vw, 4rem);
border: 1px solid #00000020;
background: rgba(127,127,127, 0.05);
border-radius: 9px;
margin-top: 1rem;
}
.comment-list .comment-respond {
padding: 32px 40px;
margin-top: 1.5rem;
}  .nav-links {
display: flex;
justify-content: center;
margin-top: 64px;
position: relative;
padding: 28px 0;
gap: 4px;
font-size: 1rem;
cursor: default;
}
.nav-links:after {
content: '';
position: absolute;
inset: 0;
background: rgba(127, 127, 127, 0.05);
border: 1px solid rgba(127,127,127,.5);
mask: var(--mask-to-center);
z-index: -1;
}
.nav-links .page-numbers {
display: block;
position: relative;
font-family: var(--font-head);
text-decoration: none;
text-align: center;
line-height: 2.5rem;
color: inherit;
width: 2.5rem;
height: 2.5rem;
}
.nav-links .current {
color: var(--clr-main-ac);
background: var(--clr-main-bg);
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
border: 1px solid rgba(127,127,127,.5);
}
.nav-links a.page-numbers:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
border-bottom: 1px solid var(--clr-main-ac);
transition: all 250ms;
mask: linear-gradient(90deg, transparent, white 40%, white 60%, transparent);
}
.nav-links a.page-numbers:hover:after,
.nav-links a.page-numbers:focus:after {
width: 100%;
}  .sidebar .widget {
padding: 2.5em 3em;
border: 1px solid rgba(127, 127, 127, 0.15);
margin-bottom: 32px;
border-radius: .625rem;
position: relative;
z-index: 10;
overflow: clip;
box-shadow: 0 3px 9px rgba(0,0,0,0.05);
border: 1px solid #00000020;
}
.sidebar .widget:before{
content: '';
inset: 0;
position: absolute;
background: rgba(127, 127, 127, 0.05);
z-index: -1;
}
.sidebar .widget:after {
content: '';
inset: 0;
position: absolute;
background: var(--clr-main-bg);
z-index: -2;
opacity: .75;
}
.widget .wp-block-heading {
font-size: 1.25rem;
position: relative;
margin-bottom: 1rem;
position: relative;
}
.widget .wp-block-heading:after {
content: '';
position: absolute;
left: -.5rem;
height: 100%;
border-left: 1.5px solid var(--clr-main-ac);
mask: var(--mask-center-vr);
}
.widget li a {
text-decoration: none;
color: inherit;
}
.widget li a:hover {
color: var(--clr-main-ac);
} .product-cats-img:not(.swiper-wrapper) {
display: flex;
grid-template-columns: repeat(4, 1fr);
gap: clamp(.625rem, 3vw, 2rem);
justify-content: center;
justify-items: center;
}
.product-cats-img.cols-4 {
display: flex;
}
.product-cats-img.cols-4 li {
max-width: 316px;
width: 270px;
flex-grow: 1;
}
.product-cats-img.cols-3 {
grid-template-columns: repeat(3, 1fr);
gap: clamp(.625rem, 3vw, 2rem);
}
.product-cats-img.cols-5 {
grid-template-columns: repeat(5, 1fr);
gap: clamp(.625rem, 3vw, 2rem);
}
.product-cats-img a {
position: relative;
overflow: hidden;
display: block;
border-radius: 8px;
}
.product-cats-img img {
transition: all 4s linear;
height: auto;
max-width: 100%;
}
.product-cats-img a:before {
content: "";
position: absolute;
width: 100%;
height: 30%;
bottom: 0;
left: 0;
z-index: 1;
border-radius: .625rem;
background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
transition: all .25s ease;
}
.product-cats-img a:hover:before {
height: 100%;
}
.product-cats-img a:hover img {
transform: scale(1.1);
}
.product-cats-img a:after {
content: "";
position: absolute;
inset: 2px;
z-index: 11;
box-shadow: inset 0 0 6px rgba(255,255,255,.25), 0 0 5px rgba(0,0,0,.25);
border-radius: 6px;
}
.product-cats-img h2 {
font-size: 20px;
text-align: center;
position: absolute;
bottom: 20px;
width: 100%;
margin: 0;
font-family: var(--font-head);
color: white;
z-index: 10;
}
.product-cats-swipe {
position: relative;
overflow-x: hidden; 
margin: 0;
}
.swiper-wrapper .product {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.slider-bullets {
display: flex;
justify-content: center;
margin-top: 2.8125rem;
gap: .6875rem;
}
.slider-bullets .bullet {
width: .6875rem;
height: .6875rem;
background: rgba(0, 0, 0, .1);
opacity: 1;
box-shadow: inset 0 .0625rem .0625rem #777;
display: block;
border-radius: 50%;
cursor: pointer;
}
.slider-bullets .active {
background: var(--clr-main-ac);
}
.hide-swipe-nav {
display: none;
}
@media only screen and (max-width: 1380px) {
.hide-swipe-nav {
display: block;
}
}
#order-online .swiper {
overflow: initial;
} .promo-slider {
text-align: center;
background: var(--clr-contrast-bg) url(//kilim.fi/wp-content/themes/cristiano/assets/images/noise.webp);
background-attachment: fixed;
align-items: center;
}
.promo-swiper {
position: relative;
}
.promo-slider__item {
min-height: 45vh;
display: grid;
align-items: center;
justify-content: center;
}
.promo-slider__details-wrap {
position: relative;
padding: 0 clamp(1rem, -3.3871rem + 20.6452vw, 5rem);
max-width: 720px;
box-sizing: content-box;
}
.promo-slider__details {
padding: 44px clamp(1rem, -1.3602rem + 9.9379vw, 5rem);
box-shadow: 0 0 1px #00000068;
background: hsl( from var(--clr-main-bg) h s l / 85%);
box-shadow: inset 0 0 3px rgba(255,255,255,.25), 0 3px 15px rgba(0,0,0,.25);
border-radius: .75rem;
z-index: 20;
margin: 64px auto;
position: relative;
-webkit-backdrop-filter: blur(2rem) brightness(1.15);
backdrop-filter: blur(2rem) brightness(1.15);
}
.promo-slider__title {
font-size: clamp(1.5rem, 1.0103rem + 2.0619vw, 2rem);
position: relative;
display: inline-block;
margin: 0;
}
.promo-slider__desc {
opacity: .75;
}
.promo-slider__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
display: flex;
justify-content: space-between;
}
.promo-slider__btn-nav {
font-family: var(--font-head);
font-size: 2.5rem;
text-align: center;
display: flex;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border: 0 none;
backdrop-filter: blur(1rem);
box-shadow: 0 0 3px rgba(0,0,0,.25);
background: hsl( from var(--clr-main-bg) h s l / 60%);
border-radius: 50%;
transition: all 250ms;
position: relative;
overflow: hidden;
}
.promo-slider__btn-nav:hover {
background: hsl( from var(--clr-main-bg) h s l / 80%);
}
.promo-slider__btn-nav--prev {
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
}
.promo-slider__btn-nav--next {
border-radius: 30% 70% 63% 37%  / 50% 45% 55% 50%;
}
.promo-slider__btn-nav--prev:hover {
transform: translateX(-3px);
}
.promo-slider__btn-nav--next:hover {
transform: translateX(3px);
}
@supports not (background: hsl( from white h s l / 50%)) {
.promo-slider__details:after {
content: '';
position: absolute;
inset: 0;
background: var(--clr-main-bg);
opacity: .85;
z-index: -1;
border-radius: .75rem;
}
}
@media only screen and (max-width: 1024px) {
.promo-slider__btn-nav {
display: none;
}
}  .latest-news-block {
position: relative;
overflow: hidden;
padding: 64px 0 88px;
color: #fff;
background: var(--clr-contrast-bg) url(//kilim.fi/wp-content/themes/cristiano/assets/images/noise.webp);
}
.latest-news-block .heading {
position: relative;
z-index: 10;
}
.latest-news-block img.cover {
max-width: initial;
width: 100%;
inset: 0%;
filter: blur(9px) brightness(0.3);
z-index: 1;
}
.latest-news-inner {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 60px;
gap: 64px;
z-index: 2;
position: relative;
}
.latest-news-inner img {
border-radius: 9px;
box-shadow: 0 0 15px #00000033;
height: auto;
max-width: 100%;
}
.latest-news-inner h2 {
font-size: 1.75em;
margin: 0;
}
.latest-news-inner h2 a {
color: inherit;
text-decoration: none;
}
.latest-news-inner .date {
font-family: var(--font-deco);
font-size: 1.25em;
opacity: .8;
}
@media (max-width: 1000px) {
.latest-news-inner {
grid-template-columns: 1fr;
max-width: 480px;
margin-left: auto;
margin-right: auto;
gap: 32px;
margin-top: 48px;
}
}  .menu-cat {
display: flex;
flex-wrap: wrap;
padding: 0;
position: relative;
background: rgba(127,127,127,0.05);
border: 1px solid rgba(127,127,127,0.1);
margin: 2rem 0 10rem;
border-radius: 12px;
box-shadow: 0 1rem 2rem rgba(0,0,0,0.15);
}
.menu-cat:nth-child(odd) {
flex-direction: row-reverse;
}
.menu-cat .content {
padding: clamp(2rem, 0.75rem + 5vw, 2.75rem)clamp(1.75rem, 0.75rem + 5vw, 3.75rem);
width: 482px;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.menu-cat .restorator-menu-item__thumbnail {
margin-left: -1.25rem;
}
.menu-cat .image {
position: relative;
width: 482px;
flex-grow: 1;
}
.menu-cat .image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.title-border-center {
text-align: center;
margin-bottom: 3rem;
position: relative;
display: inline-flex;
text-transform: uppercase;
}
.title-border-center:after {
content: '';
position: absolute;
inset: 0 -32px;
z-index: -1;
border: 1px solid;
mask: var(--mask-to-center);
} .menu-cats-swipe {
position: relative;
overflow: hidden;
}
.menu-cats-large-title {
font-size: 1.25rem;
text-align: center;
position: absolute;
bottom: 1.25rem;
width: 100%;
margin: 0;
color: #fff;
font-family: var(--font-head);
z-index: 10;
}
.menu-cats-large-link {
position: relative;
overflow: hidden;
display: block;
border-radius: 8px;
color: inherit;
}
.menu-cats-large-link:before {
content: "";
position: absolute;
inset: 2px;
z-index: 11;
box-shadow: inset 0 0 6px rgba(255, 255, 255, .25), 0 0 5px rgba(0, 0, 0, .25);
border-radius: 6px;
}
.menu-cats-large-link:after {
content: "";
position: absolute;
width: 100%;
height: 30%;
bottom: 0;
left: 0;
z-index: 1;
border-radius: .625rem;
background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
transition: all .25s ease;
}
.menu-cats-large-link:hover:after {
height: 100%;
}
.menu-cats-large-link img {
transition: all 4s linear
}
.menu-cats-large-link:hover img {
transform: scale(1.1);
}
.menu-cat-page {
margin-bottom: 6rem;
}
.menu-subcat {
margin-top: 6rem;
}
.menu-subcat .heading {
margin-bottom: 4rem;
}
.menu-subcat__heading {
position: relative;
display: grid;
height: 40vh;
min-height: 480px;
margin-bottom: 4rem;
border-radius: 16px;
overflow: hidden;
display: grid;
align-items: center;
justify-content: center;
box-shadow: 0 6px 16px rgba(0,0,0,0.25);
} .dishes_menu-template-default .page {
padding-top: var(--rem-7-15, 240px);
} .product-card {
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
border-radius: 12px;
box-shadow: 0 9px 16px #00000015;
outline: 1px solid rgba(127, 127, 127, 0.25);
margin-bottom: 6rem;
overflow: hidden;
z-index: 10;
justify-content: center;
}
.product-card.no-image {
grid-template-columns: 1fr;
}
.product-card__media {
object-fit: cover;
width: 100%;
height: 100%;
}
.product-card__entry {
display: grid;
grid-template-rows: min-content;
position: relative;
border-radius: 0 9px 9px 0;
background-color: hsl( from var(--clr-main-bg) h s l / 80%);
padding: clamp(1.25rem, -0.15rem + 4.5vw, 4rem) clamp(1.25rem, -0.65rem + 6vw, 5rem);
}
.product-card__title {
font-size: clamp(1.125rem, -0.3333rem + 4.8611vw, 2rem);
}
.product-card__meta {
font-size: .75em;
letter-spacing: 1.2px;
text-transform: uppercase;
margin: 1em 0;
}
.product-card__meta a {
text-decoration: none;
font-weight: 400;
}
.product-card__footer {
align-self: end;
margin-top: 32px;
} .cat-menu-heading {
display: grid;
align-items: center;
justify-content: center;
height: 45vh;
position: relative;
margin-bottom: 4rem;
overflow: hidden;
}
.cat-menu-heading img {
object-fit: cover;
width: 100%;
height: 140%;
position: absolute;
inset: 0;
}
.cat-menu-heading .info {
position: relative;
backdrop-filter: blur(32px);
max-width: 644px;
padding: 48px;
text-align: center;
border-radius: 12px;
overflow: clip;
box-shadow: 0 0 32px #0000004d;
}
.cat-menu-heading .info:before {
content: '';
position: absolute;
inset: 0;
background: var(--clr-main-bg);
z-index: -1;
opacity: .85;
}
.cat-menu-heading .info:after {
content: "";
position: absolute;
inset: 2px;
z-index: 11;
box-shadow: inset 0 0 2px rgba(255,255,255,.15), 0 0 2px rgba(0,0,0,.25);
border-radius: 12px;
z-index: -1;
}
.cat-menu-heading .info h2 {
font-size: 2.25rem;
position: relative;
display: inline-flex;
margin: 0;
}
.cat-menu-heading .info h2:after {
content: '';
position: absolute;
inset: 0 -48px;
z-index: -1;
border: 1px solid;
mask: var(--mask-to-center);
}
.cat-menu-heading .info p {
text-transform: uppercase;
}
.cat-menu-heading .info p:last-child {
margin-bottom: 0;
}
.parallax-cat {
margin-bottom: 5rem;
}
.parallax-cat .content {
margin-top: 2rem;
}
.single-cat-desc {
max-width: 640px;
margin: 5rem auto;
text-align: center;
font-size: 1.125rem;
}
.featured-menu {
margin-bottom: 96px;
}
.featured-menu .heading {
margin-bottom: 4rem;
} .short-info {
background: var(--clr-contrast-bg) url(//kilim.fi/wp-content/themes/cristiano/assets/images/noise.webp);
background-attachment: fixed;
color: var(--clr-contrast-tx);
text-align: center;
height: 220px;
display: grid;
align-items: center;
letter-spacing: 1px;
justify-content: center;
position: relative;
overflow: hidden;
}
.short-info-title {
position: relative;
padding: 1em;
margin: 0;
z-index: 10;
}
.short-info-title-head {
font-size: 2rem;
}
.short-info-title-deco {
font-size: clamp(2rem, 1.2692rem + 3.0769vw, 2.5rem);
font-family: var(--font-deco);
letter-spacing: 2px;
z-index: 2;
}
.short-info-image {
z-index: 1;
}  .prev-circle,
.next-circle {
position: absolute;
top: 50%;
width: 3rem;
height:  3rem;
background: #000;
transform: translateY(-50%);
z-index: 10;
border-radius: 50%;
color: var(--clr-main-tx);
font-size: 2rem;
font-family: var(--font-head);
background: var(--clr-main-bg);
}
.prev-circle {
left: 0;
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
border-radius: 50%;
transform:translateY(-50%) translateX(-50%);
box-shadow: inset -3px 0 3px rgba(0, 0, 0, 0.1);
}
.next-circle {
right: 0;
border-radius: 30% 70% 63% 37%  / 50% 45% 55% 50%;
border-radius: 50%;
transform:translateY(-50%) translateX(50%);
box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.1);
}
.prev-circle:hover,
.next-circle:hover {
background: var(--clr-main-bg);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.swiper-button-disabled {
pointer-events: none;
cursor: default;
color: rgba(127,127,127,0.5);
}
.slider-pagination {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 45px;
}
.slider-pagination .bullet {
width: 10px;
height: 10px;
background: rgba(0, 0, 0, 0.1);
opacity: 1;
box-shadow: inset 0 1px 1px #777;
display: block;
border-radius: 50%;
}
.slider-pagination .active {
background-color: var(--clr-main-ac);
}
@media (max-width: 640px) {
.prev-circle,
.next-circle {
display: none;
}
}  .contrast-colors {
background: var(--clr-contrast-bg) url(//kilim.fi/wp-content/themes/cristiano/assets/images/noise.webp);
background-attachment: fixed;
color:  var(--clr-contrast-tx);
padding: 80px 0;
}
.contrast-colors.has-img {
overflow: hidden;
position: relative;
}
.contrast-colors .cover {
z-index: 1;
filter: grayscale(1) opacity(.05);
}
.contrast-colors .wrap {
position: relative;
z-index: 10;
}  .testimonials-slider-single blockquote {
text-align: center;
font-size: 1.125rem;
font-style: italic;
cursor: default;
max-width: 640px;
margin: auto;
padding: 0;
border: 0 none;
}
.testimonials-slider-single blockquote img {
border-radius: 50%;
width: 96px;
height: auto;
border: 2px solid #fff;
box-shadow: 0 0 2px #00000085;
border-radius: 30% 70% 63% 37%  / 50% 45% 55% 50%;
}
.testimonials-slider-single blockquote p {
margin: 1rem 0;
}
.testimonials-slider-single .nav {
display: flex;
justify-content: center;
gap: 16px;
margin-top: 2rem;
margin-bottom: 3px;
}
.testimonials-slider-single .nav button {
width: 32px;
height: 32px;
box-shadow: 0 0 1px #000000b3;
font-size: 32px;
line-height: 20px;
font-family: var(--font-head);
transition: all 250ms;
}
.testimonials-slider-single .nav button:hover {
color: var(--clr-main-bg);
background-color: var(--clr-main-tx);
}
.testimonials-slider-single .nav .prev {
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
}
.testimonials-slider-single .nav .next {
border-radius: 30% 70% 63% 37%  / 50% 45% 55% 50%;
}
.testimonials-slider-single:before,
.testimonials-slider-single:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 80px;
background: var(--clr-main-bg);
z-index: 10;
}
.testimonials-slider-single .icon-quote-left {
font-size: 30px;
opacity: 0.25;
}
.testimonials-slider-single:before {
left: 0;
mask: var(--mask-to-right);
}
.testimonials-slider-single:after {
right: 0;
mask: var(--mask-to-left);
}
.testimonials-slider-single blockquote cite {
font-family: var(--font-head);
color: var(--clr-main-ac);
font-style: normal;
}  .testimonials-multiple-swiper {
position: relative
}
.testimonials-multiple  {
align-items: center;	
align-content: center;	
}
.testimonials-multiple-item{
padding: 32px;
border-radius: 9px;
background: rgba(127,127,127, 0.05);
outline: 1px solid rgba(127,127,127,0.15);
box-shadow: 0 3px 16px rgba(0,0,0,0.1);
}
.testimonials-multiple-item__heading {
display: flex;
gap: 1em;
margin-bottom: 15px;
}
.testimonials-multiple-item__title {
margin: 0;
font-size: 18px;
margin-bottom: 0;
text-indent: 3px;
}
.testimonials-multiple-item__desc {
opacity: .75;
}
img.testimonials-multiple-item__image {
border-radius: 50%;
max-width: 4rem;
height: auto;
}  .contact-details .boxes {
display: grid;
list-style: none;
gap: 2rem;
margin: auto
}	
.contact-details .cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.contact-details .cols-3 {
grid-template-columns: repeat(3, 1fr);
}
.contact-details .cols-4 {
grid-template-columns: repeat(4, 1fr);
}
.contact-details .boxes .box {
background: rgba(127,127,127,0.05);
border: .0625rem solid rgba(127,127,127,0.1);
padding: 4rem 3rem 3rem;	
border-radius: .25rem;
position: relative;
text-align: center;
}
.contact-details .cols-4 .box {
padding: 3.5rem 2rem 2.5rem;
}
.contact-details .boxes .box:after {
content: '';
position: absolute;
inset: .1875rem;
z-index: 11;
box-shadow: inset 0 0 .375rem rgba(255,255,255,.25), 0 0 .125rem rgba(0,0,0,.1);
z-index: -1;
}
.contact-details .boxes .box h3 {
font-size: var(--wp--preset--font-size--medium);
}
.contact-details .boxes .box p {
margin: 0;
font-size: 15px;
margin-top: .5em;
}
.contact-details svg {
height: .875rem;
fill: var(--clr-main-bg);
}
.contact-details .icon-wrap {
width: 4.5rem;
font-size: .9375rem;
height: 2.8125rem;
line-height: 2.8125rem;
position: absolute;
top: -0.1875rem;
left: 50%;
transform: translateX(-50%);
border-radius: 0% 0% 50% 50%;
box-shadow: 0 .0625rem .0625rem rgba(0, 0, 0, 0.3);
z-index: 1;
background-color: var(--clr-main-ac);
color: var(--clr-main-bg);
box-shadow: 0 .0625rem .0625rem #0000007a;
z-index: -1;
}
@media (max-width: 1240px) {
.contact-details .cols-4 {
grid-template-columns: 1fr 1fr;
max-width: 748px
}
}
@media (max-width: 960px) {
.contact-details .cols-3 {
grid-template-columns: 1fr;
max-width: 408px
}
}
@media (max-width: 640px) {
.contact-details .cols-4,
.contact-details .cols-2 {
grid-template-columns: 1fr;
max-width: 408px
}
}  .location-info {
display: grid;
grid-template-columns: 1fr auto;
gap: 90px;
margin-bottom: 96px;
}
.location-info .general {
padding-top: 64px;
}
.location-info .title-underline {
margin-bottom: 32px;
}
.full-hours {
padding: 40px 0 24px;
width: 376px;
align-self: end;
background: rgba(127, 127, 127, 0.05);
border: .0625rem solid rgba(127, 127, 127, 0.1);
border-radius: 8px;
box-shadow: 0 16px 32px rgba(0,0,0,0.15);
text-align: center;
margin-top: -6px;
}
.full-hours h3 {
color: var(--clr-main-ac);
font-size: 2rem;
position: relative;
display: inline-flex;
font-family: var(--font-deco);
margin-bottom: 8px;
}
.full-hours h3:after {
content: '';
position: absolute;
inset: 0 -2rem;
border-bottom: 1px solid var(--clr-main-ac);
mask: var(--mask-to-center);
z-index: -1;
transition: 125ms all;
}
.hours-table li {
display: flex;
justify-content: space-between;
margin: 6px 0;
padding: 0.75em 2.5em;
}
.hours-table li h5 {
font-size: inherit;
padding-right: 2em;
}
.hours-table li p {
margin: 0;
}
.hours-table li.today {
position: relative;
}
.hours-table li.today > * {
z-index: 2;
}
.hours-table li.today:after {
content: '';
position: absolute;
inset: 0;
border-top: 1px solid var(--clr-main-ac);;
border-bottom: 1px solid var(--clr-main-ac);
background: #fff;
mask: linear-gradient(90deg, transparent, white 40%, white 60%, transparent);
}
.hours-table th {
text-transform: none;
font-weight: 400;
}
.hours-table td {
text-align: right;
}
.location-details li {
display: flex;
align-items: center;
gap: 1em;
margin-bottom: 14px;
}
.location-details.bg-iicons li:before {
min-width: 40px;
height: 40px;
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
background: var(--clr-main-ac);
color: var(--clr-main-bg);
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
}
.location-details li:before {
color: var(--clr-main-ac);
}
.location-details a {
text-decoration: none;
color: inherit;
}
@media (max-width: 960px) {
.location-info {
grid-template-columns: 1fr;
justify-items: center;
gap: 2rem;
}
}
@media (max-width: 480px) {
.full-hours {
width: 100%;
}
} .location-list {
display: grid;
grid-template-columns: 1fr 1fr;
flex-wrap: wrap;
justify-content: center;
margin: 129px 0;
border-radius: 12px;
overflow: clip;
background: rgba(127, 127, 127, 0.05);
outline: 1px solid rgba(127, 127, 127, 0.1);
transition: 325ms all;
box-shadow: 0 .25rem 2rem rgba(0, 0, 0, 0.15);
}
.location-list h2 {
font-size: clamp(1.25rem, 1.0833rem + 0.8333vw, 1.75rem);
}
.location-list .content {
padding: clamp(2rem, 0.75rem + 5vw, 2.75rem)clamp(1.75rem, 0.75rem + 5vw, 4.75rem);
display: grid;
align-content: center;
position: relative;
}
.location-list img {
width: 100%;
height: 100%;
object-fit: cover;
}
.location-list .btn-underline {
justify-self: baseline;
margin-top: 2em;
}
.location-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
margin: 5rem 0;
}
.location-grid img {
width: 100%;
height: auto;
}
.location-grid > li {
background: rgba(127,127,127, 0.05);
border-radius: 8px;
overflow: clip;
}
.location-grid .info {
padding: 32px;
}
.location-grid .info h3 {
font-size: var(--wp--preset--font-size--medium);
margin-bottom: 16px;
}
.location-grid a {
color: inherit;
text-decoration: none;
}
@media (max-width: 980px) {
.location-list {
grid-template-columns: 1fr;
max-width: 480px;
margin: 4em auto;
}
.location-grid {
grid-template-columns: 1fr;
}
}  #map {
z-index: 10;
}
.map-tiles {
filter: grayscale(75%)
} 
.leaflet-container .leaflet-marker-pane img {
filter: sepia(1);
} 
.content-map {
height: 40vh;
}
.leaflet-control-attribution {
display: none;
}
.leaflet-right .leaflet-control {
margin-right: 20px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 20px;
} .section-block {
margin-top: 90px;
margin-bottom: 90px;
}
.section-block:first-child {
margin-top: 0;
} .gallery .gallery-item {
padding: 16px;
border-radius: 12px;
}
.gallery .gallery-item img {
border-radius: 9px;
outline: 1px solid rgba(127,127,127,0.1);
box-shadow: 0 4px 16px #0006;
}  .restorator-gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2em;
}
.restorator-gallery.cols-3 {
grid-template-columns: repeat(3, 1fr);
justify-content: center;
}
.restorator-gallery.cols-4 {
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}
img.restorator-gallery-image {
border-radius: 9px;
box-shadow: 0 3px 9px #00000032;
transition: all 250ms;
}
img.restorator-gallery-image:hover {
box-shadow: 0 6px 9px #00000032;
transform: translateY(-3px);
}
.vbox-container {
overflow: hidden;
}
.vbox-child,
.vbox-child img {
border-radius: 12px;
}
@media (max-width: 768px) {
.restorator-gallery.cols-3,
.restorator-gallery.cols-4 {
grid-template-columns: 1fr 1fr !important;
gap: 1em;
}
}  .ui-datepicker {
z-index: 99 !important;
width: 100%;
max-width: 402px;
background: #fff;
padding: 24px;
box-shadow: 0 6px 32px rgba(0,0,0,0.15);
cursor: default;
border-radius: 12px;
overflow: hidden;
display: none;
}
.ui-datepicker:after {
content: '';
position: absolute;
inset: 0;
background: rgba(127,127,127,0.05);
z-index: -1;
}
.ui-datepicker-calendar thead {
font-family: var(--font-head);
position: relative;
}
.ui-datepicker-calendar thead:after {
content: '';
position: absolute;
inset: 0;
background: #fff;
border: 1px solid var(--clr-main-ac);
mask: var(--mask-to-center);
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
text-align: center;
padding: 0;
position: relative;
z-index: 10;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td span {
display: block;
line-height: 2.75rem;
}
.ui-datepicker-title {
text-align: center;
font-family: var(--font-deco);
font-size: 20px;
position: relative;
padding-bottom: .5rem;
}
.ui-datepicker-prev,
.ui-datepicker-next {
position: absolute;
top: 20px;
cursor: pointer;
padding: 10px;
color: var(--color-contrast);
z-index: 10;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
display: none;
}
.ui-datepicker-prev {
left: 24px;
}
.ui-datepicker-next {
right: 24px;
}
.ui-datepicker-prev:after, 
.ui-datepicker-next:after {
content: '';
width: 12px;
height: 12px;
border: 1px solid;
border-top: 0;
display: block;
}
.ui-datepicker-prev:after {
rotate: 45deg;
border-right: 0;
}
.ui-datepicker-next:after {
rotate: -45deg;
border-left: 0;
}
.ui-state-disabled {
opacity: .5;
cursor: default;
}
.ui-datepicker table a {
text-decoration: none;
display: block;
border: 1px solid transparent;
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
line-height: 2.75rem;
color: inherit;
}
.ui-datepicker a:hover,
.ui-datepicker a:focus {
border-color: var(--clr-main-ac);
}
.ui-datepicker a.ui-state-active {
border-color: var(--clr-main-ac);
}  .error404 {
color: #fff;
background: var(--clr-contrast-bg) url(//kilim.fi/wp-content/themes/cristiano/assets/images/noise.webp);
display: grid;
align-content: center;
justify-content: center;
text-align: center;
}
.error404 h1 {
font-size: 160px;
line-height: 1;
margin: 0;
background: radial-gradient(#fff, #616161);
background-size: 100% 200%;
background-position: 50% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}   
.error404 h2 {
font-family: var(--font-deco);
font-size: 40px;
color: var(--clr-main-ac);
}
.box-404 {
margin: 1.875rem .9375rem;
padding: 25% 7.8125rem;
box-shadow:0 .25rem 2rem #00000033;
position: relative;
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
border-radius: .25rem;
}
.box-404:after {
content: "";
position: absolute;
inset: .1875rem;
z-index: 11;
box-shadow: inset 0 0 .375rem rgba(255,255,255,.1), 0 0 .3125rem rgba(0,0,0,.25);
border-radius: .25rem;
z-index: -1;
}
.error404 hr {
width: .0625rem;
height: 5.625rem;
margin: .9375rem auto;
border: 0 none;
background: radial-gradient(circle at center, var(--clr-main-ac) 0%, transparent 100%);
}
.box-404 .btn {
margin-top: 3rem;
}  .elementor-section {
margin-top: 90px;
margin-bottom: 90px;
}
.elementor-section:first-child {
margin-top: 0;
}
.theme-widget .heading {
margin-bottom: 4rem;
} .post-page-nav {
text-align: center;
font-family: var(--font-head);
font-size: 1em;
display: flex;
justify-content: center;
}
.post-page-numbers {
text-decoration: none;
color: inherit;
font-family: var(--font-head);
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
display: block;
position: relative;
}
.post-page-numbers.current {
color: var(--clr-main-ac);
background: var(--clr-main-bg);
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
border: 1px solid #00000030;
}  .search-form {
position: relative;
margin-top: 2rem;
}
.search-form__field {
width: 100%;
border: 1px solid rgba(127,127,127,0.75);
height: 64px;
border-radius: 9px;
padding: 0 4rem 0 1rem;
font-size: 1.5rem;
font-family: inherit;
font-weight: 300;
}
.search-form__submit {
position: absolute;
right: 0;
background: none;
height: 4rem;
width: 4rem;
padding: 0;
opacity: .25;
}
.search-form__submit:after {
content: '\e806';
font-family: 'Icons';
font-size: 1.5rem;
color: var(--clr-main-tx);
}
.search-form__submit:hover {
opacity: 1;
}
.no-results {
text-align: center;
}  .gallery-size-thumbnail .gallery-item {
padding: 0;
max-width: initial !important;
}	
.gallery-item img {
object-fit: cover;
width: 100%;
height: 100%;
}
.gallery {
display: grid;
gap: 2em;
}
.gallery-size-thumbnail.gallery-columns-1 {
display: grid;
max-width: 348px;
gap: 2em;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
gap: 1em;
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
gap: 1em;
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
gap: 1em;
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
gap: 1em;
}
.gallery-columns-9 {
grid-template-columns: repeat(8, 1fr);
gap: 1em;
} .wp-block-site-title {
font-size: 1.25em;
letter-spacing: .1875em;
}
.wp-block-site-tagline {
font-size: .4375em;
text-transform: uppercase;
letter-spacing: .4375em;
text-indent: .4375em;
} .wp-block-latest-comments__comment {
margin-bottom: .75em;
}
.wp-block-latest-comments__comment-author {
font-weight: 400;
}
.wp-block-latest-comments__comment-link {
display: block;
} .wp-block-search__label {
font-size: 1.25rem;
position: relative;
margin-bottom: 1rem;
position: relative;
font-family: var(--font-head);
}
.wp-block-search__label:after {
content: '';
position: absolute;
height: 100%;
left: -.5rem;
border-left: 1.5px solid var(--clr-main-ac);
mask: var(--mask-center-vr);
}
.wp-block-search__inside-wrapper {
position: relative;
border: 1px solid rgba(127,127,127,0.5);
border-radius: 6px;
overflow: hidden;
}
.wp-block-search__inside-wrapper:after {
content: '';
position: absolute;
inset: 0;
background: var(--clr-main-bg);
opacity: .5;
z-index: -1;
}
.wp-block-search__input {
background: none;
border: 0 none;
height: 2.5rem;
padding-right: 40px;
}
.wp-block-search__button {
background: none;
font-size: 0;
border: 0 none;
position: absolute;
right: 0;
width: 40px;
height: 40px;
opacity: .5;
}
.wp-block-search__button:hover {
opacity: 1;
}
.wp-block-search__button:after {
content: '\e806';
font-family: 'Icons';
font-size: 16px;
color: var(--clr-main-tx)
}  .footer-widgets {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
text-align: center;
clear: both;
position: sticky;
top: 100%;
background-color: var(--clr-foot-bg);
color: var(--clr-foot-tx);
}
.footer-widgets .widget {
padding: 60px 30px;
vertical-align: top;
flex-grow: 1;
margin-bottom: 0;
}
.footer-widgets .widget li {
padding: 0;
}
.footer-widgets .widget_cristiano_contact {
background-color: rgba(255,255,255,0.03)
}
.footer-widgets .block {
padding: 0 30px;
}
.footer-widgets ul {
margin-bottom: 0;
}
.footer-widgets .contact-info .hours {
font-size: 13px;
}
.footer-widgets h2 {
font-size: 21px;
margin-bottom: 15px;	
text-transform: none;
letter-spacing: 1px;
color: var(--clr-foot-ac);
}
.footer-widgets .social {
text-align: center;
margin-top: 1.5em;
}
.footer-widgets .social a {
width: 45px;
line-height: 45px;
display: inline-block;
background-color: rgba(255,255,255,0.05);
border-radius: 50%;
}
.footer-widgets a:hover {
color: var(--clr-foot-ac);
}
.footer-widgets input[type=text],
.footer-widgets input[type=email] {
max-width: 350px;
height: 40px;	
background-color: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.1);
color: #fff;
}
.footer-widgets input[type='submit'] {
background-color: var(--footer-ac);
color:  var(--footer-bg);;
height: 40px;
}
.footer-widgets label {
display: block;
}
.footer-widgets input[type='submit']:hover {
opacity: 0.8;
}