/* Start:/assets/fonts/stylesheet.css?17130505168613*/ @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-Heavy.eot'); src: local('Futura PT Heavy'), local('FuturaPT-Heavy'), url('/assets/fonts/FuturaPT-Heavy.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-Heavy.woff') format('woff'), url('/assets/fonts/FuturaPT-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-Medium.eot'); src: local('Futura PT Medium'), local('FuturaPT-Medium'), url('/assets/fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-Medium.woff') format('woff'), url('/assets/fonts/FuturaPT-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-MediumObl.eot'); src: local('Futura PT Medium Oblique'), local('FuturaPT-MediumObl'), url('/assets/fonts/FuturaPT-MediumObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-MediumObl.woff') format('woff'), url('/assets/fonts/FuturaPT-MediumObl.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Futura PT Cond'; src: url('/assets/fonts/FuturaPTCond-Medium.eot'); src: local('Futura PT Cond Medium'), local('FuturaPTCond-Medium'), url('/assets/fonts/FuturaPTCond-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPTCond-Medium.woff') format('woff'), url('/assets/fonts/FuturaPTCond-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-LightObl.eot'); src: local('Futura PT Light Oblique'), local('FuturaPT-LightObl'), url('/assets/fonts/FuturaPT-LightObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-LightObl.woff') format('woff'), url('/assets/fonts/FuturaPT-LightObl.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Futura PT Book'; src: url('/assets/fonts/FuturaPT-Book.eot'); src: local('Futura PT Book'), local('FuturaPT-Book'), url('/assets/fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-Book.woff') format('woff'), url('/assets/fonts/FuturaPT-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond'; src: url('/assets/fonts/FuturaPTCond-Bold.eot'); src: local('Futura PT Cond Bold'), local('FuturaPTCond-Bold'), url('/assets/fonts/FuturaPTCond-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPTCond-Bold.woff') format('woff'), url('/assets/fonts/FuturaPTCond-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Futura PT Book'; src: url('/assets/fonts/FuturaPT-BookObl.eot'); src: local('Futura PT Book Oblique'), local('FuturaPT-BookObl'), url('/assets/fonts/FuturaPT-BookObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-BookObl.woff') format('woff'), url('/assets/fonts/FuturaPT-BookObl.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Futura PT Cond Extra'; src: url('/assets/fonts/FuturaPTCond-ExtraBoldObl.eot'); src: local('Futura PT Cond Extra Bold Oblique'), local('FuturaPTCond-ExtraBoldObl'), url('/assets/fonts/FuturaPTCond-ExtraBoldObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPTCond-ExtraBoldObl.woff') format('woff'), url('/assets/fonts/FuturaPTCond-ExtraBoldObl.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-Light.eot'); src: local('Futura PT Light'), local('FuturaPT-Light'), url('/assets/fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-Light.woff') format('woff'), url('/assets/fonts/FuturaPT-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-BoldObl.eot'); src: local('Futura PT Bold Oblique'), local('FuturaPT-BoldObl'), url('/assets/fonts/FuturaPT-BoldObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-BoldObl.woff') format('woff'), url('/assets/fonts/FuturaPT-BoldObl.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Futura PT Demi'; src: url('/assets/fonts/FuturaPT-DemiObl.eot'); src: local('Futura PT Demi Oblique'), local('FuturaPT-DemiObl'), url('/assets/fonts/FuturaPT-DemiObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-DemiObl.woff') format('woff'), url('/assets/fonts/FuturaPT-DemiObl.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Futura PT Cond Extra'; src: url('/assets/fonts/FuturaPTCond-ExtraBold.eot'); src: local('Futura PT Cond Extra Bold'), local('FuturaPTCond-ExtraBold'), url('/assets/fonts/FuturaPTCond-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPTCond-ExtraBold.woff') format('woff'), url('/assets/fonts/FuturaPTCond-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Futura PT Demi'; src: url('/assets/fonts/FuturaPT-Demi.eot'); src: local('Futura PT Demi'), local('FuturaPT-Demi'), url('/assets/fonts/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-Demi.woff') format('woff'), url('/assets/fonts/FuturaPT-Demi.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-HeavyObl.eot'); src: local('Futura PT Heavy Oblique'), local('FuturaPT-HeavyObl'), url('/assets/fonts/FuturaPT-HeavyObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-HeavyObl.woff') format('woff'), url('/assets/fonts/FuturaPT-HeavyObl.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Futura PT Extra'; src: url('/assets/fonts/FuturaPT-ExtraBoldObl.eot'); src: local('Futura PT Extra Bold Oblique'), local('FuturaPT-ExtraBoldObl'), url('/assets/fonts/FuturaPT-ExtraBoldObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-ExtraBoldObl.woff') format('woff'), url('/assets/fonts/FuturaPT-ExtraBoldObl.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Futura PT Cond Book'; src: url('/assets/fonts/FuturaPTCond-Book.eot'); src: local('Futura PT Cond Book'), local('FuturaPTCond-Book'), url('/assets/fonts/FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPTCond-Book.woff') format('woff'), url('/assets/fonts/FuturaPTCond-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-Bold.eot'); src: local('Futura PT Bold'), local('FuturaPT-Bold'), url('/assets/fonts/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-Bold.woff') format('woff'), url('/assets/fonts/FuturaPT-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Futura PT Extra'; src: url('/assets/fonts/FuturaPT-ExtraBold.eot'); src: local('Futura PT Extra Bold'), local('FuturaPT-ExtraBold'), url('/assets/fonts/FuturaPT-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPT-ExtraBold.woff') format('woff'), url('/assets/fonts/FuturaPT-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Futura PT Cond'; src: url('/assets/fonts/FuturaPTCond-BoldObl.eot'); src: local('Futura PT Cond Bold Oblique'), local('FuturaPTCond-BoldObl'), url('/assets/fonts/FuturaPTCond-BoldObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPTCond-BoldObl.woff') format('woff'), url('/assets/fonts/FuturaPTCond-BoldObl.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Futura PT Cond'; src: url('/assets/fonts/FuturaPTCond-MediumObl.eot'); src: local('Futura PT Cond Medium Oblique'), local('FuturaPTCond-MediumObl'), url('/assets/fonts/FuturaPTCond-MediumObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPTCond-MediumObl.woff') format('woff'), url('/assets/fonts/FuturaPTCond-MediumObl.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Futura PT Cond Book'; src: url('/assets/fonts/FuturaPTCond-BookObl.eot'); src: local('Futura PT Cond Book Oblique'), local('FuturaPTCond-BookObl'), url('/assets/fonts/FuturaPTCond-BookObl.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaPTCond-BookObl.woff') format('woff'), url('/assets/fonts/FuturaPTCond-BookObl.ttf') format('truetype'); font-weight: normal; font-style: italic; } /* End */ /* Start:/assets/css/main.css?1768202843134726*/ @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Swiper 11.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 27, 2024 */ @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") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .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; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; 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-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* 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-css-mode.swiper-horizontal > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -webkit-scroll-snap-type: none; -ms-scroll-snap-type: none; scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-order: 9999; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .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-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-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%; 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); } } /* Slide styles end */ :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-throwOutUp { -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp; animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp; } .f-throwOutDown { -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown; animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown; } @-webkit-keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); opacity: 0; } } @keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); opacity: 0; } } @-webkit-keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity: 0; } } @keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity: 0; } } .f-zoomInUp { -webkit-animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp; animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp; } .f-zoomOutDown { -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown; animation: var(--f-transition-duration, 0.2s) ease 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-fadeIn { -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index: 2; } .f-fadeOut { -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) 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-fadeFastIn { -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { -webkit-animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut; animation: var(--f-transition-duration, 0.1s) 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-fadeSlowIn { -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut; animation: var(--f-transition-duration, 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-crossfadeIn { -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { -webkit-animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut; animation: calc(var(--f-transition-duration, 0.2s) * 0.5) 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: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; animation: var(--f-transition-duration, 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: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; animation: var(--f-transition-duration, 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 ; } body.order_loader{ position: relative; overflow: hidden; } body.order_loader::after{ content: ''; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(0, 0, 0, 0.5) url("/assets/css/../img/clock-loader.svg") no-repeat 47% 45%; z-index: 10002; } .f-button { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button:focus:not(:focus-visible) { outline: none; } .f-button:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity 0.15s ease; -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); } .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled { pointer-events: none; } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body { -ms-touch-action: none; touch-action: none; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: var(--fancybox-zIndex, 1050); outline: none; -webkit-transform-origin: top left; transform-origin: top left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { box-sizing: inherit; } .fancybox__container *:empty { display: block; } .fancybox__container::-webkit-backdrop { background-color: rgba(0, 0, 0, 0); } .fancybox__container::backdrop { background-color: rgba(0, 0, 0, 0); } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; box-sizing: border-box; -ms-flex: 1; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__viewport.is-draggable { cursor: move; cursor: -webkit-grab; cursor: grab; } .fancybox__viewport.is-dragging { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } .fancybox__track { display: -ms-flexbox; display: flex; margin: 0 auto; height: 100%; } .fancybox__slide { -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ""; -ms-flex: 0 0 0px; flex: 0 0 0; margin: auto; } .fancybox__content { -ms-flex-item-align: center; align-self: center; display: -ms-flexbox; display: flex; -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: zoom-in; } .can-zoom_out .fancybox__content { 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; transition: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox__slide.has-image > .fancybox__content > picture > img { width: 100%; height: auto; max-height: 100%; } .is-animating .fancybox__content, .is-dragging .fancybox__content { will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-filter: blur(0px); filter: blur(0px); } .fancybox__caption { -ms-flex-item-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-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --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: 5px; right: 5px; opacity: 0.75; } .is-loading .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .fancybox__content > .f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; position: relative; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { -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; -ms-user-select: none; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) { -webkit-animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn; animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { -webkit-animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn; animation: var(--f-backdrop-enter-duration, 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: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut; animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { -webkit-animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut; animation: var(--f-backdrop-exit-duration, 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: calc(100% - 120px); height: 90%; } .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content { width: 100%; height: 100%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0 ; } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1 ; } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px ; } .f-thumbs { position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform: translateZ(0); transform: translateZ(0); } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs.is-vertical { height: 100%; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .f-thumbs__track { display: -ms-flexbox; display: flex; } .f-thumbs__slide { position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: content-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__viewport { height: 100%; } .is-modern .f-thumbs__track { width: -webkit-max-content; width: max-content; } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--f-thumb-clip-width, 0)) * -0.5); width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0)); cursor: pointer; } .is-modern .f-thumbs__slide { width: var(--f-thumb-clip-width); -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none; } .is-modern.is-resting .f-thumbs__slide { transition: -webkit-transform 0.33s ease; transition: transform 0.33s ease; transition: transform 0.33s ease, -webkit-transform 0.33s ease; } .is-modern.is-resting .f-thumbs__slide__button { transition: -webkit-clip-path 0.33s ease; transition: clip-path 0.33s ease; transition: clip-path 0.33s ease, -webkit-clip-path 0.33s ease; } .is-using-tab .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)); } .f-thumbs__slide__button { -webkit-appearance: none; appearance: none; width: var(--f-thumb-width); height: 100%; margin: 0 -100% 0 -100%; 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; opacity: var(--f-thumb-opacity); transition: opacity 0.2s ease; } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none; } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity); } .is-modern .f-thumbs__slide__button { --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0)); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } .is-classic .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-classic .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-out; animation: f-fadeIn 0.2s ease-out; z-index: 10; } .f-thumbs__slide__img { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover; border-radius: var(--f-thumb-border-radius); } .f-thumbs.is-horizontal .f-thumbs__track { padding: 8px 0 12px 0; } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .f-thumbs.is-vertical .f-thumbs__track { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 8px; } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0; } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1 ; } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1 ; } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap); } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0; } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px ; } .fancybox__thumbs.is-masked { max-height: 0px !important; } .is-closing .fancybox__thumbs { transition: none !important; } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -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: -ms-flexbox; display: flex; -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 { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: -ms-flexbox; display: flex; -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; -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: -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: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { 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; } :-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: 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: -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; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- { color: var(--adp-color-other-month); } .air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover { color: var(--adp-color-other-month-hover); } .-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- { color: var(--adp-color-other-month); } .-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- { color: #fff; background: var(--adp-background-color-selected-other-month); } .-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- { background: var(--adp-background-color-selected-other-month-focused); } .-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- { background-color: var(--adp-background-color-in-range); color: var(--adp-color); } .-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- { background-color: var(--adp-background-color-in-range-focused); } .air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty { background: none; border: none; } .air-datepicker-cell { border-radius: var(--adp-cell-border-radius); box-sizing: border-box; cursor: pointer; display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .air-datepicker-cell.-focus- { background: var(--adp-cell-background-color-hover); } .air-datepicker-cell.-current- { color: var(--adp-color-current-date); } .air-datepicker-cell.-current-.-focus- { color: var(--adp-color); } .air-datepicker-cell.-current-.-in-range- { color: var(--adp-color-current-date); } .air-datepicker-cell.-disabled- { cursor: default; color: var(--adp-color-disabled); } .air-datepicker-cell.-disabled-.-focus- { color: var(--adp-color-disabled); } .air-datepicker-cell.-disabled-.-in-range- { color: var(--adp-color-disabled-in-range); } .air-datepicker-cell.-disabled-.-current-.-focus- { color: var(--adp-color-disabled); } .air-datepicker-cell.-in-range- { background: var(--adp-cell-background-color-in-range); border-radius: 0; } .air-datepicker-cell.-in-range-:hover { background: var(--adp-cell-background-color-in-range-hover); } .air-datepicker-cell.-range-from- { border: 1px solid var(--adp-cell-border-color-in-range); background-color: var(--adp-cell-background-color-in-range); border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius); } .air-datepicker-cell.-range-to- { border: 1px solid var(--adp-cell-border-color-in-range); background-color: var(--adp-cell-background-color-in-range); border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0; } .air-datepicker-cell.-range-to-.-range-from- { border-radius: var(--adp-cell-border-radius); } .air-datepicker-cell.-selected- { color: #fff; border: none; background: var(--adp-cell-background-color-selected); } .air-datepicker-cell.-selected-.-current- { color: #fff; background: var(--adp-cell-background-color-selected); } .air-datepicker-cell.-selected-.-focus- { background: var(--adp-cell-background-color-selected-hover); } .air-datepicker-body { transition: all var(--adp-transition-duration) var(--adp-transition-ease); } .air-datepicker-body.-hidden- { display: none; } .air-datepicker-body--day-names { display: grid; grid-template-columns: repeat(7, var(--adp-day-cell-width)); margin: 8px 0 3px; } .air-datepicker-body--day-name { color: var(--adp-day-name-color); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: 0.8em; } .air-datepicker-body--day-name.-clickable- { cursor: pointer; } .air-datepicker-body--day-name.-clickable-:hover { color: var(--adp-day-name-color-hover); } .air-datepicker-body--cells { display: grid; } .air-datepicker-body--cells.-days- { grid-template-columns: repeat(7, var(--adp-day-cell-width)); grid-auto-rows: var(--adp-day-cell-height); } .air-datepicker-body--cells.-months- { grid-template-columns: repeat(3, 1fr); grid-auto-rows: var(--adp-month-cell-height); } .air-datepicker-body--cells.-years- { grid-template-columns: repeat(4, 1fr); grid-auto-rows: var(--adp-year-cell-height); } .air-datepicker-nav { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid var(--adp-border-color-inner); min-height: var(--adp-nav-height); padding: var(--adp-padding); box-sizing: content-box; } .-only-timepicker- .air-datepicker-nav { display: none; } .air-datepicker-nav--title, .air-datepicker-nav--action { display: -ms-flexbox; display: flex; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .air-datepicker-nav--action { width: var(--adp-nav-action-size); border-radius: var(--adp-border-radius); -webkit-user-select: none; -ms-user-select: none; user-select: none; } .air-datepicker-nav--action:hover { background: var(--adp-background-color-hover); } .air-datepicker-nav--action:active { background: var(--adp-background-color-active); } .air-datepicker-nav--action.-disabled- { visibility: hidden; } .air-datepicker-nav--action svg { width: 32px; height: 32px; } .air-datepicker-nav--action path { fill: none; stroke: var(--adp-nav-arrow-color); stroke-width: 2px; } .air-datepicker-nav--title { border-radius: var(--adp-border-radius); padding: 0 8px; } .air-datepicker-nav--title i { font-style: normal; color: var(--adp-nav-color-secondary); margin-left: 0.3em; } .air-datepicker-nav--title:hover { background: var(--adp-background-color-hover); } .air-datepicker-nav--title:active { background: var(--adp-background-color-active); } .air-datepicker-nav--title.-disabled- { cursor: default; background: none; } .air-datepicker-buttons { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .air-datepicker-button { display: -ms-inline-flexbox; display: inline-flex; color: var(--adp-btn-color); border-radius: var(--adp-btn-border-radius); cursor: pointer; height: var(--adp-btn-height); border: none; background: rgba(255, 255, 255, 0); } .air-datepicker-button:hover { color: var(--adp-btn-color-hover); background: var(--adp-btn-background-color-hover); } .air-datepicker-button:focus { color: var(--adp-btn-color-hover); background: var(--adp-btn-background-color-hover); outline: none; } .air-datepicker-button:active { background: var(--adp-btn-background-color-active); } .air-datepicker-button span { outline: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .air-datepicker-time { display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; grid-column-gap: 12px; -ms-flex-align: center; align-items: center; position: relative; padding: 0 var(--adp-time-padding-inner); } .-only-timepicker- .air-datepicker-time { border-top: none; padding: 20px 10px; } .air-datepicker-time--current { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1; flex: 1; font-size: 14px; text-align: center; } .air-datepicker-time--current-colon { margin: 0 2px 3px; line-height: 1; } .air-datepicker-time--current-hours, .air-datepicker-time--current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; } .air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after { content: ""; background: var(--adp-background-color-hover); border-radius: var(--adp-border-radius); position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } .air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after { opacity: 1; } .air-datepicker-time--current-ampm { text-transform: uppercase; -ms-flex-item-align: end; align-self: flex-end; color: var(--adp-time-day-period-color); margin-left: 6px; font-size: 11px; margin-bottom: 1px; } .air-datepicker-time--row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right, var(--red), var(--red)) left 50%/100% var(--adp-time-track-height) no-repeat; } .air-datepicker-time--row:first-child { margin-bottom: 10px; } .air-datepicker-time--row input[type=range] { background: none; cursor: pointer; -ms-flex: 1; flex: 1; height: 100%; width: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; } .air-datepicker-time--row input[type=range]::-ms-tooltip { display: none; } .air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb { border-color: var(--adp-time-track-color-hover); } .air-datepicker-time--row input[type=range]:hover::-moz-range-thumb { border-color: var(--adp-time-track-color-hover); } .air-datepicker-time--row input[type=range]:hover::-ms-thumb { border-color: var(--adp-time-track-color-hover); } .air-datepicker-time--row input[type=range]:focus { outline: none; } .air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb { background: var(--adp-cell-background-color-selected); border-color: var(--adp-cell-background-color-selected); } .air-datepicker-time--row input[type=range]:focus::-moz-range-thumb { background: var(--adp-cell-background-color-selected); border-color: var(--adp-cell-background-color-selected); } .air-datepicker-time--row input[type=range]:focus::-ms-thumb { background: var(--adp-cell-background-color-selected); border-color: var(--adp-cell-background-color-selected); } .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { box-sizing: border-box; height: 20px; width: 20px; -webkit-transform: translateY(-3px); transform: translateY(-3px); border-radius: 3px; border: 1px solid var(--adp-time-track-color); background: var(--red); cursor: pointer; -webkit-transition: background var(--adp-transition-duration); transition: background var(--adp-transition-duration); } .air-datepicker-time--row input[type=range]::-moz-range-thumb { box-sizing: border-box; height: 20px; width: 20px; transform: translateY(-3px); border-radius: 3px; border: 1px solid var(--adp-time-track-color); background: var(--red); cursor: pointer; -moz-transition: background var(--adp-transition-duration); transition: background var(--adp-transition-duration); } .air-datepicker-time--row input[type=range]::-ms-thumb { box-sizing: border-box; height: 20px; width: 20px; transform: translateY(-3px); border-radius: 3px; border: 1px solid var(--adp-time-track-color); background: var(--red); cursor: pointer; -ms-transition: background var(--adp-transition-duration); transition: background var(--adp-transition-duration); } .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { margin-top: calc(var(--adp-time-thumb-size) / 2 * -1); } .air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track { border: none; height: var(--adp-time-track-height); cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); } .air-datepicker-time--row input[type=range]::-moz-range-track { border: none; height: var(--adp-time-track-height); cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); } .air-datepicker-time--row input[type=range]::-ms-track { border: none; height: var(--adp-time-track-height); cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); } .air-datepicker-time--row input[type=range]::-ms-fill-lower { background: rgba(0, 0, 0, 0); } .air-datepicker-time--row input[type=range]::-ms-fill-upper { background: rgba(0, 0, 0, 0); } .air-datepicker { --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --adp-font-size: 14px; --adp-width: 246px; --adp-z-index: 100; --adp-padding: 4px; --adp-grid-areas: "nav" "body" "timepicker" "buttons"; --adp-transition-duration: .3s; --adp-transition-ease: ease-out; --adp-transition-offset: 8px; --adp-background-color: #fff; --adp-background-color-hover: #f0f0f0; --adp-background-color-active: #eaeaea; --adp-background-color-in-range: rgba(92, 196, 239, .1); --adp-background-color-in-range-focused: rgba(92, 196, 239, .2); --adp-background-color-selected-other-month-focused: var(--red); --adp-background-color-selected-other-month: var(--red); --adp-color: #4a4a4a; --adp-color-secondary: #9c9c9c; --adp-accent-color: #4eb5e6; --adp-color-current-date: var(--adp-accent-color); --adp-color-other-month: #dedede; --adp-color-disabled: #aeaeae; --adp-color-disabled-in-range: #939393; --adp-color-other-month-hover: #c5c5c5; --adp-border-color: #dbdbdb; --adp-border-color-inner: #efefef; --adp-border-radius: 4px; --adp-border-color-inline: #d7d7d7; --adp-nav-height: 32px; --adp-nav-arrow-color: var(--adp-color-secondary); --adp-nav-action-size: 32px; --adp-nav-color-secondary: var(--adp-color-secondary); --adp-day-name-color: #EF3131; --adp-day-name-color-hover: #EF3131; --adp-day-cell-width: 1fr; --adp-day-cell-height: 32px; --adp-month-cell-height: 42px; --adp-year-cell-height: 56px; --adp-pointer-size: 10px; --adp-poiner-border-radius: 2px; --adp-pointer-offset: 14px; --adp-cell-border-radius: 4px; --adp-cell-background-color-hover: var(--adp-background-color-hover); --adp-cell-background-color-selected: #EF3131; --adp-cell-background-color-selected-hover: #EF3131; --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1); --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2); --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected); --adp-btn-height: 32px; --adp-btn-color: var(--adp-accent-color); --adp-btn-color-hover: var(--adp-color); --adp-btn-border-radius: var(--adp-border-radius); --adp-btn-background-color-hover: var(--adp-background-color-hover); --adp-btn-background-color-active: var(--adp-background-color-active); --adp-time-track-height: 1px; --adp-time-track-color: #dedede; --adp-time-track-color-hover: #b1b1b1; --adp-time-thumb-size: 12px; --adp-time-padding-inner: 10px; --adp-time-day-period-color: var(--adp-color-secondary); --adp-mobile-font-size: 16px; --adp-mobile-nav-height: 40px; --adp-mobile-width: 320px; --adp-mobile-day-cell-height: 38px; --adp-mobile-month-cell-height: 48px; --adp-mobile-year-cell-height: 64px ; } .air-datepicker-overlay { --adp-overlay-background-color: rgba(0, 0, 0, .3); --adp-overlay-transition-duration: .3s; --adp-overlay-transition-ease: ease-out; --adp-overlay-z-index: 99 ; } .air-datepicker { background: var(--adp-background-color); border: 1px solid var(--adp-border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: var(--adp-border-radius); box-sizing: content-box; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(4, -webkit-max-content); grid-template-rows: repeat(4, max-content); grid-template-areas: var(--adp-grid-areas); font-family: var(--adp-font-family), sans-serif; font-size: var(--adp-font-size); color: var(--adp-color); width: var(--adp-width); position: absolute; transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease); transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease); transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease); z-index: var(--adp-z-index); } .air-datepicker:not(.-custom-position-) { opacity: 0; } .air-datepicker.-from-top- { -webkit-transform: translateY(calc(var(--adp-transition-offset) * -1)); transform: translateY(calc(var(--adp-transition-offset) * -1)); } .air-datepicker.-from-right- { -webkit-transform: translateX(var(--adp-transition-offset)); transform: translateX(var(--adp-transition-offset)); } .air-datepicker.-from-bottom- { -webkit-transform: translateY(var(--adp-transition-offset)); transform: translateY(var(--adp-transition-offset)); } .air-datepicker.-from-left- { -webkit-transform: translateX(calc(var(--adp-transition-offset) * -1)); transform: translateX(calc(var(--adp-transition-offset) * -1)); } .air-datepicker.-active-:not(.-custom-position-) { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .air-datepicker.-active-.-custom-position- { transition: none; } .air-datepicker.-inline- { border-color: var(--adp-border-color-inline); box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; } .air-datepicker.-inline- .air-datepicker--pointer { display: none; } .air-datepicker.-is-mobile- { --adp-font-size: var(--adp-mobile-font-size); --adp-day-cell-height: var(--adp-mobile-day-cell-height); --adp-month-cell-height: var(--adp-mobile-month-cell-height); --adp-year-cell-height: var(--adp-mobile-year-cell-height); --adp-nav-height: var(--adp-mobile-nav-height); --adp-nav-action-size: var(--adp-mobile-nav-height); position: fixed; width: var(--adp-mobile-width); border: none; } .air-datepicker.-is-mobile- * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .air-datepicker.-is-mobile- .air-datepicker--pointer { display: none; } .air-datepicker.-is-mobile-:not(.-custom-position-) { -webkit-transform: translate(-50%, calc(-50% + var(--adp-transition-offset))); transform: translate(-50%, calc(-50% + var(--adp-transition-offset))); } .air-datepicker.-is-mobile-.-active-:not(.-custom-position-) { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .air-datepicker.-custom-position- { transition: none; } .air-datepicker-global-container { position: absolute; left: 0; top: 0; } .air-datepicker--pointer { --pointer-half-size: calc(var(--adp-pointer-size) / 2); position: absolute; width: var(--adp-pointer-size); height: var(--adp-pointer-size); z-index: -1; } .air-datepicker--pointer:after { content: ""; position: absolute; background: #fff; border-top: 1px solid var(--adp-border-color-inline); border-right: 1px solid var(--adp-border-color-inline); border-top-right-radius: var(--adp-poiner-border-radius); width: var(--adp-pointer-size); height: var(--adp-pointer-size); box-sizing: border-box; } .-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer { top: calc(100% - var(--pointer-half-size) + 1px); } .-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer { right: calc(100% - var(--pointer-half-size) + 1px); } .-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer { bottom: calc(100% - var(--pointer-half-size) + 1px); } .-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after { -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer { left: calc(100% - var(--pointer-half-size) + 1px); } .-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer { left: var(--adp-pointer-offset); } .-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer { right: var(--adp-pointer-offset); } .-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer { left: calc(50% - var(--adp-pointer-size) / 2); } .-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer { top: var(--adp-pointer-offset); } .-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer { bottom: var(--adp-pointer-offset); } .-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer { top: calc(50% - var(--adp-pointer-size) / 2); } .air-datepicker--navigation { grid-area: nav; } .air-datepicker--content { box-sizing: content-box; padding: var(--adp-padding); grid-area: body; } .-only-timepicker- .air-datepicker--content { display: none; } .air-datepicker--time { grid-area: timepicker; } .air-datepicker--buttons { grid-area: buttons; } .air-datepicker--buttons, .air-datepicker--time { padding: var(--adp-padding); border-top: 1px solid var(--adp-border-color-inner); } .air-datepicker-overlay { position: fixed; background: var(--adp-overlay-background-color); left: 0; top: 0; width: 0; height: 0; opacity: 0; transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s; transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration); z-index: var(--adp-overlay-z-index); } .air-datepicker-overlay.-active- { opacity: 1; width: 100%; height: 100%; transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s; } :root { font-family: "Futura PT Book", "Arial", "Helvetica", "serif"; font-weight: normal; font-style: normal; --black: #000000; --red: #EF3131; --crimson: #E81C35; --violet: #373B96; --grey: #A5A5A5; --header-mobile-height: 90px; } * { box-sizing: border-box; margin: 0; padding: 0; } .bolder-font { font-family: "Futura PT"; font-weight: 900; } .fancybox__container { --fancybox-bg: rgba(0, 0, 0, 0.75); } html { font-size: 20px; color: var(--black, #000000); } a:not(.self-style) { color: var(--violet, #373B96); text-decoration: none; } a:not(.self-style):hover { opacity: 0.8; } .self-style a { text-decoration: none; color: inherit; } main { min-width: 320px; overflow: hidden; } header { padding: 0.78rem 0; position: relative; } .box { max-width: 1210px; padding: 0 20px; margin: 0 auto; } img, svg { max-width: 100%; max-height: 100%; } ul, ol { list-style: none; } input[type=text] { width: 100%; height: 48px; border-radius: 74px; color: #000000; border: 1px solid #CDCDCD; padding: 0 1.2rem; } .mobile_only, .slicknav_menu { display: none; } .ctr-image { position: relative; overflow: hidden; } .ctr-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .total-loader { display: block; width: 48px; height: 48px; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; } .total-loader::before, .total-loader::after { content: ""; box-sizing: border-box; position: absolute; inset: 0px; border-radius: 50%; border: 5px solid var(--violet); -webkit-animation: prixClipFix 2s linear infinite; animation: prixClipFix 2s linear infinite; } .total-loader::after { border-color: var(--red); animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse; inset: 6px; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes prixClipFix { 0% { -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } 100% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } } @keyframes prixClipFix { 0% { -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } 100% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } } section { padding: 30px 0; } section.grey { background-color: #F9F9F9; } section.page { background-color: #fff; } section.zebra { background-color: #F9F9F9, #fff; background: linear-gradient(to bottom, #F9F9F9 0%, #F9F9F9 50%, #fff 50%, #fff 100%); } .page-full { min-height: 200px; } .page-header { font-size: 1.6rem; margin: 0.9rem 0; } .page-header.--center { text-align: center; } .page-header p { font-size: 0.93rem; } .h-area { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .h-area_rows { -ms-flex-positive: 1; flex-grow: 1; padding-left: 15px; } .h-area_logo { width: 205px; height: 145px; -ms-flex-negative: 0; flex-shrink: 0; } .h-area_logo .dinamic-fill { fill: black; } .h-area_rows__top, .main-contacts { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .h-area_rows__top { margin-bottom: 0.78rem; padding-bottom: 0.78rem; border-bottom: 1px solid #EEEEEE; -webkit-transform: translateY(-8px); transform: translateY(-8px); } .h-area_rows__bottom { position: relative; } .main-menu { margin-right: 4%; } .main-menu ul { display: -ms-flexbox; display: flex; } .main-menu ul li a { color: var(--grey); font-size: 0.93rem; font-weight: 600; letter-spacing: 0.025em; display: block; padding: 5px 0.85rem; white-space: nowrap; } .main-menu ul li:first-child a { padding-left: 0.4rem; } .main-menu ul li a.selected{ color: var(--red); } .main-contacts { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 1.4rem; } .main-contacts__item { font-weight: 600; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .main-contacts__item[data-phones-popup] { position: relative; padding-right: 1rem; } .main-contacts__item[data-phones-popup]::after { border: 6px solid transparent; border-top: 4px solid var(--red); height: 0; content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: translateY(35%); transform: translateY(35%); } .i-red { fill: none; stroke: var(--red); } .catalog-menu { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .catalog-menu ul { display: grid; grid-template-columns: repeat(7, 1fr); -ms-flex-align: center; align-items: center; gap: 0.3rem; } .catalog-menu ul li a { font-weight: 600; color: var(--black); font-size: 0.95rem; line-height: 1; display: block; position: relative; padding-left: 0.75rem; padding-right: 0.5rem; } .catalog-menu ul li a::before { display: block; content: ""; background-color: var(--red); width: 5px; height: 5px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .catalog-menu ul li a.selected, .catalog-menu ul li a:hover, .catalog-menu ul li a:active{ color: var(--crimson); } .top-basket { position: absolute; z-index: 3; right: 0; bottom: 100%; } .top-basket-round { display: block; position: relative; width: 48px; height: 48px; background: var(--red); border-radius: 50%; box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2); } .top-basket-round svg { stroke: #fff; fill: none; width: 55%; stroke-width: 2; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .phones-popup { background-color: #fff; width: 252px; padding: 35px 0 15px; } .pp__item { text-align: center; margin-bottom: 20px; } .pp__item__icon svg { fill: none; stroke: var(--red); width: 20px; height: 20px; } .pp_item_rows { margin-bottom: 15px; } .pp_item_rows a { display: block; } .pp_item_rows.__emails a { color: #373B96; font-size: 18px; font-weight: 600; } .pp_item_rows.__phones a { color: #000; font-size: 20px; font-weight: 900; } .pp_item_rows{ font-size: 16px; margin-bottom: 5px; } .breadcrumbs { margin: 15px 0; } .breadcrumbs ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .breadcrumbs ul li { display: inline-block; margin: 0 5px; } .breadcrumbs ul li .separat svg { width: 20px; height: 9px; fill: var(--violet); } .breadcrumbs ul li span, .breadcrumbs ul li a { font-size: 14px; } .breadcrumbs ul li a { color: #A5A5A5; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } p { margin-bottom: 1rem; } h1, h2, h3, h4, h5 { font-family: "Futura PT"; font-weight: 900; } .btn { display: inline-block; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 48px; min-width: 168px; border-radius: 74px; width: 100%; cursor: pointer; white-space: nowrap; } .btn.square{ border-radius: 8px; } .btn.btn-violet{ color: #fff; background-color: var(--violet); border-radius: 8px; padding: 5px 15px; text-transform: uppercase; font-size: 13px; height: 37px; line-height: 2; } .btn.btn-red { background-color: var(--red); color: #fff; border: none; } .btn.btn-grey { background-color: #FBFBFB; color: #B3B3B3; border: 1px solid #B3B3B3; } .btn.btn-black { background-color: #000; color: #fff; border: 1px solid #000; padding: 5px 15px; height: auto; } .btn:hover { opacity: 0.8; } .errortext{ background: #ff00000f; display: block; padding: 10px; border-radius: 8px; text-align: left; } blockquote { padding-left: 4rem; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0MiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMzJWMjMuMTk3N0MwIDIwLjU5OTggMC40OTA2OSAxNy44NjQ0IDEuNDcyMDcgMTQuOTkxNEMyLjQ1MzQ1IDEyLjExODQgMy44MTgxOCA5LjM2NzcxIDUuNTY2MjcgNi43MzkyNUM3LjMxNDM1IDQuMTEwNzkgOS4zNjkxMSAxLjg2NDM3IDExLjczMDYgMEwxOC41Mzg5IDQuODU5NTlDMTYuNjY4MSA3LjU3OTc1IDE1LjA3MzQgMTAuNDIyMiAxMy43NTQ3IDEzLjM4NjhDMTIuNDM1OSAxNi4zNTE1IDExLjc3NjYgMTkuNTc1OSAxMS43NzY2IDIzLjA2MDJWMzJIMFpNMjMuNDYxMSAzMlYyMy4xOTc3QzIzLjQ2MTEgMjAuNTk5OCAyMy45NTE4IDE3Ljg2NDQgMjQuOTMzMiAxNC45OTE0QzI1LjkxNDYgMTIuMTE4NCAyNy4yNzkzIDkuMzY3NzEgMjkuMDI3NCA2LjczOTI1QzMwLjc3NTUgNC4xMTA3OSAzMi44MzAyIDEuODY0MzcgMzUuMTkxNyAwTDQyIDQuODU5NTlDNDAuMTI5MiA3LjU3OTc1IDM4LjUzNDUgMTAuNDIyMiAzNy4yMTU4IDEzLjM4NjhDMzUuODk3IDE2LjM1MTUgMzUuMjM3NyAxOS41NzU5IDM1LjIzNzcgMjMuMDYwMlYzMkgyMy40NjExWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: 0 1rem; } .box-shadow { box-shadow: 0 4px 10px 1px rgba(97, 97, 97, 0.07); } .checkbox-field { position: relative; overflow: hidden; } .checkbox-field label { font-size: 0.8rem; position: relative; padding-left: 30px; cursor: pointer; display: block; line-height: 1; } .checkbox-field label a { color: var(--red); } .checkbox-field label::after, .checkbox-field label::before { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; display: block; width: 20px; height: 20px; } .checkbox-field label::before { background-color: #e1e1e1; content: ""; } .checkbox-field label::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNDQ5MTIgNy44ODk2M0wxLjEzMDE5IDQuNzgwMDFMMCA1LjgzMTQ3TDQuNDQ5MTIgMTBMMTQgMS4wNTE0NUwxMi44Nzc4IDBMNC40NDkxMiA3Ljg4OTYzWiIgZmlsbD0iI0VGMzEzMSIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center; } .checkbox-field input { visibility: hidden; position: absolute; left: -999em; } .checkbox-field input:checked + label::after { content: ""; } .page-width-aside { display: -ms-flexbox; display: flex; } .page-width-aside aside { -ms-flex-negative: 0; flex-shrink: 0; width: 330px; } .page-width-aside aside.narrow { width: 300px; padding-right: 2rem; } article { width: 100%; } article ul { margin: 1rem 0; padding-left: 0.8rem; } article ul li { position: relative; padding-left: 0.9rem; margin-bottom: 5px; } article ul li::before { display: block; content: ""; width: 6px; height: 6px; background-color: #000; border-radius: 50%; position: absolute; left: 0; top: 0.5rem; } aside + article .accordeon{ padding-left: 5%; } .accordeon-item { margin-bottom: 0.5rem; } .accordeon-item__title { font-weight: 900; font-size: 0.9rem; border: 1px solid #CDCDCD; border-radius: 10px; padding: 1rem 40px 1rem 15px; position: relative; box-shadow: 5px 0 17px rgba(0, 0, 0, 0.1); cursor: pointer; } .accordeon-item__title::after { display: block; width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: var(--red); content: "+"; color: #fff; position: absolute; right: 15px; top: 0.8rem; text-align: center; line-height: 1.5; font-weight: normal; } .accordeon-item__title.is-opened::after { content: "−"; } .accordeon-item__body { padding: 1rem 0 1rem 1rem; display: none; } .aside-image { text-align: center; margin-bottom: 1rem; } .aside-varning { font-size: 0.9rem; background-color: #F7F7F7; padding: 1.5rem; border-bottom: 7px solid var(--red); margin-bottom: 3rem; } .aii__icon { padding-top: 0.4rem; } .aii__icon svg { fill: none; stroke: var(--red); width: 20px; height: 20px; stroke-width: 1.5; } .aside-info__item { display: -ms-flexbox; display: flex; gap: 0.8rem; margin-top: 15px; margin-bottom: 15px; } .aside-info__item a { display: block; font-weight: 900; } .aside-info__item.__phones a { color: #000; } .aside-info__body { border-left: 7px solid var(--violet); padding-left: 2rem; } .price-download{ width: 290px; margin: 0 auto; } .pd-title{ font-weight: 600; font-size: 1.4rem; margin-bottom: 15px; } .pd-button::after{ display: table; clear: both; content: ''; } .pd-button a{ display: block; background: var(--violet, #373B96); color: #fff; text-transform: uppercase; font-size: 0.85rem; font-weight: 600; padding: 0.6rem 1.4rem; border-radius: 0.5rem; letter-spacing: 0.05em; width: fit-content; margin: 0 auto 15px; } .services { display: grid; border-collapse: collapse; gap: 1rem 1px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); margin-bottom: 2.5rem; } .service-card { padding: 11px 11px 2rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; outline: 1px solid rgb(205, 205, 205); transition: box-shadow 0.25s; } .service-card:hover { box-shadow: 0 0 14px 4px rgba(205, 205, 205, 0.5); } .service-card:hover .button-order { opacity: 1; } .service-card a { color: #000; } .sc__image { padding: 47%; margin-bottom: 1rem; } .booking-label{ position: absolute; background: #000; color: #fff; display: block; width: fit-content; border-radius: 4px; padding: 5px 10px; font-size: 14px; z-index: 2; top: 1px; right: 7px; } .sc__title { font-weight: 900; font-size: 0.9rem; font-family: "Futura PT"; } .sc__note { margin-top: 0.5rem; color: var(--red); font-weight: 900; font-size: 15px; font-family: "Futura PT"; } .sc__text { -ms-flex-positive: 1; flex-grow: 1; padding: 0 5px; } .sc_descript { color: #B7B7B7; font-size: 15px; margin-top: 0.5rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; color: #757575; height: 1.8rem; } .sc_descript.--three-str { -webkit-line-clamp: 3; height: 3.2rem; line-height: 1.5; -webkit-transform: translateY(10px); transform: translateY(10px); } .sc__bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; gap: 0.6rem; margin-top: 10px; padding: 0 5px; } .price { font-weight: 900; font-family: "Futura PT"; font-size: 1.2rem; white-space: nowrap; } .measure { color: #fff; border-radius: 8px; background-color: var(--crimson); line-height: 1; font-size: 0.8rem; padding: 0 0.5rem 1px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } a.button-order { margin-left: auto; height: 2rem; padding: 0 0.7rem; border-radius: 20px; font-size: 0.8rem; border: none; background-color: var(--red); color: #fff; opacity: 0; transition: opacity 0.25s; cursor: pointer; display: flex; flex-direction: column; justify-content: center; } a.button-order.in_cart{ background-color: var(--grey); } .ajax-pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 2.5rem; } .ajax-pagination-button, .back-page-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; cursor: pointer; } .ajax-pagination-button span, .back-page-button span { display: block; } .ajax-pagination-button .arrow, .back-page-button .arrow { width: 38px; height: 38px; background: #F7F7F7; position: relative; border-radius: 50%; } .ajax-pagination-button svg, .back-page-button svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 20%; } .ajax-pagination-button { text-align: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .ajax-pagination-button svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .back-page-button { margin-top: 2rem; } .left-categories { margin-bottom: 2rem; } .left-categories li { position: relative; margin-bottom: 0.8rem; } .left-categories li input { position: absolute; visibility: hidden; } .left-categories li input:checked + label { background-color: var(--red); color: #fff; padding-right: 30px; } .left-categories li input:checked + label::after { content: "✕"; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; height: 1rem; width: 1rem; } .left-categories li label { position: relative; background-color: #F6F6F6; font-weight: 500; padding: 0 1rem; font-family: "Futura PT"; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 54px; width: 100%; cursor: pointer; transition: background-color 0.25s; } .left-categories li label span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .banner { margin-bottom: 1rem; } .fullWidth-imageArea { background-repeat: no-repeat; background-position: top center; background-size: contain; min-height: 533px; margin-top: 4rem; padding-top: 5rem; } .progress-numItem { text-align: center; } .progress-numItem p, .progress-numItem small { font-size: 16px; } .progress-nums { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; color: #fff; margin-bottom: 4rem; } .progress-numItem__value { font-size: 64px; font-family: "Futura PT Demi"; font-weight: 600; margin-bottom: 10px; } .text-gear-area { padding: 2rem 160px 2rem 0; line-height: 1.5; background-image: url(/assets/css/../img/gear.png); background-position: 97% 50%; background-repeat: no-repeat; } .text-gear-area b { margin-bottom: 0.8rem; display: block; } .strong { font-weight: bold; padding: 3rem 2rem 1rem; background-color: #fff; line-height: 2; } .strong p { margin-bottom: 1.7rem; } .strong img.top { -webkit-transform: translateY(-3rem); transform: translateY(-3rem); } .strong img[align=right] { margin: 0 1rem 0 1rem; } .tiles { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 2rem; } .tile-item { border: 1px solid #D9D9D9; padding: 2rem 2rem 1rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .tile-item__icon { position: relative; padding: 24px; } .tile-item__icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .tile-item__text { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; position: relative; } .tile-item__text span, .tile-item__text a { display: block; color: #000; margin-bottom: 10px; } .tile-item__text a { font-weight: 900; font-family: "Futura PT"; } .tile-item__text a[href^="mailto:"] { color: var(--violet); } .tit__inner:nth-child(2)::before { display: block; position: absolute; height: 65%; width: 1px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; content: ""; background: #D9D9D9; } .cont-map { width: 780px; height: 399px; overflow: hidden; margin: 2rem auto; } .cont-map > div { width: 100%; height: 100%; position: relative; } .main-slider-wrapper { position: relative; overflow: hidden; } .swiperNavButton { position: absolute; z-index: 99; width: 2.3rem; height: 2.3rem; background-color: #fff; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: opacity 0.25s; cursor: pointer; } .swiperNavButton svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 40%; height: 40%; } .swiperNavButton.swiper-button-prev { left: 2.5%; } .swiperNavButton.swiper-button-next { right: 2.5%; } .main-slider:hover .swiperNavButton { opacity: 1; } .swiper-pagination { position: absolute; bottom: 2rem; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 10px; padding-left: 20px; } .swiper-pagination .swiper-pagination-bullet { width: 7px; height: 7px; border-radius: 50%; background: #2B2B2B; display: block; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--red); } .main-slider__info { position: absolute; height: calc(100% + 1px); width: 100%; top: 0; left: 0; } .main-slider__info::before { display: block; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0)); -webkit-clip-path: polygon(0 0%, 100% 0, 88% 100%, 0 100%); clip-path: polygon(0 0%, 100% 0, 88% 100%, 0 100%); top: 0; left: 0; height: 100%; width: 50vw; min-width: 400px; content: ""; position: absolute; } .main-slider__info .box { height: 100%; } .main-slider__item { position: relative; } .main-slider__item img { display: block; margin: 0 auto; } .main-slider__item .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .main-slider__inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: 400px; -ms-flex-pack: center; justify-content: center; color: #fff; position: relative; z-index: 3; padding: 20px; } .main-slider__inner h3 { font-size: 2.1rem; margin-bottom: 1rem; font-weight: 500; } .main-slider__inner p { font-style: italic; font-size: 0.8rem; } .main-catalog-wrapper { padding: 3rem 0 1rem; } .main-categories { display: grid; grid-template-columns: 1fr 1fr; gap: 1.7rem; margin-bottom: 3rem; } .mci__img { position: relative; overflow: hidden; padding: 31%; display: block; margin-bottom: 1rem; } .mci__img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .main-categories-item { text-align: center; } .main-categories-item .mci__title { font-size: 1.75rem; font-weight: normal; color: var(--black); } .add-categories { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.6rem; margin-bottom: 4rem; } .add-categories-item { text-align: center; } .add-categories-item .aci__title { font-weight: normal; color: var(--black); line-height: 1; } .aci__img { position: relative; padding: 50%; display: block; margin-bottom: 1rem; } .aci__img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .about { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 2rem; } .about_text h3 { font-size: 1.6rem; margin-bottom: 1rem; } .about_img { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; margin-top: 4rem; } .advantages { display: grid; background-color: #fff; padding: 2.5rem 2rem; } .advantages.type1 { grid-template-columns: repeat(4, 1fr); gap: 1rem; } .advantages.type1 .advantage { text-align: center; } .advantages.type1 .advantage .advantage-icon { margin-bottom: 2rem; position: relative; padding-top: 26%; } .advantages.type1 .advantage .advantage-text { max-width: 150px; } .advantages.type2 { grid-template-columns: repeat(3, 1fr); gap: 2rem; } .advantages.type2 .advantage { position: relative; padding-left: 30%; min-height: 70px; } .advantages.type2 .advantage .advantage-icon { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; padding: 13%; } .advantages .advantage img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .advantage-title { font-weight: 900; font-size: 1.2rem; margin-bottom: 0.7rem; } .advantage-text { font-size: 0.8rem; margin: 0 auto; } .seo-block, .banner-block { display: -ms-flexbox; display: flex; gap: 2.5rem; -ms-flex-align: center; align-items: center; margin: 1rem 0; } .seo-block__image, .banner-block__text { max-width: 40%; } .seo-block__image.box-shadow, .banner-block__text.box-shadow { padding: 1rem 1rem; } .seo-block__image svg, .banner-block__text svg { width: 100%; } .seo-block__text, .banner-block__image { line-height: 1.5; } .seo-block__text b, .banner-block__image b { display: block; margin-bottom: 0.9rem; } .seo-block__image { text-align: center; } .banner-block__image, .seo-block__image { -ms-flex-negative: 0; flex-shrink: 0; } .banner-block__text img { display: block; } .card-main { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .card-main .total .total-price { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .card-main .total .total-price .price { font-size: 2rem; } .card-main .total .total-price .measure { font-size: 1.1rem; border-radius: 15px; font-family: "Futura PT"; position: relative; padding: 0.6rem 1.65rem; line-height: 1.1; } .card-main .total .total-price .measure span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: -webkit-min-content; width: min-content; height: 1.4rem; } .card-main .total .total-note { color: var(--red); font-size: 0.85rem; font-weight: 900; } .card-main .total .total-description { margin: 1.5rem 0; } .card-part.--viewer { width: 35.5%; position: relative; } .card-part.--viewer img.no-image{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .card-part.--props { width: 35.5%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 1rem 2rem 1rem 3rem; } .card-part.--total { width: 29%; -webkit-transform: translateY(20px); transform: translateY(20px); } .card-part .sticky-block { box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 1rem 1.25rem; line-height:1; position: -webkit-sticky; position: sticky; top: 0; } .card-main .swiper-thumbs .swiper-slide { border: 1px solid #fff; } .card-main .swiper-thumbs .swiper-slide img { display: block; } .card-main .swiper-thumbs .swiper-slide.swiper-slide-thumb-active { border-color: var(--red); } .props-row { display: -ms-flexbox; display: flex; gap: 5px; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 0.4rem; } .prop-name { font-size: 0.8rem; } .prop-value { font-weight: 900; font-family: "Futura PT"; } .card-description { margin-bottom: 2rem; font-size: 0.8rem; line-height: 1.4; } .card-order-block { max-width: 1024px; margin: 2rem auto; } .card-delivery, .card_pickup { padding: 1.5rem; background-color: #F7F7F7; margin-bottom: 2.5rem; } .card_pickup .cd-form__row { -ms-flex-pack: center; justify-content: center; } .cd-caption { text-align: center; } .cd-title { font-weight: 900; font-size: 1.2rem; font-family: "Futura PT"; margin-bottom: 10px; } .cd-description { font-size: 0.84rem; margin-bottom: 15px; } .cd-store-description{ color: var(--red); font-weight: 900; font-size: 1.1rem; margin: 1rem 0; } .cd-form__row { display: -ms-flexbox; display: flex; align-items: flex-end; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; position: relative; } .cd-form__row.--center { justify-content: center; } label.error{ color: var(--red); position: absolute; top: 100%; left: 10px; font-size: 13px; } .cd-form__cell { text-align: center; margin: 0 auto; } .cd-form__cell input { text-align: center; } .cd-form__cell.--small { width: 25%; } .cd-form__cell.--big { width: 44%; } .cd-form__cell label { margin-bottom: 5px; display: block; } .cd-form__row.--center { justify-content: center; } .counter-field { position: relative; } .counter-field .count-btn { display: block; width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: var(--red); color: #fff; position: absolute; text-align: center; line-height: 1.5; font-weight: normal; top: 0; bottom: 0; margin: auto; cursor: pointer; } .counter-field .count-btn.--plus { right: 13px; } .counter-field .count-btn.--minus { left: 13px; } .delivery-map { width: 100%; height: 500px; margin: 0 auto; } .delivery-map .ymaps-2-1-79-route-panel__input.ymaps-2-1-79-route-panel__input_from{ display: none; } .card-order-title { font-size: 1rem; margin-bottom: 0.8rem; } .card-order-total { background-color: var(--violet); color: #fff; text-align: center; padding: 1rem 0; margin-bottom: 2rem; } .card-order-pay{ padding: 0 15px 1rem; background: #dbdcfb; } .pay-description{ max-width: 445px; text-align: center; margin: 0 auto; background: #dbdcfb; padding: 0.75rem 0.75rem } .card-order-pay .btn{ width: fit-content; min-width: 240px; margin: 0 auto; } .card-order-pay .btn.disabled{ opacity: 0.5; pointer-events: none; } .cot-summ { font-size: 2.3rem; } .card-order-block__bottom { text-align: center; max-width: 300px; margin: auto; } .card-order-block__bottom .checkbox-field label { font-size: 14px; margin-bottom: 1rem; display: block; } .delivery_toggle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 0.8rem; margin-bottom: 1.5rem; } .delivery_toggle .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } [data-delivery] { display: none; } [data-delivery].active { display: block; } .pickup_description { text-align: center; } .pickup_description_warning { font-size: 1.1rem; color: var(--crimson); margin: 1rem 0; } .basket-item { display: -ms-flexbox; display: flex; padding: 10px 5px; border: 1px solid #CDCDCD; box-shadow: 0 2px 63px 0 rgba(164, 164, 164, 0.25); } .b-image { width: 147px; height: 137px; position: relative; overflow: hidden; } .b-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .b-body { padding: 0.5rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .b-delivery{ margin-left: auto; text-align: center; margin-right: 10px; } .bb-info .p-name { font-weight: 900; font-size: 0.9rem; } .b-delivery .path{ color: var(--crimson); } .bb-info .p-labels { font-size: 14px; } .bb-info .p-time { color: var(--crimson); font-size: 12px; } .bb-info .p-address { font-size: 12px; } .bb-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; gap: 1rem; margin-top: 1rem; } .bb-bottom__price { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .bb-bottom__summ, .bb-bottom__hours{ text-align: center; } .bb-bottom__measure { text-align: center; } .bb-bottom__measure span { font-size: 16px; } .basket-item [class^=bb-bottom__] span, .basket-item .b-delivery{ font-size: 0.8rem; } .checkout { display: -ms-flexbox; display: flex; margin-bottom: 20vh; } .checkout-basket { width: 100%; padding-right: 3rem; } .checkout-result { width: 330px; -ms-flex-negative: 0; flex-shrink: 0; } .checkout-result .btn { margin: 1.2rem 0; display: block; height: 64px; } .b-right { margin-left: auto; } .br-tiles { display: grid; grid-template-columns: 132px 83px; grid-template-rows: 1fr 1fr; height: 100%; grid-template-areas: "delivery edit" "total delete"; } .br-tile.--control { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #F7F7F7; } .br-tile.--control .control-icon { display: block; position: relative; padding: 18%; } .br-tile.--control .control-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; fill: none; stroke: #CDCDCD; } .br-tile.--control .control-title { font-size: 12px; color: #000; } .br-tile.--delivery { grid-area: delivery; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; text-align: center; } .br-tile.--delivery .title { font-size: 14px; } .br-tile.--edit { grid-area: edit; border-bottom: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; } .br-tile.--delete { grid-area: delete; } .br-tile.--delete:hover svg{stroke: red} .br-tile.--edit:hover svg{stroke: var(--violet)} .br-tile.--total { grid-area: total; background-color: var(--violet); color: #fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .br-tile.--total .title { font-size: 0.7rem; } .br-tile.--total .price { font-size: 1.5rem; } .checkout .basket-item { min-height: 160px; padding: 0 0 0 5px; margin-bottom: 0.9rem; } .checkout .basket-item .b-image { -ms-flex-item-align: center; align-self: center; } .checkout .basket-item .b-body { padding-bottom: 1rem; } .checkout-warning { border-bottom: 7px solid var(--red); padding: 1rem 1rem 0 1rem; background: #F7F7F7; margin-bottom: 2rem; } .checkout-warning span { color: var(--violet); } .checkout-warning p { font-size: 0.9rem; position: relative; padding-left: 2rem; } .checkout-warning p::before { content: "!"; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; font-size: 2.4rem; } .checkout-total { background: var(--violet) url(/assets/css/../img/checkout-result.png) no-repeat center/cover; border-radius: 10px; color: #fff; padding: 2rem; } .checkout-total .ct-summ.price { font-size: 2.4rem; } .checkout-total .ct-note { color: var(--red); font-size: 0.8rem; margin-bottom: 1rem; } .checkout-total .ct-description { font-size: 14px; } .modal { border-radius: 10px; } .modal.modal-big { width: 646px; } .modal.modal-small { width: 646px; } .modal-inner{ padding: 15px; text-align: center; } .modal-title{ font-weight: 600; margin-bottom: 15px; color: var(--red); } .modal-strong{ text-transform: uppercase; font-size: 15px; line-height: 1.4; margin-bottom: 15px; font-weight: 600; } .modal-grey{ background: #f3efef; padding: 15px 15px 1px; margin-bottom: 16px; } .modal-grey p{ font-size: 13px; } .modal-caption { text-align: center; margin-bottom: 25px; } .modal-buttons{ display: flex; align-items: center; gap: 15px; } .modal-buttons #stay{ white-space: nowrap; padding: 8px 10px; border-radius: 7px; outline: none; border: none; background: #dddbdb; text-transform: uppercase; font-size: 13px; height: 37px; cursor: pointer; } .modal-caption__title { font-size: 23px; } .modal-caption__description { font-size: 13px; } .modal-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; } .modal-form__row.--custom { padding: 0 15px; } .modal-form__field { margin-bottom: 13px; } .modal-form__bottom { margin-top: 20px; text-align: center; } .modal-form__bottom .checkbox-field { margin-bottom: 13px; } .modal-form__bottom .btn { max-width: 290px; display: inline-block; } .modal-custom-cell { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .modal-custom-cell.--summ { margin-left: auto; } .modal-custom-cell__label { font-size: 16px; margin-bottom: 5px; } .hours-choice { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; } .hours-choice input { width: 44px; height: 36px; border: 1px solid #CDCDCD; border-radius: 6px; text-align: center; /*&::-webkit-outer-spin-button, &::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }*/ } .hours-choice label { font-size: 16px; } @media screen and (max-width: 480px) { .modal-form__row { display: block; } .modal-custom-cell.--summ { margin-right: auto; } .modal-custom-cell.--time { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 10px; margin-bottom: 10px; } } footer { background-color: var(--black); color: #fff; padding: 2rem 0; } .b-button{ width: fit-content; padding: 0 15px; transform: translateY(70px); } .b-columns__item.--contacts .main-contacts__item { margin-bottom: 0.5rem; } .b-columns__item .h-area_logo { margin-bottom: 0.5rem; } .b-columns { display: grid; grid-template-columns: 2fr 5fr; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .b-menues { padding: 0 15px; display: -ms-flexbox; display: flex; margin-top: 1.5rem; gap: 2rem; } .b-menu.--double ul { -webkit-columns: 2; columns: 2; } .b-menu .b-menu__title { margin-bottom: 1rem; font-weight: 600; letter-spacing: 0.05em; } .b-menu ul li { margin-bottom: 0.5rem; } .b-menu ul li a { color: #fff; font-size: 16px; padding: 0.25rem 0; display: block; } .b-menu ul li a.selected{ color: var(--red); } .b-menu:last-child { margin-left: auto; margin-right: 4rem; } .b-last { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; max-width: 1125px; } .b-last a { color: var(--red); } .consultation { background-color: #F7F7F7; padding: 3rem 0; } .consultation-form { max-width: 911px; margin: 20px auto; text-align: center; } .consultation-form__title { font-size: 1.8rem; font-weight: 900; font-family: "Futura PT"; margin-bottom: 1rem; } .consultation-form__description { font-size: 0.93rem; margin-bottom: 10px; } .consultation-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 2rem; margin: 2rem 0; } .consultation-form__center textarea{ width: 100%; border-radius: 25px; color: #000000; border: 1px solid #CDCDCD; padding: 10px 1.2rem; resize: vertical; } .consultation-form__center .checkbox-field label{ display: inline-block; } .consultation-form__center .checkbox-field{ text-align: center; } .consultation-form__center .checkbox-field label br{display: none;} .consultation-form__center { margin-bottom: 1rem; } .consultation-form__center .btn { width: auto; margin: auto; } .categiries-list { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.5rem; margin: 3rem 0; } .categiries-list .category { display: block; position: relative; overflow: hidden; padding: 40% 0; background-color: #F7F7F7; } .category-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; padding: 10px 6px; } .category-icon { position: relative; overflow: hidden; padding: 18%; } .category-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .category-name { text-align: center; color: var(--black); font-size: 0.9rem; line-height: 1; } .mobile-header { height: 72px; } .m-menu-bars { width: 22px; height: 22px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; gap: 4px; } .m-menu-bars span { width: 100%; height: 2px; display: block; background: #000; -webkit-transform-origin: 33%; transform-origin: 33%; } .m-menu-bars.is-opened span:nth-child(2) { display: none; } .m-menu-bars.is-opened span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-menu-bars.is-opened span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .m-description { font-size: 10px; } .m-logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; } .m-buttons { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; } .m-buttons .top-basket-round { width: 42px; height: 42px; } .m-phone { width: 25px; height: 25px; } .m-phone svg { stroke: var(--red); stroke-width: 1.5; fill: none; } .slicknav_menu { z-index: 99; background-color: #fff; width: 100vw; position: fixed; top: 72px; left: 0; height: calc(100vh - 72px); visibility: hidden; padding-bottom: 50px; } .slicknav_menu.fullHeight { visibility: visible; overflow-y: auto; } .slicknav_menu .categiries-list { margin-top: 20px; margin-bottom: 15px; } .slicknav_menu .categiries-list .category-name { font-size: 16px; } .slicknav_nav { background-color: #121212; color: #fff; padding: 10px 68px 25px; } .slicknav_nav li { margin-bottom: 5px; } .slicknav_nav li a { color: #fff; font-size: 20px; font-weight: 600; display: block; padding: 10px 0; } .slicknav_nav .btn{ width: fit-content; } #contactsMobileMenu { padding: 0 60px 30px; margin: 0 auto; width: -webkit-max-content; width: max-content; } #contactsMobileMenu > div { font-size: 1.4rem; margin-bottom: 10px; width: -webkit-max-content; width: max-content; } .left-categories { margin: 0; padding-left: 0; } .left-categories li { padding-left: 0; } .left-categories li::before { content: none; } .a_404__pic{ text-align: center; margin-bottom: 3rem; } .a_404__text{ text-align: center; } .a_404__link{ display: flex; align-items: center; gap: 10px; justify-content: center; } .link-arrow{ width: 39px; height: 39px; position: relative; border-radius: 50%; background: #F7F7F7; } .link-arrow svg{ position: absolute; width: 11px; height: 7px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .link-text{ font-weight: 600; } .fancybox__content{ padding: 0; max-width: 600px!important; overflow: auto; } @media screen and (max-width: 1280px) { html { font-size: 17px; } .h-area_logo { width: 137px; height: 112px; } } @media screen and (max-width: 1024px) { html { font-size: 14px; } .b-menu:last-child { margin-right: 0; } .page-width-aside aside { width: 250px; } .services { grid-template-columns: 1fr 1fr 1fr; } .banner-block__image { width: 55%; } .text-gear-area { background-color: #F9F9F9; padding-left: 10px; padding-right: 10px; background-image: none; } .checkout-result { width: 230px; } .checkout-basket { padding-right: 15px; } } @media screen and (max-width: 860px) { .hide_mobile { display: none; } .mobile-legal-button{ margin: 0 5px; } .mobile_only, .slicknav_menu { display: block; } .page-width-aside { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .page-width-aside aside { width: auto; max-width: 420px; margin: 20px auto; } .page-width-aside aside.narrow { padding-right: 0; } .page-width-aside aside.narrow .banner { text-align: center; } .mobile-categories__wrapper.accordeon { margin-bottom: 1.5rem; } .mobile-categories__wrapper.accordeon .accordeon-item__body { padding-left: 0; } header { padding: 0; } .main-slider__info { overflow: hidden; } .main-slider__info::before { -webkit-clip-path: none; clip-path: none; width: 100%; } .main-slider__inner { padding: 20px 0 100px; -ms-flex-pack: end; justify-content: flex-end; } .swiperNavButton { top: auto; -webkit-transform: none; transform: none; bottom: 15px; } .swiper-pagination { padding-left: 0; -webkit-transform: translateX(50px); transform: translateX(50px); } .add-categories { grid-template-columns: 1fr 1fr 1fr; } .about, .seo-block { display: block; } .seo-block__image { max-width: none; margin-bottom: 20px; } .advantages.type1 { grid-template-columns: 1fr 1fr; } .advantages.type2 { display: block; } .advantages.type2 .advantage { margin-bottom: 2rem; } .advantages.type1 .advantage .advantage-icon { margin-bottom: 1rem; } .categiries-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .categiries-list .category { width: 150px; height: 120px; padding: 0 0; } .consultation-form__row { display: block; max-width: 500px; margin: 15px auto; } .consultation-form__cell { margin-bottom: 10px; } .b-menu.--double ul { -webkit-columns: unset; columns: unset; } .b-menues { padding: 0; } .button-order { opacity: 1; height: 23px; padding: 0 7px; font-size: 10px; } .card-main { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-part.--viewer { -ms-flex-order: 1; order: 1; width: 49%; } .card-part.--props { -ms-flex-order: 3; order: 3; width: 100%; padding: 1rem 0; } .prop-name, .prop-value, .card-description { font-size: 16px; } .card-description { margin-bottom: 0; } .card-part.--total { -ms-flex-order: 2; order: 2; width: 49%; } .card-order-block { margin: 0 auto; } .checkout { display: block; margin-bottom: 0; } .checkout-basket { padding-right: 0; } .checkout-result { width: auto; max-width: 500px; margin: 20px auto 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .checkout-warning { -ms-flex-order: 3; order: 3; } .tiles { gap: 10px; } .cont-map { width: 100%; height: 399px; overflow: hidden; margin: 2rem auto; } .cont-map > div { width: 100%; height: 100%; position: relative; } aside + article .accordeon { padding-left: 0; } } @media screen and (max-width: 754px) { .service-card { padding: 5px 5px 15px; } .sc__title { font-size: 12px; } .sc__note, .sc_descript { font-size: 10px; } .sc__bottom { gap: 3px; } .services { grid-template-columns: 1fr 1fr; } .price { font-size: 14px; } .card-part.--viewer { width: 100%; margin-bottom: 1rem; } .card-part.--total { width: 100%; -webkit-transform: none; transform: none; margin: 20px 0; } .progress-nums { grid-template-columns: 1fr 1fr; } .strong { padding-left: 20px; padding-right: 20px; } .strong img[align=right], .strong img[align=left] { display: block; float: none; margin: 0 auto; } .banner-block { display: block; } .banner-block__text { max-width: none; } .banner-block__text img { margin: 0 auto 15px; } .banner-block__image { width: 100%; } .tiles { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; gap: 10px 0; } .tile-item { width: 49%; } .tile-item:first-child { width: 100%; } .tile-item__icon { margin-bottom: 15px; } .tile-item__text { -ms-flex-pack: distribute; justify-content: space-around; } } @media screen and (max-width: 520px) { .modal-buttons{ display: block; } .modal-buttons >*{ display: block; width: 100%; margin-bottom: 10px; } .add-categories { grid-template-columns: 1fr 1fr; } a.button-order{ display: none; } .b-columns { display: block; } .b-columns__item.--contacts { width: -webkit-max-content; width: max-content; margin: 0 auto 40px; } .b-last { -ms-flex-pack: center; justify-content: center; gap: 25px 15px; } .swiper-pagination { width: 100%; -webkit-transform: none; transform: none; left: 0; } .m-description { font-size: 8px; } .banner { text-align: center; } .prop-name { font-size: 14px; } .basket-item { position: relative; padding-bottom: 65px; } .b-image { width: 80px; height: 75px; -ms-flex-negative: 0; flex-shrink: 0; } .bb-info { min-height: 70px; } .bb-bottom { position: absolute; height: 60px; width: 100%; left: 0; bottom: 0; -ms-flex-align: center; align-items: center; justify-content: space-between; padding: 0 10px; } .price { font-size: 24px; } .bb-bottom__measure .price { font-size: 20px; } .cd-form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; gap: 10px 0; } .cd-form__cell.--big { -ms-flex-order: 3; order: 3; width: 100%; } .cd-form__cell.--small { width: 230px; margin: 0 auto; } .checkout .basket-item { -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 200px; padding-left: 0; } .checkout .basket-item .b-image { position: absolute; top: 0; left: 0; } .checkout .basket-item .b-body { -ms-flex-positive: 1; flex-grow: 1; } .checkout .basket-item .b-body .bb-info { padding-left: 80px; } .checkout .basket-item .b-right { width: 100%; } .checkout .basket-item .br-tiles { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; width: 100%; } .checkout .basket-item .bb-bottom { bottom: 45px; } .checkout .basket-item .bb-bottom .bb-bottom__measure span { font-size: 10px; } .br-tile { height: 54px; } .br-tile.--delivery { position: absolute; bottom: 48px; right: 10px; } .br-tile.--delivery .title { font-size: 10px; } .br-tile.--delivery .price { font-size: 16px; } .br-tile.--total { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-order: 1; order: 1; width: 50%; } .br-tile.--edit { -ms-flex-order: 2; order: 2; } .br-tile.--delete { -ms-flex-order: 3; order: 3; } .br-tile.--control { width: 54px; -ms-flex-positive: 1; flex-grow: 1; } .br-tile.--control .control-icon { padding: 0; width: 20px; height: 20px; } .br-tile.--control .control-title { font-size: 8px; } .tile-item__text { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tit__inner, .tile-item { width: 100%; } .tit__inner:nth-child(2) { position: relative; margin-top: 10px; padding-top: 15px; } .tit__inner:nth-child(2)::before { width: 80%; height: 1px; bottom: auto; } .card-delivery, .card_pickup{ padding: 20px 0; } .counter-field input[type=text]{ height: 60px; font-size: 20px; } .counter-field .count-btn { width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 30px; } .counter-field .count-btn.--plus { right: 7px; } .counter-field .count-btn.--minus { left: 7px; } } @media screen and (max-width: 360px) { .categiries-list { gap: 0; } .categiries-list .category { width: 50%; border: 4px solid #fff; } .checkout .basket-item .bb-bottom .price { font-size: 18px; } } /* End */ /* Start:/local/templates/galaktika/components/bitrix/form.result.new/feedback/style.css?17387506272524*/ .form-table{ background: #f9f9f9; padding: 30px; } .form-fields{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px 40px; } .dogovor-form{ max-width: 833px; margin: 0 auto 50px; } .dogovor-form__caption{ text-align: center; } .dogovor-form__caption h3{ font-size: 1.5rem; margin-bottom: 1.2rem; } .dfc__description{ background: #363b98; border-top: 12px solid #1b1e5a; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 4.4rem; display: flex; flex-direction: column; justify-content: center; } .dfc__description p{ color: #fff; font-weight: 600; font-size: 1.4rem; margin-top: 0.4rem; } .form-fields-cell input[type=text]{ border-radius: 8px; height: 43px; font-size: 16px; padding: 0 10px; } .form-fields-cell .label{ font-weight: 600; font-size: 0.9rem; margin-bottom: 10px; line-height: 1; } .form-fields-cell .inputselect { width: 100%; height: 43px; border: 1px solid #CDCDCD; border-radius: 7px; padding: 0 10px; } .form-fields-cell:first-child, .form-fields-cell:nth-child(2) { display: flex; align-items: center; gap: 10px; justify-content: space-between; } .form-fields-cell:first-child .field, .form-fields-cell:nth-child(2) .field{ flex-shrink: 0; width: 280px; } .form-bottom{ display: flex; justify-content: flex-end; } .form-bottom [name="web_form_submit"]{ background: var(--violet, #373B96); color: #fff; text-transform: uppercase; font-size: 0.85rem; font-weight: 600; padding: 0.6rem 1.7rem; border-radius: 0.4rem; letter-spacing: 0.05em; width: fit-content; border: none; height: 3rem; } .form-bottom [name="web_form_submit"]:hover{ opacity: 0.8; } .form-bottom__inner{ text-align: right; } .result-message{ text-align: center; padding: 25px; border-radius: 8px; background: #c7c9e7; color: var(--violet, #373B96); } @media screen and (max-width: 810px) { .form-fields, .form-fields-cell:first-child, .form-fields-cell:nth-child(2) { display: block; } .form-fields-cell:first-child .field, .form-fields-cell:nth-child(2) .field { width: 100%; } .form-fields-cell{ margin-bottom: 15px; } } @media screen and (max-width: 450px){ .form-table { padding: 15px; } } /* End */ /* Start:/local/templates/galaktika/template_styles.css?171348083762*/ .ymaps-2-1-79-route-panel__switch{ visibility: hidden; } /* End */ /* /assets/fonts/stylesheet.css?17130505168613 */ /* /assets/css/main.css?1768202843134726 */ /* /local/templates/galaktika/components/bitrix/form.result.new/feedback/style.css?17387506272524 */ /* /local/templates/galaktika/template_styles.css?171348083762 */