html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } img { display: block; max-width: 100%; } a { color: inherit; } /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @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; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); 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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); 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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); 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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered>.swiper-wrapper::before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); 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 { -webkit-margin-before: var(--swiper-centered-offset-before); 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; scroll-snap-stop: always; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); 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-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 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; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); 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; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); 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; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .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%; -webkit-transform: translateX(-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 { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .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%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { 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 { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; 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; text-align: center; } .swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; 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; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75; } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height); } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; -webkit-animation: f-spinner-rotate 2s linear infinite; animation: f-spinner-rotate 2s linear infinite; } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none; } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1); } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); -webkit-animation: f-spinner-dash 2s ease-in-out infinite; animation: f-spinner-dash 2s ease-in-out infinite; } @-webkit-keyframes f-spinner-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes f-spinner-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .f-zoomInUp { -webkit-animation: 0.2s ease-out 0.1s both f-zoomInUp; animation: 0.2s ease-out 0.1s both f-zoomInUp; } .f-zoomOutDown { -webkit-animation: 0.2s ease-in both f-zoomOutDown; animation: 0.2s ease-in both f-zoomOutDown; } @-webkit-keyframes f-zoomInUp { from { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes f-zoomInUp { from { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-zoomOutDown { to { -webkit-transform: scale(0.975) translate3d(0, -16px, 0); transform: scale(0.975) translate3d(0, -16px, 0); opacity: 0; } } @keyframes f-zoomOutDown { to { -webkit-transform: scale(0.975) translate3d(0, -16px, 0); transform: scale(0.975) translate3d(0, -16px, 0); opacity: 0; } } .f-throwOutUp { -webkit-animation: 0.175s ease-out both f-throwOutUp; animation: 0.175s ease-out both f-throwOutUp; } .f-throwOutDown { -webkit-animation: 0.175s ease-out both f-throwOutDown; animation: 0.175s ease-out both f-throwOutDown; } @-webkit-keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); opacity: 0; } } @keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); opacity: 0; } } @-webkit-keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } } @keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } } .f-fadeIn { -webkit-animation: 0.2s ease both f-fadeIn; animation: 0.2s ease both f-fadeIn; z-index: 2; } .f-fadeOut { -webkit-animation: 0.2s ease both f-fadeOut; animation: 0.2s ease both f-fadeOut; z-index: 1; } @-webkit-keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeOut { 100% { opacity: 0; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-fadeSlowIn { -webkit-animation: 0.5s ease both f-fadeSlowIn; animation: 0.5s ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { -webkit-animation: 0.5s ease both f-fadeSlowOut; animation: 0.5s ease both f-fadeSlowOut; z-index: 1; } @-webkit-keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeSlowOut { 100% { opacity: 0; } } @keyframes f-fadeSlowOut { 100% { opacity: 0; } } .f-fadeFastIn { -webkit-animation: 0.2s ease-out both f-fadeFastIn; animation: 0.2s ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { -webkit-animation: 0.2s ease-out both f-fadeFastOut; animation: 0.2s ease-out both f-fadeFastOut; z-index: 2; } @-webkit-keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeFastOut { 100% { opacity: 0; } } @keyframes f-fadeFastOut { 100% { opacity: 0; } } .f-crossfadeIn { -webkit-animation: 0.2s ease-out both f-crossfadeIn; animation: 0.2s ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { -webkit-animation: 0.1s linear 0.1s both f-crossfadeOut; animation: 0.1s linear 0.1s both f-crossfadeOut; z-index: 1; } @-webkit-keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-crossfadeOut { 100% { opacity: 0; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .f-slideIn.from-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; } @-webkit-keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes f-slideOutNext { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes f-slideOutNext { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes f-slideOutPrev { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes f-slideOutPrev { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .f-classicIn.from-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1; } @-webkit-keyframes f-classicInNext { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInNext { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-classicInPrev { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInPrev { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-classicOutNext { 100% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } } @keyframes f-classicOutNext { 100% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } } @-webkit-keyframes f-classicOutPrev { 100% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } } @keyframes f-classicOutPrev { 100% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65; } .f-button { display: -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; -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); -webkit-box-shadow: var(--f-button-shadow); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; -webkit-transition: var(--f-button-transition); transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; -webkit-transform: var(--f-button-transform); transform: var(--f-button-transform); -webkit-filter: var(--f-button-svg-filter); filter: var(--f-button-svg-filter); pointer-events: none; } .f-button[disabled] { cursor: default; } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1; } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos); } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } html.with-fancybox { scroll-behavior: auto; width: auto; overflow: visible; } html.with-fancybox body { -ms-touch-action: none; touch-action: none; } html.with-fancybox body.compensate-for-scrollbar { width: auto; overflow: hidden !important; overscroll-behavior-y: none; margin-right: var(--fancybox-scrollbar-compensate, 0); } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: 1050; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__track { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; height: 100%; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); will-change: transform; } .fancybox__slide { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; width: 100%; height: 100%; overflow: auto; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ''; -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0; margin: auto; } .fancybox__content { -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20; } .is-loading .fancybox__content { opacity: 0; } .is-draggable .fancybox__content { cursor: move; cursor: -webkit-grab; cursor: grab; } .can-zoom_in .fancybox__content { cursor: -webkit-zoom-in; cursor: zoom-in; } .can-zoom_out .fancybox__content { cursor: -webkit-zoom-out; cursor: zoom-out; } .is-dragging .fancybox__content { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto; } .fancybox__slide.has-image>.fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: none; transition: none; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hide-image .fancybox-image { opacity: 0; } .fancybox__caption { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 100%; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible; } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden; } .is-compact .fancybox__caption { padding-bottom: 0; } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40; } .fancybox__content>.f-button.is-close-btn { --f-button-color: #fff; --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; width: 34px; height: 34px; border-radius: 4px; color: var(--fancybox-color, #fff); opacity: 0.75; } .is-loading .fancybox__content>.f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content>.f-button.is-close-btn { visibility: hidden; } .fancybox__content>.f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content>.f-button.is-close-btn { --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; border-radius: 50%; color: #fff; background: rgba(0, 0, 0, 0.6); } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav :focus { outline: none; } .fancybox__nav :focus-visible { -webkit-box-shadow: inset 0 0 0 1px #f8f8f8; box-shadow: inset 0 0 0 1px #f8f8f8; } .fancybox__nav .f-button:before { position: absolute; content: ''; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .is-idle.is-compact .fancybox__footer { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .fancybox__slide>.f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer; } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; z-index: 40; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-focus-guard { position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden='false']>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden='false'] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden='false'] .fancybox__slide>*:not(.fancybox__content) { -webkit-animation: 0.25s ease 0.1s backwards f-fadeIn; animation: 0.25s ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden='false'] .fancybox__backdrop { -webkit-animation: 0.35s ease backwards f-fadeIn; animation: 0.35s ease backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden='true']>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden='true'] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden='true'] .fancybox__slide>*:not(.fancybox__content) { -webkit-animation: 0.15s ease forwards f-fadeOut; animation: 0.15s ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden='true'] .fancybox__backdrop { -webkit-animation: 0.35s ease forwards f-fadeOut; animation: 0.35s ease forwards f-fadeOut; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; -ms-flex-negative: 1; flex-shrink: 1; min-height: 1px; overflow: visible; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: 100%; height: 100%; } .fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-gap: 4px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; position: relative; margin: 0; padding: 0 var(--f-thumb-gap); overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform: translateZ(0); transform: translateZ(0); } .f-thumbs.is-classic { --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; } .f-thumbs.is-modern { --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0)); background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .f-thumbs__track { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 8px 0 12px 0; } .f-thumbs__slide { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); min-width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .is-modern .f-thumbs__track { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .is-modern .f-thumbs__track::before { content: ''; position: absolute; top: 0; bottom: 0; left: calc(var(--left, 0) * 1px); width: calc(100% - var(--width, 0) * 1px); cursor: pointer; } .is-modern .f-thumbs__slide { --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0)); -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); -webkit-transition: none; transition: none; pointer-events: none; } .is-modern .f-thumbs__slide:focus-within { -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); } .is-modern .f-thumbs__slide>* { -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); will-change: clip-path; } .is-modern.is-resting .f-thumbs__slide { -webkit-transition: all 0.33s ease; transition: all 0.33s ease; } .is-modern.is-resting .f-thumbs__slide>* { -webkit-transition: all 0.33s ease; transition: all 0.33s ease; } .f-thumbs__slide__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: var(--f-thumb-opacity); } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus-visible { opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); -webkit-animation: f-fadeIn 0.2s ease; animation: f-fadeIn 0.2s ease; } .f-thumbs__slide__img { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: var(--f-thumb-offset); -webkit-box-sizing: border-box; box-sizing: border-box; -o-object-fit: cover; object-fit: cover; } .fancybox__thumbs { position: relative; opacity: var(--fancybox-opacity, 1); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .fancybox__thumbs.is-modern { --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-width: 96px; --f-thumb-clip-width: 46px; --f-thumb-height: 72px; --f-thumb-gap: 6px; --f-thumb-extra-gap: 20px; } .fancybox__thumbs.is-classic { --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-gap: 8px; } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 12px; } .is-closing .fancybox__thumbs { -webkit-transition: none !important; transition: none !important; } .fancybox__thumbs.is-hidden { height: 0px !important; } .fancybox__thumbs .f-spinner { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05))); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', 'Liberation Sans', sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5)); pointer-events: none; z-index: 20; } .fancybox__toolbar :focus-visible { z-index: 1; } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0; } .is-idle .fancybox__toolbar { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .fancybox__toolbar__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox__infobar span { padding: 0 5px; } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg); } [data-fancybox-toggle-slideshow] { position: relative; } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: 0.3; } [data-fancybox-toggle-slideshow] svg g:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-slideshow] svg g:last-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none; } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-moz-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: flex; } :-moz-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex; } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -ms-flexbox; display: flex; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .icon { display: block; width: 20px; height: 20px; background-size: 100%; background-position: center; background-repeat: no-repeat; } .icon-printest { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C5.58125 2 2 5.58125 2 10C2 13.3906 4.10938 16.2844 7.08437 17.45C7.01562 16.8156 6.95 15.8469 7.1125 15.1562C7.25938 14.5312 8.05 11.1812 8.05 11.1812C8.05 11.1812 7.80937 10.7031 7.80937 9.99375C7.80937 8.88125 8.45312 8.05 9.25625 8.05C9.9375 8.05 10.2688 8.5625 10.2688 9.17812C10.2688 9.86562 9.83125 10.8906 9.60625 11.8406C9.41875 12.6375 10.0062 13.2875 10.7906 13.2875C12.2125 13.2875 13.3062 11.7875 13.3062 9.625C13.3062 7.70938 11.9312 6.36875 9.96562 6.36875C7.69062 6.36875 6.35313 8.075 6.35313 9.84062C6.35313 10.5281 6.61875 11.2656 6.95 11.6656C7.01562 11.7437 7.025 11.8156 7.00625 11.8938C6.94688 12.1469 6.80938 12.6906 6.78438 12.8C6.75 12.9469 6.66875 12.9781 6.51562 12.9062C5.51562 12.4406 4.89062 10.9813 4.89062 9.80625C4.89062 7.28125 6.725 4.96563 10.175 4.96563C12.95 4.96563 15.1062 6.94375 15.1062 9.5875C15.1062 12.3438 13.3688 14.5625 10.9563 14.5625C10.1469 14.5625 9.38437 14.1406 9.12187 13.6438C9.12187 13.6438 8.72188 15.1719 8.625 15.5469C8.44375 16.2406 7.95625 17.1125 7.63125 17.6438C8.38125 17.875 9.175 18 10 18C14.4187 18 18 14.4187 18 10C18 5.58125 14.4187 2 10 2Z' fill='%23F1F8F7'/%3E%3C/svg%3E%0A"); } .icon-skype { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0325 14.8153C7.35998 14.8153 6.13892 13.4613 6.13892 12.4682C6.13856 12.2313 6.23633 12.0047 6.40922 11.8417C6.58212 11.6788 6.81487 11.5938 7.05273 11.6068C8.19698 11.6068 7.89767 13.3138 10.0325 13.3138C11.1238 13.3138 11.7648 12.6605 11.7648 12.0468C11.7648 11.678 11.5529 11.2565 10.8324 11.0879L8.4486 10.49C6.53358 10.0053 6.19984 8.94633 6.19984 7.96378C6.19984 5.92493 8.07513 5.18736 9.86037 5.18736C11.5052 5.18736 13.46 6.09089 13.46 7.31314C13.46 7.83998 13.0176 8.12183 12.5038 8.12183C11.5264 8.12183 11.6906 6.75733 9.72528 6.75733C8.74791 6.75733 8.23406 7.21304 8.23406 7.85051C8.23406 8.48798 8.99424 8.70399 9.66171 8.84887L11.4205 9.24399C13.3487 9.676 13.8626 10.8008 13.8626 11.8782C13.8626 13.5351 12.5727 14.8153 10.0299 14.8153H10.0325ZM17.4119 11.3092C17.4882 10.8743 17.5263 10.4336 17.5258 9.9921C17.5351 7.77442 16.5553 5.66675 14.8504 4.23723C13.1456 2.80771 10.8912 2.20349 8.69493 2.58743C8.01988 2.2009 7.25425 1.99828 6.47531 2.00001C4.87644 2.00972 3.40266 2.86193 2.60323 4.23903C1.8038 5.61613 1.79863 7.31155 2.58964 8.69345C2.14826 11.1054 2.92143 13.5795 4.65975 15.3177C6.39808 17.056 8.88159 17.8384 11.3092 17.4126C11.9834 17.7988 12.7481 18.0014 13.5262 18C15.1242 17.9898 16.5971 17.1379 17.3964 15.7616C18.1956 14.3854 18.2015 12.6909 17.4119 11.3092Z' fill='%23F1F8F7'/%3E%3C/svg%3E%0A"); } .icon-vk { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.12471 3.12471C2 4.24942 2 6.0596 2 9.68V10.32C2 13.9404 2 15.7506 3.12471 16.8753C4.24942 18 6.0596 18 9.68 18H10.32C13.9404 18 15.7506 18 16.8753 16.8753C18 15.7506 18 13.9404 18 10.32V9.68C18 6.0596 18 4.24942 16.8753 3.12471C15.7506 2 13.9404 2 10.32 2H9.68C6.0596 2 4.24942 2 3.12471 3.12471ZM4.70004 6.8667C4.78671 11.0267 6.8667 13.5267 10.5134 13.5267H10.7201V11.1467C12.0601 11.28 13.0733 12.26 13.48 13.5267H15.3734C14.8534 11.6334 13.4866 10.5867 12.6333 10.1867C13.4866 9.69337 14.6866 8.49337 14.9733 6.8667H13.2533C12.8799 8.1867 11.7734 9.3867 10.7201 9.50003V6.8667H9V11.48C7.93333 11.2134 6.5867 9.92003 6.5267 6.8667H4.70004Z' fill='%23F1F8F7'/%3E%3C/svg%3E%0A"); } .icon-headphone { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99976 3.1665C6.06289 3.1665 4.48079 4.44797 3.95095 6.14857C3.73913 6.82845 3.69585 7.57545 3.86748 8.33573L4.72881 12.1497L4.72904 12.1507C4.84533 12.6707 4.45103 13.1665 3.91576 13.1665H3.11842C2.26119 13.1665 1.51882 12.5724 1.33004 11.7367L1.33002 11.7366L0.982794 10.1979L0.878689 9.73657L0.878682 9.73654C0.620154 8.59058 1.49184 7.49984 2.66709 7.49984H2.76262C2.7509 6.93005 2.83307 6.37476 2.99622 5.85111C3.6493 3.75493 5.60226 2.1665 7.99976 2.1665C9.85689 2.1665 11.4491 3.12093 12.3744 4.52467C12.9411 5.38445 13.2593 6.415 13.2369 7.49984H13.3324C14.5077 7.49984 15.3794 8.59058 15.1208 9.73654L15.1208 9.73657L14.6695 11.7366L14.6695 11.7367C14.4807 12.5724 13.7383 13.1665 12.8811 13.1665H12.0838C11.6789 13.1665 11.3552 12.882 11.2719 12.5205C11.2368 12.3685 11.2536 12.2336 11.2702 12.1464C11.2786 12.1019 11.2888 12.0612 11.2963 12.0319C11.2983 12.0238 11.3001 12.0167 11.3018 12.0104C11.307 11.9899 11.3103 11.977 11.3134 11.9633L11.7017 10.2428L12.132 8.33577L12.132 8.33573C12.3995 7.15096 12.1454 5.99442 11.5394 5.07501C10.7885 3.93578 9.50173 3.1665 7.99976 3.1665ZM13.1075 8.55594L12.6772 10.4629L12.2927 12.1665H12.8811C13.2705 12.1665 13.6081 11.8966 13.694 11.5164M13.694 11.5163L14.1453 9.51647C14.1454 9.51646 14.1454 9.51645 14.1454 9.51644C14.2628 8.99574 13.8665 8.49984 13.3324 8.49984H13.1198C13.1158 8.51852 13.1117 8.53721 13.1075 8.5559C13.1075 8.55591 13.1075 8.55593 13.1075 8.55594M12.251 12.3437C12.2509 12.3437 12.251 12.3433 12.2511 12.3425L12.251 12.3437ZM2.87968 8.49984C2.88369 8.51853 2.88781 8.53724 2.89203 8.55594L2.89204 8.55598L3.70742 12.1665H3.11842C2.72899 12.1665 2.39136 11.8966 2.30547 11.5163L1.95826 9.97776L1.85417 9.51647C1.85416 9.51646 1.85416 9.51645 1.85416 9.51644C1.73671 8.99574 2.13302 8.49984 2.66709 8.49984H2.87968Z' fill='%23F1F8F7'/%3E%3C/svg%3E%0A"); } .icon-mail { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 6.87222V11.3335C2.5 12.162 3.17148 12.8335 4 12.8335H12C12.8285 12.8335 13.5 12.162 13.5 11.3335V6.87902L10.5299 8.89268L10.2503 8.48024L10.5299 8.89271C9.00515 9.9262 7.00487 9.9262 5.48014 8.89271L5.48009 8.89268L2.5 6.87222ZM13.5 5.0322C13.5 5.03307 13.5 5.03395 13.5 5.03482V5.03963C13.4984 5.43618 13.3014 5.80607 12.9733 6.02797L12.9728 6.02831L9.96881 8.06495L9.96876 8.06498C8.78285 8.86878 7.22717 8.86878 6.04126 8.06498L6.04121 8.06495L3.03726 6.02831L3.03715 6.02824C2.70721 5.80467 2.51001 5.43244 2.51001 5.03416C2.51001 4.37097 3.04749 3.8335 3.71068 3.8335H12.2993C12.9615 3.8335 13.4986 4.36943 13.5 5.0322ZM14.5 5.04132V11.3335C14.5 12.7143 13.3808 13.8335 12 13.8335H4C2.61919 13.8335 1.5 12.7143 1.5 11.3335V5.03416C1.5 4.99522 1.50445 4.95732 1.51287 4.92094C1.57179 3.75809 2.53317 2.8335 3.71068 2.8335H12.2993C13.5149 2.8335 14.5 3.81881 14.5 5.03483C14.5 5.03699 14.5 5.03916 14.5 5.04132Z' fill='%23F1F8F7'/%3E%3C/svg%3E%0A"); } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; border-radius: 100px; position: relative; z-index: 1; padding: 0; cursor: pointer; border: none; outline: none; color: #f1f8f7 !important; } .btn[disabled], .btn:disabled, .btn.disabled { pointer-events: none; opacity: 0.4; } .btn span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 32px 32px; background: #151a1f; position: relative; z-index: 1; } .btn span i { margin-right: 16px; color: rgba(241, 248, 247, 0.4); font-style: normal; } .btn span::after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); border-radius: 100px; z-index: -1; opacity: 0; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } .btn-primary::after, .btn-primary::before { content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 100px; z-index: -1; } .btn-primary::after { /*background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;*/ } .btn-primary::before { /*background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%);*/ } .btn-primary:hover::after { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } .btn-primary:active::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0s; transition: all 0s; } .btn-primary:active span::after { opacity: 0.2; -webkit-transition: all 0s; transition: all 0s; } .btn-secondary::after { content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #151a1f; border-radius: 100px; z-index: -1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-secondary::before { content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; background: rgba(241, 248, 247, 0.8); border-radius: 100px; z-index: -1; } .btn-secondary:hover::before { background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); } .btn-secondary:active::before { background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); -webkit-transition: all 0s; transition: all 0s; } .btn-secondary:active span::after { opacity: 0.2; -webkit-transition: all 0s; transition: all 0s; } body { font-family: Arial, 'Raleway', sans-serif; font-size: 18px; font-weight: 400; color: #f1f8f7; background-color: #000; position: relative; height: 100%; } .container { max-width: 1392px; margin-left: auto; margin-right: auto; width: 100%; padding-left: 14px; padding-right: 14px; } .col-l { width: 630px; } .col-r { width: calc(100% - 630px); } .py-16 { padding-top: 16px; padding-bottom: 16px; } .py-32 { padding-top: 32px; padding-bottom: 32px; } .py-64 { padding-top: 64px; padding-bottom: 64px; } .my-0 { margin-top: 0; margin-bottom: 0; } .line { position: absolute; width: 1px; height: 100%; background: rgba(241, 248, 247, 0.1); z-index: -1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .line-1 { left: calc(50% - 834px); } .line-2 { left: calc(50% - 202px); } .line-3 { left: calc(50% + 8px); } .line-4 { left: calc(50% + 218px); } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } p, li { line-height: 1.38; } h1, .h1 { font-weight: 300; font-size: 72px; line-height: 80px; } h2, .h2 { font-weight: 300; font-size: 40px; line-height: 48px; } h3, .h3 { font-weight: 300; font-size: 28px; line-height: 32px; } h4, .h4 { font-weight: 500; font-size: 24px; line-height: 32px; } .title-section { font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(241, 248, 247, 0.4); margin: 0; } .text-link { text-decoration: none; position: relative; display: inline-block; cursor: pointer; } .text-link::after { content: ''; position: absolute; left: 0; bottom: -2px; height: 1px; width: 0%; background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .text-link:hover::after { width: 100%; } .item-tag { border: 1px solid rgba(241, 248, 247, 0.1); border-radius: 100px; color: inherit; border: 1px solid inherit; padding: 8px 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .btn-scroll { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: rgba(241, 248, 247, 0.4); text-decoration: none; cursor: pointer; margin-left: 4px; } .btn-scroll:hover { color: rgba(241, 248, 247, 0.8); } .item-project { padding: 32px; position: relative; height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; text-decoration: none; } .item-project h4 { margin: 0 0 8px; } .item-project p { margin: 0; } .item-project .tags { margin: -4px; margin-top: 28px; } .item-project .tags .item-tag { margin: 4px; border-color: inherit; } .item-project__row-bot { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .item-project__row-bot .logo { width: 64px; height: 64px; -o-object-fit: contain; object-fit: contain; } .item-project::after, .item-project::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 40px; z-index: -1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .item-project::after { background-color: var(--background); } .item-project::before { background: rgba(241, 248, 247, 0.1); } .item-project:hover::after { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .item-project:hover::before { -webkit-transform: rotate(2deg); transform: rotate(2deg); } .swiper-autoplay { padding-bottom: 20px; } .swiper-autoplay .swiper-pagination { top: auto; bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; left: auto; right: 0; width: 617px; } .swiper-autoplay .swiper-pagination-bullet { width: 100%; background: rgba(241, 248, 247, 0.1); border-radius: 8px; height: 4px; opacity: 1; position: relative; } .swiper-autoplay .swiper-pagination-bullet-active::after { content: ''; position: absolute; left: 0; top: 0; height: 4px; border-radius: 8px; background-color: rgba(241, 248, 247, 0.8); width: 0%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 3.6s; animation-duration: 3.6s; -webkit-animation-name: slidein; animation-name: slidein; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .swiper-autoplay .swiper-slide { cursor: pointer; } @-webkit-keyframes slidein { 0% { width: 0%; } 100% { width: 100%; } } @keyframes slidein { 0% { width: 0%; } 100% { width: 100%; } } .item-team-more { border-bottom: 1px solid rgba(241, 248, 247, 0.1); padding: 32px 14px; margin: 0px -14px; } .item-team-more .counter { color: rgba(241, 248, 247, 0.4); font-weight: 300; } .item-team-more .counter span { font-size: 16px; } .item-team-more .counter span.counter__item-show { font-size: 32px; } .item-team-more .row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .item-team { border-bottom: 1px solid rgba(241, 248, 247, 0.1); padding: 0px 14px; margin: 0px -14px; display: none; } .item-team.show { display: block; } .item-team__top { padding: 32px 0px; } .item-team__top h3 { margin: 0; } .item-team__top .col-l h3 { color: rgba(241, 248, 247, 0.4); } .item-team__top .col-r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .item-team__soc { list-style: none; padding: 0; margin: 0; position: absolute; top: 0; left: 420px; } .item-team__soc li { margin-bottom: 16px; } .item-team__soc li:last-child { margin-bottom: 0; } .item-team__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 420px; } .item-team__tags .item-tag { margin-bottom: 16px; } .item-team__tags .item-tag:last-child { margin-bottom: 0; } .item-team__img { width: 404px; height: 500px; } .item-team__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 20px; } .item-team__content { visibility: hidden; opacity: 0; padding-bottom: 0; height: 0; overflow: hidden; } .item-team.open .item-team__content { height: auto; visibility: visible; opacity: 1; -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; padding-bottom: 64px; } .item-team.open .item-team__btn { pointer-events: none; opacity: 0.4; } .item-team__descr { position: relative; width: calc(100% - 420px); } .item-team__name { color: rgba(241, 248, 247, 0.4); } .soc { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; list-style: none; } .soc .btn { padding: 0; min-width: 44px; height: 44px; } .soc li+li { margin-left: 16px; } .soc span { padding: 0; width: 100%; height: 100%; 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; } .soc span i { margin-right: 0 !important; } .row-submit { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 46px; padding: 0px 32px; margin: 0 0 10px 0; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; z-index: 1; cursor: text; } .input-wrap::after, .input-wrap::before { content: ''; position: absolute; z-index: -1; border-radius: 10px; } .input-wrap::after { left: 0px; top: 0px; right: 0px; bottom: 0px; background: #fff; } .input-wrap.textarea-wrap { height: 130px; } .input-wrap.textarea-wrap::after, .input-wrap.textarea-wrap::before { border-radius: 10px; } .input-wrap.textarea-wrap span { top: 20px; -webkit-transform: translateY(0px); transform: translateY(0px); } .input-wrap span { position: absolute; font-size: 16px; left: 32px; font-weight: 400; top: 50%; opacity: 0.5; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; color: black; } .input-wrap span i { color: black; font-style: normal; } .input-wrap input, .input-wrap textarea { border: none; padding: 0; margin: 0; font-size: 18px; line-height: 24px; font-weight: 400; outline: none; background-color: transparent; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; color: black; } .input-wrap input::-webkit-input-placeholder, .input-wrap textarea::-webkit-input-placeholder { opacity: 1; color: inherit; } .input-wrap input:-ms-input-placeholder, .input-wrap textarea:-ms-input-placeholder { opacity: 1; color: inherit; } .input-wrap input::-ms-input-placeholder, .input-wrap textarea::-ms-input-placeholder { opacity: 1; color: inherit; } .input-wrap input::placeholder, .input-wrap textarea::placeholder { opacity: 1; color: inherit; } .input-wrap textarea { resize: none; height: 66px; } .input-wrap:hover::before { background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); } .input-wrap.focus span { font-size: 14px; -webkit-transform: translateY(calc(-50% - 15px)); transform: translateY(calc(-50% - 15px)); } .input-wrap.focus span+input { -webkit-transform: translateY(7px); transform: translateY(7px); } .input-wrap.focus.textarea-wrap span { font-size: 14px; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .input-wrap.focus.textarea-wrap textarea { -webkit-transform: translateY(10px); transform: translateY(10px); } .input-wrap.focus-active::before { background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); } .input-wrap.field-error { -webkit-transition: all 0s; transition: all 0s; } .input-wrap.field-error::before { background: #804040 !important; } .check-wrap input { display: none; } .check-wrap label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; color: rgba(241, 248, 247, 0.8); } .check-wrap label::after, .check-wrap label::before { content: ''; position: absolute; border-radius: 4px; } .check-wrap label::after { background: rgba(241, 248, 247, 0.1); left: 0; top: 0px; width: 18px; height: 18px; } .check-wrap label::before { background-size: 10px; background-position: center; background-repeat: no-repeat; background-color: #151a1f; -webkit-transition: all 0.2s; transition: all 0.2s; left: 1px; top: 1px; width: 16px; height: 16px; z-index: 1; } .check-wrap label:hover::after { background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); } .check-wrap input:checked+label::before { background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.52022 0.146447C9.71548 0.341709 9.71548 0.658291 9.52022 0.853553L4.52022 5.85355C4.32496 6.04882 4.00838 6.04882 3.81311 5.85355L0.896447 2.93689C0.701184 2.74162 0.701184 2.42504 0.896447 2.22978C1.09171 2.03452 1.40829 2.03452 1.60355 2.22978L4.16667 4.79289L8.81311 0.146447C9.00838 -0.0488155 9.32496 -0.0488155 9.52022 0.146447Z' fill='%23F1F8F7'/%3E%3C/svg%3E%0A"); } .just-validate-error-label { display: none !important; } .popup { background: #151a1f; color: #f1f8f7; width: 100%; } .popup hr { margin: 64px 0px; border-color: rgba(241, 248, 247, 0.1); margin-left: -14px; margin-right: -14px; width: 100%; } .popup__img-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup__img-wrap img { height: 400px; -o-object-fit: cover; object-fit: cover; border-radius: 40px; } .popup__img-wrap img:first-child { width: calc(100% - 630px); } .popup__img-wrap img:last-child { width: 614px; margin-left: 16px; } .popup__img-wrap img:last-child:first-child { width: 100%; } .popup .col-r>*:not(hr):not(.popup__img-wrap) { max-width: 614px; } .popup .col-r>* { margin: 64px 0px; } .popup ol { margin: 64px 0; padding: 0; counter-reset: my-counter; list-style: none; } .popup ol li { counter-increment: my-counter; position: relative; margin-bottom: 64px; } .popup ol li:last-child { margin-bottom: 0; } .popup ol li::before { content: counter(my-counter) "."; } .popup ol li:nth-child(-n + 9)::before { content: "0" counter(my-counter) "."; } .popup .menu { position: -webkit-sticky; position: sticky; top: 50px; } .popup .menu a.active::after { width: 100%; } .popup__title-mob { display: none; } .popup-alert { height: 100%; } .popup-alert .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .popup-alert hr { border-color: rgba(241, 248, 247, 0.1); margin: 64px 0px; } .popup-alert__img-wrap { position: relative; } .popup-alert__img-wrap::after { content: ''; position: absolute; top: 0; left: 140px; width: 648px; height: 528px; opacity: 0.1; -webkit-filter: blur(40px); filter: blur(40px); border-radius: 40px; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .popup-alert__img-wrap img { margin-left: auto; margin-right: 160px; } .popup-alert__wrap { width: 100%; max-width: 1066px; margin-left: auto; margin-right: 0; } .popup-alert p, .popup-alert h2 { max-width: 630px; } .popup-alert h2 { margin: 0; } .popup-alert p { margin: 64px 0px; } .popup-alert .btn { margin-bottom: 64px; } .popup-success .popup-alert__img-wrap::after { background: linear-gradient(133.7deg, #d6582e 1.32%, #e04eb5 27.89%, #6e9cee 47.92%, #26ade3 66.99%, #1d51ce 90.26%); } .popup-error .popup-alert__img-wrap::after { background: rgba(241, 248, 247, 0.4); } .fancybox__content { padding: 0; cursor: unset !important; } .fancybox__backdrop { background: #151a1f; } .fancybox__content>.f-button.is-close-btn { width: 52px; height: 52px; right: 72px; top: 12px; position: fixed; opacity: 1; } .fancybox__content>.f-button.is-close-btn svg { width: 16px; height: 16px; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding: 0; } #cookies { padding: 32px; background: #f1f8f7; border-radius: 40px; position: fixed; right: calc(50% - 832px); bottom: 32px; z-index: 1000; color: #151a1f; -webkit-transform: translateY(calc(100% + 40px)); transform: translateY(calc(100% + 40px)); -webkit-transition: all 0.4s; transition: all 0.4s; } #cookies.show { -webkit-transform: translateY(0%); transform: translateY(0%); } #cookies h4 { margin: 0; } #cookies p { margin: 16px 0px; } .is-compact .fancybox__content>.f-button.is-close-btn { background: transparent !important; position: fixed; border-radius: 0 !important; opacity: 1; } .header { height: 70px; position: relative; z-index: 100; } .header__row-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 13px 0px; position: relative; height: 90px; } .header__fixed-wrap::after { content: ''; position: absolute; left: -14px; bottom: 0; height: 1px; width: calc(100% + 14px); background-color: rgba(255, 255, 255, 1); } .header__fixed-wrap { position: fixed; left: 0; right: 0; top: 0; background-color: #000; z-index: 100; } .header .menu { position: absolute; left: calc(50% - 832px); top: 22px; display: flex; z-index: 1000; } .header .menu { display: none; position: fixed; left: 0; top: 70px; height: calc(100vh - 70px); background: #000; padding: 32px; min-width: 290px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: block; } .open-menu .header .menu { display: block; -webkit-transform: translateX(0%); transform: translateX(0%); } .menu { list-style: none; padding: 0; margin: 0; } .menu a { font-size: 24px; font-weight: 600; text-decoration: none; position: relative; display: inline-block; cursor: pointer; } .menu a::after { content: ''; position: absolute; left: 0; bottom: -2px; height: 1px; width: 0%; background: linear-gradient(131.68deg, #ef5f2f 3.63%, #cd52a9 25.26%, #883fff 44.55%, #6934ff 55.72%, #3787ff 82.56%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menu a:hover::after { width: 100%; } .menu li { margin-left: 20px; margin-bottom: 18px; } .menu li:last-child { margin-bottom: 0; } .btn-menu { /*display: none;*/ width: 48px; height: 32px; position: relative; margin-right: 16px; } .btn-menu span { display: block; border-radius: 4px; position: absolute; height: 4px; width: 100%; background-color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-menu span:nth-child(1) { top: 0; } .btn-menu span:nth-child(2) { top: 16px; } .btn-menu span:nth-child(3) { top: 32px; } .btn-menu span:nth-child(4) { top: 32px; } .open-menu .btn-menu span:nth-child(1) { top: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .open-menu .btn-menu span:nth-child(2) { top: 4px; opacity: 0; } .open-menu .btn-menu span:nth-child(3) { top: 8px; opacity: 0; } .open-menu .btn-menu span:nth-child(4) { top: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .footer { color: rgba(241, 248, 247, 0.4); } .footer .container { border-top: 1px solid rgba(241, 248, 247, 0.1); position: relative; } .footer .img-bg { position: absolute; bottom: 0; left: -50px; width: 575px; height: 593px; } .footer a { color: rgba(241, 248, 247, 0.4); -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; } .footer a:hover { color: rgba(241, 248, 247, 0.8); } .footer__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .top { padding: 130px 0 0; height: calc(100vh - 70px); min-height: 650px; overflow: hidden; } .top__container { padding-bottom: 64px; height: calc(100% - 87px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .top .container { border-bottom: 1px solid rgba(241, 248, 247, 0.1); } .top__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; } .top__img { width: 664px; position: relative; } .top__img::after { content: ''; position: absolute; left: -40px; right: 0; top: 20px; bottom: 0; background: linear-gradient(133.7deg, #d6582e 1.32%, #e04eb5 27.89%, #6e9cee 47.92%, #26ade3 66.99%, #1d51ce 90.26%); opacity: 0.1; -webkit-filter: blur(40px); filter: blur(40px); border-radius: 40px; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .top__img p { margin: 48px 0 0 auto; max-width: 612px; } .top h1 { max-width: 630px; margin: 0; } .text-block .img-bg { position: absolute; left: 376px; top: 0; } .text-block .container { position: relative; } .text-block h2 { margin: 0; } .about .text-block .col-l { width: 468px; } .about .text-block .img-bg { left: 484px; } .about__row { border-bottom: 1px solid rgba(241, 248, 247, 0.1); } .about__row .col-r p { margin: 0; max-width: 482px; } .about .swiper { width: 100%; } .about .swiper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 40px; } .about .swiper-slide { width: 100%; height: 800px; } .services .img-bg { position: absolute; left: -64px; bottom: 0; right: -82px; width: auto; height: auto; z-index: -1; } .services__row-top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .services__row-bot { position: relative; padding-bottom: 64px; } .services__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 32px 0px; border-bottom: 1px solid rgba(241, 248, 247, 0.1); } .services__item:first-child { padding-top: 0; } .services__item:last-child { border-bottom: none; } .services__item h3 { width: 420px; margin: 0; } .services__item-text { width: calc(100% - 420px); } .services__item-text :first-child { margin-top: 0; } .services__item-text :last-child { margin-bottom: 0; } .projects__row-top p { max-width: 485px; } .projects__row { margin: -8px; } .projects__row .item-project { margin: 8px; } .projects__row .item-project:nth-child(5n - 4) { width: 614px; } .projects__row .item-project:nth-child(5n - 3) { width: 1034px; } .projects__row .item-project:nth-child(5n - 2) { width: 614px; } .projects__row .item-project:nth-child(5n - 1) { width: 404px; } .projects__row .item-project:nth-child(5n) { width: 614px; } .team .img-bg { position: absolute; top: 0; right: 376px; } .team__top-row { position: relative; border-bottom: 1px solid rgba(241, 248, 247, 0.1); } .team__top-row p { max-width: 490px; margin: 0; } .contact .title-section { margin-bottom: 32px; } .contact__row .col-l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact__row .col-l .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 16px; } .contact form .input-wrap { margin-bottom: 16px; } .not-found { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: calc(100vh - 70px); padding-bottom: 64px; overflow: hidden; } .not-found__wrap { max-width: 1066px; width: 100%; margin-left: auto; margin-right: 0; } .not-found hr { border-color: rgba(241, 248, 247, 0.1); margin: 64px 0px; } .not-found h1 { margin-bottom: 64px; } .not-found p { max-width: 630px; } .not-found__img-wrap { position: relative; } .not-found__img-wrap::after { content: ''; position: absolute; top: 0; left: 140px; width: 648px; height: 528px; background: linear-gradient(133.7deg, #d6582e 1.32%, #e04eb5 27.89%, #6e9cee 47.92%, #26ade3 66.99%, #1d51ce 90.26%); opacity: 0.1; -webkit-filter: blur(40px); filter: blur(40px); border-radius: 40px; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .not-found__img-wrap img { margin-left: auto; margin-right: 160px; } .master__item { display: flex; width: 30%; align-items: center; padding: 20px 0 20px 0; border-bottom: 1px solid white; margin: 0 10px; } .img { background: #000 center center no-repeat; background-size: cover; width: 300px; height: 300px; overflow: hidden; display: inline-block; } @media only screen and (max-width: 991px) { .btn-menu { display: block; } .line-1 { left: calc(50% - 352px); } .item-tag { padding: 4px 6px; } .header__row::after { width: 268px; } .header .menu { position: fixed; left: 0; top: 70px; height: calc(100vh - 70px); background: #000; padding: 32px; min-width: 290px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: block; } .open-menu .header .menu { -webkit-transform: translateX(0%); transform: translateX(0%); } .swiper-autoplay .swiper-pagination { max-width: 436px; } .col-l { width: 270px; } .col-r { width: calc(100% - 270px); } .text-block .col-l { width: 100%; } .top__row-scroll .col-l { width: 360px; } .top__row-scroll .col-r { width: calc(100% - 360px); } .container { max-width: 732px; } .about .swiper-slide { height: 344px; } .about .text-block .img-bg { left: 374px; bottom: auto; top: 0; } .about .text-block .col-l { width: 100%; } .about .swiper img { border-radius: 30px; } .services__item h3 { width: 270px; } .services__item-text { width: calc(100% - 270px); } .services__row-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .item-project::after, .item-project::before { border-radius: 30px; } .item-team__tags { width: 254px; margin-right: 16px; } .item-team__descr { width: calc(100% - 270px); } .item-team__soc .icon { width: 24px; height: 24px; } .row-submit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .row-submit .btn-submit-form { margin-left: auto; margin-top: 18px; } .fancybox__content>.f-button.is-close-btn { right: 0; top: 0; } .footer .img-bg { bottom: 152px; width: 364px; height: 376px; } .popup__img-wrap img { height: 200px; border-radius: 30px; } .popup__img-wrap img:first-child { width: calc(100% - 270px); } .popup__img-wrap img:last-child { width: 254px; } .popup__img-wrap::after { right: 0; left: auto; } .popup-alert { overflow: hidden; } .popup-alert__wrap { max-width: 434px; } .popup-alert__img-wrap::after { width: 100%; left: auto; right: 0; height: 528px; } .not-found__wrap { max-width: 466px; } .not-found__img-wrap::after { right: 0; left: auto; height: 528px; } } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 30px; line-height: 30px; font-weight: 600; text-align: center; } h2, .h2 { font-size: 18px; line-height: 20px; text-transform: uppercase; font-weight: 600; } h3, .h3 { font-size: 28px; line-height: 32px; } .img { background: #000 center center no-repeat; background-size: cover; width: 100vw; height: 100vw; overflow: hidden; } .gallery-item { margin: 10px; background: #000 center center no-repeat; width: calc((100vw - 10px) / 3 - 20px); box-sizing: border-box; height: calc((100vw - 10px) / 3 - 20px); overflow: hidden; border-radius: 5px; } .title-section { margin-bottom: 16px; } .line-1 { left: 16px; } .line-2 { left: 102px; } .line-3 { display: none; } .container { max-width: 100%; padding-left: 16px; padding-right: 16px; } .col-r, .swiper-autoplay .swiper-pagination { width: calc(100% - 88px); margin-left: auto; } .swiper-autoplay .swiper-pagination-bullet:first-child { margin-left: 0; } .col-l { width: 100%; } .top { padding-top: 0; height: 570px; min-height: unset; } .top__img img { width: 100%; height: auto; } .top__img::after { height: 240px; } .top__row-scroll .col-l { width: 100%; } .top__row-scroll .col-r { display: none; } .about .swiper-slide { height: 200px; } .about .text-block .img-bg { right: 0; left: auto; } .services .img-bg { width: 258px; height: 272px; left: 0; bottom: 0; } .services__item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .services__item h3 { width: 100%; margin-bottom: 16px; } .services__item-text { margin-left: auto; width: calc(100% - 88px); } .item-project { height: auto; width: calc(100% - 40px); min-width: calc(100% - 40px); } .projects__row { overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -16px; padding-bottom: 16px; } .projects__row .item-project { margin: 0px; margin-left: 16px; } .projects__row .item-project:last-child { margin-right: 16px; } .team .img-bg { bottom: -40px; } .team__top-row .title-section { margin-bottom: 16px; } .item-team .item-team__img { width: 100%; } .item-team__btn { position: absolute; right: 0; top: 40px; } .item-team__btn::after { display: none; } .item-team__top { position: relative; } .item-team__top .col-l { max-width: calc(100% - 80px); } .item-team__top .col-r { width: 100%; margin-top: 16px; } .item-team__content .col-r { -ms-flex-wrap: wrap; flex-wrap: wrap; } .item-team__tags { margin-left: auto; width: calc(100% - 88px); margin-right: 0; margin-bottom: 16px; } .item-team__descr { width: 100%; } .item-team__soc { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 16px; } .item-team__soc li { margin-bottom: 0; } .item-team__soc li+li { margin-left: 16px; } .item-team__soc .icon { width: 32px; height: 32px; } .item-team-more .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact .col-r { width: 100%; } .input-wrap span i { display: none; } .footer span { margin-bottom: 16px; } .footer__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .popup__img-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .popup__img-wrap img { width: 100% !important; margin: 0 !important; } .popup__img-wrap img:nth-child(2) { margin-top: 16px !important; } .popup__title-mob { display: block; width: calc(100% - 88px); margin: 64px 0px 64px auto; } .popup__title { display: none; } .not-found { min-height: 650px; padding-bottom: 32px; } .not-found .btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .not-found .btn span { width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .not-found__wrap hr { margin: 32px 0px; } .not-found__wrap h1 { margin-bottom: 32px; } .not-found__wrap hr, .not-found__wrap p, .not-found__wrap h1, .not-found__wrap .btn { max-width: 234px; margin-left: auto; margin-right: 0; } .not-found__img-wrap { margin-bottom: -80px; } .not-found__img-wrap::after { width: 100%; height: 240px; } .popup-alert__wrap { max-width: 234px; } .popup-alert__img-wrap::after { width: 100%; height: 226px; } .popup-alert p, .popup-alert hr { margin: 32px 0px; } .popup-alert .btn { margin-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .popup-alert .btn span { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .master__item { width: 100%; margin: 0; } } .gallery-item { /*margin: 10px; background: #000 center center no-repeat; width: calc((100vw - 10px) / 10 - 20px); box-sizing: border-box; height: calc((100vw - 10px) / 10 - 20px); overflow: hidden; border-radius: 5px;*/ } select { padding: 5px; border-radius: 10px; } .fa.star-active { color: #1485CE; } .send-btn { appearance: none; border: 0; border-radius: 5px; background: #23591a; color: #fff; padding: 8px 16px; font-size: 16px; text-decoration: none; display: inline-block; } .staroff { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23C8C8D1%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.205.554c.3-.738%201.35-.739%201.651-.002l1.8%204.398c.02.05.066.084.12.09l4.419.432c.76.074%201.08%201.004.526%201.527l-3.373%203.182a.145.145%200%200%200-.042.135l.966%204.613c.16.764-.678%201.347-1.344.934l-3.808-2.362a.146.146%200%200%200-.152-.001l-3.85%202.33c-.666.404-1.494-.179-1.334-.939l.962-4.595a.146.146%200%200%200-.043-.136L2.285%206.992c-.563-.522-.242-1.461.523-1.533l4.49-.422c.054-.005.1-.04.12-.09L9.206.554Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); background-repeat: repeat-x; background-size: 45px 100%; width: 75px; margin-left: -2px; margin-right: -2px; display: inline-block; overflow: hidden; width: 225px; } .staron { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23FCA95D%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.205.554c.3-.738%201.35-.739%201.651-.002l1.8%204.398c.02.05.066.084.12.09l4.419.432c.76.074%201.08%201.004.526%201.527l-3.373%203.182a.145.145%200%200%200-.042.135l.966%204.613c.16.764-.678%201.347-1.344.934l-3.808-2.362a.146.146%200%200%200-.152-.001l-3.85%202.33c-.666.404-1.494-.179-1.334-.939l.962-4.595a.146.146%200%200%200-.043-.136L2.285%206.992c-.563-.522-.242-1.461.523-1.533l4.49-.422c.054-.005.1-.04.12-.09L9.206.554Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); background-repeat: repeat-x; padding-top: 16%; background-size: 45px 100%; } .panel { padding-top: 20px; } .cropper-dashed.dashed-h { border-bottom-width: 2px !important; border-top-width: 2px !important; } .cropper-dashed.dashed-v { border-left-width: 2px !important; border-right-width: 2px !important; } .cropper-dashed { border-color: #f00 !important; opacity: 1 !important; } .title { font-size: 24px; text-align: center; }