/** * Swiper 8.4.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 12, 2022 */ .swiper-slide, .swiper-wrapper { height: 100%; position: relative; transition-property: transform; width: 100%; } .swiper-android .swiper-slide, .swiper-pagination, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-fade.swiper-free-mode .swiper-slide, .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; } @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-navigation-size: 44px; } .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 { z-index: 1; display: flex; box-sizing: content-box; } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; } .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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-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); } .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: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev, .swiper-pagination-bullet:only-child, .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled, .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { 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, .swiper-pagination-lock, .swiper-scrollbar-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .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(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-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(0, -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: transform 0.2s, top 0.2s; } .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: transform 0.2s, left 0.2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 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-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .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, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag, .swiper-slide-zoomed { cursor: move; } .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-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: 1s linear infinite swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } 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 { margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-cube .swiper-slide .swiper-slide, .swiper-fade .swiper-slide .swiper-slide, .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active, .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active, .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cards, .swiper-cube, .swiper-flip { 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-rtl .swiper-slide { transform-origin: 100% 0; } .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, .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-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /** * Fancybox v3.5.7 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 10px; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; color: #fff; background-color: red; } .fancybox-slide--html .fancybox-close-small-bottom { bottom: 0; top: unset; width: 100%; font-size: 16px; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent ); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes a { to { transform: rotate(1turn); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 3px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /*! * MMenu */ /*! * jQuery mmenu v7.2.2 * @requires jQuery 1.7.0 or later * * mmenu.frebsite.nl * * Copyright (c) Fred Heusschen * www.frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */ .mm-menu { --mm-line-height: 20px; --mm-listitem-size: 44px; --mm-navbar-size: 44px; --mm-offset-top: 0; --mm-offset-right: 0; --mm-offset-bottom: 0; --mm-offset-left: 0; --mm-color-border: rgba(0, 0, 0, 0.1); --mm-color-button: rgba(0, 0, 0, 0.3); --mm-color-text: rgba(0, 0, 0, 0.75); --mm-color-text-dimmed: rgba(0, 0, 0, 0.3); --mm-color-background: #f3f3f3; --mm-color-background-highlight: rgba(0, 0, 0, 0.05); --mm-color-background-emphasis: rgba(255, 255, 255, 0.4); --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); line-height: 20px; line-height: var(--mm-line-height); -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 0; margin: 0; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; top: var(--mm-offset-top); right: var(--mm-offset-right); bottom: var(--mm-offset-bottom); left: var(--mm-offset-left); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { color: inherit; text-decoration: none; } [dir="rtl"] .mm-menu { direction: rtl; } .mm-panels, .mm-panels > .mm-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panel, .mm-panels { -webkit-box-sizing: border-box; box-sizing: border-box; background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); } .mm-panels { overflow: hidden; } .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; padding: 0 20px; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .mm-panel:not(.mm-hidden) { display: block; } .mm-panel:after, .mm-panel:before { content: ""; display: block; height: 20px; } .mm-panel_has-navbar { padding-top: 44px; padding-top: var(--mm-navbar-size); } .mm-panel_opened { z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel_opened-parent { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel_highest { z-index: 2; } .mm-panel_noanimation { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .mm-panel_noanimation.mm-panel_opened-parent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [dir="rtl"] .mm-panel:not(.mm-panel_opened) { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [dir="rtl"] .mm-panel.mm-panel_opened-parent { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } .mm-listitem_vertical > .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: none; width: 100%; padding: 10px 0 10px 10px; } .mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before { content: none; display: none; } .mm-listitem_opened > .mm-panel { display: block; } .mm-listitem_vertical > .mm-listitem__btn { height: 44px; height: var(--mm-listitem-size); bottom: auto; } .mm-listitem_vertical .mm-listitem:last-child:after { border-color: transparent; } .mm-listitem_opened > .mm-listitem__btn:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; } .mm-btn { -webkit-box-sizing: border-box; box-sizing: border-box; width: 44px; padding: 0; } .mm-btn:after, .mm-btn:before { border-color: rgba(0, 0, 0, 0.1); border-color: var(--mm-color-button); border-width: 2px; border-style: solid; } .mm-btn_close:after, .mm-btn_close:before { content: ""; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px; } .mm-btn_close:after { border-left: none; border-top: none; right: 25px; } .mm-btn_next:after, .mm-btn_prev:before { content: ""; border-bottom: none; border-right: none; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; } .mm-btn_prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-btn_next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } [dir="rtl"] .mm-btn_next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } [dir="rtl"] .mm-btn_prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } [dir="rtl"] .mm-btn_close:after, [dir="rtl"] .mm-btn_close:before { right: auto; } [dir="rtl"] .mm-btn_close:before { left: 25px; } [dir="rtl"] .mm-btn_close:after { left: 18px; } .mm-navbar { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text-dimmed); border-bottom-width: 1px; border-bottom-style: solid; text-align: center; display: none; height: 44px; height: var(--mm-navbar-size); padding: 0 44px; margin: 0; position: absolute; top: 0; left: 0; right: 0; opacity: 1; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-navbar > * { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 12px; padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * 0.5); padding-left: 0; padding-right: 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; font-size: 18px; color: var(--color-primary) !important; font-weight: 700; } .mm-navbar__title { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar__btn { position: absolute; top: 0; bottom: 0; z-index: 1; } .mm-navbar__btn:first-child { text-align: left; left: 0; } .mm-navbar__btn:last-child { text-align: right; right: 0; } .mm-panel_has-navbar .mm-navbar { display: block; } [dir="rtl"] .mm-navbar__btn:first-child { text-align: right; right: 0; left: auto; } [dir="rtl"] .mm-navbar__btn:last-child { text-align: left; left: 0; right: auto; } .mm-listitem, .mm-listview { list-style: none; display: block; padding: 0; margin: 0; } .mm-listitem { color: #000; font-weight: 500; border-color: rgba(0, 0, 0, 0.1); border-color: var(--mm-color-border); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mm-listitem:after { content: ""; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 20px; right: 0; bottom: 0; } .mm-listitem a, .mm-listitem a:hover { text-decoration: none; } .mm-listitem__btn, .mm-listitem__text { color: inherit; display: block; padding-top: 12px; padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2); padding-bottom: 12px; padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2); } .mm-listitem__text { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; padding-right: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 10%; flex-basis: 10%; } .mm-listitem__btn { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4); tap-highlight-color: rgba(255, 255, 255, 0.4); -webkit-tap-highlight-color: var(--mm-color-background-emphasis); tap-highlight-color: var(--mm-color-background-emphasis); background: rgba(3, 2, 1, 0); border-color: inherit; width: auto; padding-right: 54px; position: relative; } .mm-listitem__btn:not(.mm-listitem__text) { border-left-width: 1px; border-left-style: solid; } .mm-listitem_selected > .mm-listitem__text { background: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); } .mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel { background: rgba(0, 0, 0, 0.05); background: var(--mm-color-background-highlight); } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listitem_divider { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: rgba(0, 0, 0, 0.05); background: var(--mm-color-background-highlight); font-size: 75%; text-transform: uppercase; min-height: 20px; min-height: var(--mm-line-height); padding: 6.5px; padding: calc( ((var(--mm-listitem-size) * 0.75) - var(--mm-line-height)) * 0.5 ); padding-right: 10px; padding-left: 20px; } .mm-listitem_spacer { padding-top: 44px; padding-top: var(--mm-listitem-size); } .mm-listitem_spacer > .mm-btn_next { top: 44px; top: var(--mm-listitem-size); } [dir="rtl"] .mm-listitem:after { left: 0; right: 20px; } [dir="rtl"] .mm-listitem__text { padding-left: 10px; padding-right: 20px; } [dir="rtl"] .mm-listitem__btn { padding-left: 54px; border-left-width: 0; border-left-style: none; } [dir="rtl"] .mm-listitem__btn:not(.mm-listitem__text) { padding-right: 0; border-right-width: 1px; border-right-style: solid; } .mm-page { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; z-index: 1; } .mm-wrapper_opened { overflow-x: hidden; position: relative; } .mm-wrapper_background .mm-page { background: inherit; } .mm-menu_offcanvas { display: none; position: fixed; right: auto; z-index: 0; } .mm-menu_offcanvas.mm-menu_opened { display: block; } .mm-menu_offcanvas { width: 80%; min-width: 240px; max-width: 440px; } .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-wrapper__blocker { background: rgba(0, 0, 0, 0.2); overflow: hidden; display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; } .mm-wrapper_blocking { overflow: hidden; } .mm-wrapper_blocking body { overflow: hidden; } .mm-wrapper_blocking .mm-wrapper__blocker { display: block; } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } /* STYLE GLOBAL */ .color-primary { color: var(--color-primary); } .color-secondary { color: var(--color-secondary); } .color-white { color: var(--white); font-style: normal; } .color-black { color: var(--black); } .color-gray { color: var(--gray); } .color-gray-2 { color: var(--gray-2); } .bg-primary { background-color: var(--color-primary); } .bg-secondary { background-color: var(--color-secondary); } .bg-white { background-color: var(--white); } .box-shadow { -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); } a { text-decoration: none; font-size: inherit; line-height: inherit; color: inherit; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: inherit; } input::-moz-placeholder, textarea::-moz-placeholder { font-family: inherit; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: inherit; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-family: inherit; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: inherit; } input::-moz-placeholder, textarea::-moz-placeholder { font-family: inherit; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: inherit; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-family: inherit; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: inherit; } input::-moz-placeholder, textarea::-moz-placeholder { font-family: inherit; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: inherit; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-family: inherit; } input, input::placeholder, select, textarea, textarea::placeholder { font-family: inherit; } .line-clamp-1 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .line-clamp-2 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .line-clamp-3 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .text-line-through { text-decoration: line-through; } .text-32 { font-size: 32px; line-height: 36px; } .text-28 { font-size: 28px; line-height: 32px; } .text-24 { font-size: 24px; line-height: 28px; } .text-20 { font-size: 20px; line-height: 24px; } .text-18 { font-size: 18px; line-height: 22px; } .text-16 { font-size: 16px; line-height: 20px; } .text-15 { font-size: 15px; line-height: 19px; } .text-14 { font-size: 14px; line-height: 18px; } .text-13 { font-size: 13px; line-height: 17px; } .text-12 { font-size: 12px; line-height: 16px; } .text-10 { font-size: 10px; line-height: 14px; } .font-weight-900 { font-weight: 900; } .font-weight-700 { font-weight: 700; } .font-weight-600 { font-weight: 600; } .font-weight-500 { font-weight: 500; } .font-weight-400 { font-weight: 400; } .font-weight-300 { font-weight: 300; } .grid { display: -ms-grid; display: grid; gap: 12px; } .grid--1-cols { -ms-grid-columns: (1fr) [1]; grid-template-columns: repeat(1, 1fr); } .grid--2-cols { -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .grid--3-cols { -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .grid--4-cols { -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(4, 1fr); } .grid--5-cols { -ms-grid-columns: (1fr) [5]; grid-template-columns: repeat(5, 1fr); } .grid--2-rows { -ms-grid-rows: (1fr) [2]; grid-template-rows: repeat(2, 1fr); } .row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -6px; margin-left: -6px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto { position: relative; width: 100%; padding-right: 6px; padding-left: 6px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4 > * { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .flex-column { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .flex-row { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 4px !important; } .mt-1, .my-1 { margin-top: 4px !important; } .mr-1, .mx-1 { margin-right: 4px !important; } .mb-1, .my-1 { margin-bottom: 4px !important; } .ml-1, .mx-1 { margin-left: 4px !important; } .m-2 { margin: 8px !important; } .mt-2, .my-2 { margin-top: 8px !important; } .mr-2, .mx-2 { margin-right: 8px !important; } .mb-2, .my-2 { margin-bottom: 8px !important; } .ml-2, .mx-2 { margin-left: 8px !important; } .m-3 { margin: 16px !important; } .mt-3, .my-3 { margin-top: 16px !important; } .mr-3, .mx-3 { margin-right: 16px !important; } .mb-3, .my-3 { margin-bottom: 16px !important; } .ml-3, .mx-3 { margin-left: 16px !important; } .m-4 { margin: 24px !important; } .mt-4, .my-4 { margin-top: 24px !important; } .mr-4, .mx-4 { margin-right: 24px !important; } .mb-4, .my-4 { margin-bottom: 24px !important; } .ml-4, .mx-4 { margin-left: 24px !important; } .m-5 { margin: 48px !important; } .mt-5, .my-5 { margin-top: 48px !important; } .mr-5, .mx-5 { margin-right: 48px !important; } .mb-5, .my-5 { margin-bottom: 48px !important; } .ml-5, .mx-5 { margin-left: 48px !important; } .m-12px { margin: 12px !important; } .mt-12px, .my-12px { margin-top: 12px !important; } .mr-12px, .mx-12px { margin-right: 12px !important; } .mb-12px, .my-12px { margin-bottom: 12px !important; } .ml-12px, .mx-12px { margin-left: 12px !important; } .m-32px { margin: 32px !important; } .mt-32px, .my-32px { margin-top: 32px !important; } .mr-32px, .mx-32px { margin-right: 32px !important; } .mb-32px, .my-32px { margin-bottom: 32px !important; } .ml-32px, .mx-32px { margin-left: 32px !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 4px !important; } .pt-1, .py-1 { padding-top: 4px !important; } .pr-1, .px-1 { padding-right: 4px !important; } .pb-1, .py-1 { padding-bottom: 4px !important; } .pl-1, .px-1 { padding-left: 4px !important; } .p-2 { padding: 8px !important; } .pt-2, .py-2 { padding-top: 8px !important; } .pr-2, .px-2 { padding-right: 8px !important; } .pb-2, .py-2 { padding-bottom: 8px !important; } .pl-2, .px-2 { padding-left: 8px !important; } .p-3 { padding: 16px !important; } .pt-3, .py-3 { padding-top: 16px !important; } .pr-3, .px-3 { padding-right: 16px !important; } .pb-3, .py-3 { padding-bottom: 16px !important; } .pl-3, .px-3 { padding-left: 16px !important; } .p-4 { padding: 24px !important; } .pt-4, .py-4 { padding-top: 24px !important; } .pr-4, .px-4 { padding-right: 24px !important; } .pb-4, .py-4 { padding-bottom: 24px !important; } .pl-4, .px-4 { padding-left: 24px !important; } .p-5 { padding: 48px !important; } .pt-5, .py-5 { padding-top: 48px !important; } .pr-5, .px-5 { padding-right: 48px !important; } .pb-5, .py-5 { padding-bottom: 48px !important; } .pl-5, .px-5 { padding-left: 48px !important; } .p-12px { padding: 12px !important; } .pt-12px, .py-12px { padding-top: 12px !important; } .pr-12px, .px-12px { padding-right: 12px !important; } .pb-12px, .py-12px { padding-bottom: 12px !important; } .pl-12px, .px-12px { padding-left: 12px !important; } .p-32px { padding: 32px !important; } .pt-32px, .py-32px { padding-top: 32px !important; } .pr-32px, .px-32px { padding-right: 32px !important; } .pb-32px, .py-32px { padding-bottom: 32px !important; } .pl-32px, .px-32px { padding-left: 32px !important; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .w-auto { width: auto !important; } .h-auto { height: auto !important; } .m-auto { margin: 0 auto; } .d-block { display: block !important; } .hide { display: none !important; } .d-none { display: none !important; } .max-height-none { max-height: unset !important; } .min-width-0 { min-width: 0; } .overflow-hidden { overflow: hidden; } .overflow-auto { overflow: auto; } .p-relative { position: relative !important; } .ws-pre-line { white-space: pre-line; } .list { list-style: none; } .hover-primary:hover { color: var(--color-primary); } .hover-secondary:hover { color: var(--color-secondary); } .hover-underline:hover { text-decoration: underline; } .r-180deg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .gap-0 { gap: 0; } .gap-2 { gap: 2px; } .gap-4 { gap: 4px; } .gap-8 { gap: 8px; } .gap-12 { gap: 12px; } .gap-16 { gap: 16px; } .gap-24 { gap: 24px; } .gap-32 { gap: 32px; } .static-html a, .static-html b, .static-html h1, .static-html h2, .static-html h3, .static-html h4, .static-html h5, .static-html h6, .static-html ol, .static-html p, .static-html span, .static-html strong, .static-html ul { margin: revert; padding: revert; } .static-html img { display: block; margin: 0 auto; width: -webkit-min-content; width: -moz-min-content; width: min-content; height: auto; max-width: 100%; } .shake-animation { -webkit-animation: shake 1.5s infinite; animation: shake 1.5s infinite; } .circle { stroke-dasharray: 76; stroke-dashoffset: 76; -webkit-animation: 0.5s forwards draw; animation: 0.5s forwards draw; } .tick { stroke-dasharray: 18; stroke-dashoffset: 18; -webkit-animation: 0.5s 0.6s forwards draw; animation: 0.5s 0.6s forwards draw; } @-webkit-keyframes draw { to { stroke-dashoffset: 0; } } @keyframes draw { to { stroke-dashoffset: 0; } } @-webkit-keyframes shake { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); } } @keyframes shake { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); } } .loading-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 96%; height: 450px; } .loading-progress .circle { width: 200px; height: 200px; border-radius: 50%; -webkit-animation: colorfull-spin 2s alternate infinite; animation: colorfull-spin 2s alternate infinite; position: absolute; } .loading-progress .circle:first-child { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background-size: 200%; width: 180px; height: 180px; } .loading-progress .circle:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background-size: 200%; width: 160px; height: 160px; } .loading-progress .circle:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background-size: 200%; width: 140px; height: 140px; } .loading-progress .circle:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background-size: 200%; width: 120px; height: 120px; } .loading-progress .circle:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background-size: 200%; width: 100px; height: 100px; } .loading-progress .circle:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background-size: 200%; width: 80px; height: 80px; } .loading-progress .circle:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background-size: 200%; width: 60px; height: 60px; } .loading-progress .circle:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726); background-size: 200%; width: 40px; height: 40px; } @-webkit-keyframes colorfull-spin { 0% { border-radius: 50%; -webkit-transform: rotate(0); transform: rotate(0); background-position: 0 50%; } 20% { border-radius: 50%; -webkit-transform: rotate(0); transform: rotate(0); } 50% { background-position: 100% 50%; } 90% { border-radius: 5%; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { border-radius: 5%; -webkit-transform: rotate(90deg); transform: rotate(90deg); background-position: 0 50%; } } @keyframes colorfull-spin { 0% { border-radius: 50%; -webkit-transform: rotate(0); transform: rotate(0); background-position: 0 50%; } 20% { border-radius: 50%; -webkit-transform: rotate(0); transform: rotate(0); } 50% { background-position: 100% 50%; } 90% { border-radius: 5%; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { border-radius: 5%; -webkit-transform: rotate(90deg); transform: rotate(90deg); background-position: 0 50%; } }