/* Start:/local/templates/clean/css/swiper-bundle.min.css?175869955018454*/ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/clean/css/fancybox.css?175869955015598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/clean/css/styles.css?177960675441573*/ :root { --color-bg: #ffffff; --color-text: #1a1a1a; --color-text-muted: #6b6b6b; --color-search-bg: #f7f7f7; --color-btn: #1a1a1a; --color-btn-hover: #333333; --font: "Inter", system-ui, -apple-system, sans-serif; --header-h: 72px; --page-pad: clamp(1.25rem, 4vw, 2.5rem); --radius-search: 12px; --radius-card: 24px; --radius-btn: 8px; --ease: cubic-bezier(0.4, 0, 0.2, 1); --transition: 0.2s var(--ease); } /* For old browsers */ @supports (not(--css: variables)) { .supports-error { display: flex !important; } } /* For IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .supports-error { display: flex !important; } } /*------------------------ Fonts ------------------------*/ @font-face { font-family: "Roboto"; font-weight: 400; font-style: normal; font-display: swap; src: url("/local/templates/clean/css/../fonts/Roboto.woff") format("woff"), url("/local/templates/clean/css/../fonts/Roboto.ttf") format("truetype"); } @font-face { font-family: "Roboto"; font-weight: 700; font-style: normal; font-display: swap; src: url("/local/templates/clean/css/../fonts/Robotobold.woff") format("woff"), url("/local/templates/clean/css/../fonts/Robotobold.ttf") format("truetype"); } @font-face { font-family: "Nunito"; font-weight: 700; font-style: normal; font-display: swap; src: url("/local/templates/clean/css/../fonts/Nunito-Bold.woff") format("woff"), url("/local/templates/clean/css/../fonts/Nunito-Bold.ttf") format("truetype"); } /*------------------ Reset styles ------------------*/ * { box-sizing: border-box; margin: 0; padding: 0; } *:before, *:after { box-sizing: border-box; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; -webkit-tap-highlight-color: transparent; text-decoration-skip: objects; text-rendering: optimizeLegibility; } img { border-style: none; } textarea { overflow: auto; } input, textarea, input:active, textarea:active, button { margin: 0; -webkit-border-radius: 0; border-radius: 0; outline: none transparent !important; box-shadow: none; -webkit-appearance: none; appearance: none; -moz-outline: none !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } input[type=number] { -moz-appearance: textfield; } :focus { outline: 0; } :hover, :active { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; } ::-ms-clear { display: none; } /*------------------- Global styles -------------------*/ :root { --font-family: "Roboto", sans-serif; --font-family2: "Nunito", sans-serif; --scroll_width: 17px; } .clear { clear: both; } .left { float: left; } .right { float: right; } html { height: 100%; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; scrollbar-width: thin; } body { color: #3D413E; font: 15px/1.4 var(--font-family); height: 100%; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; } ._lock-add { overflow: hidden; } button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; display: inline-block; cursor: pointer; vertical-align: top; border: none; background: none; } .wrap { position: relative; display: flex; overflow: clip; flex-direction: column; min-height: 100%; } .main { flex: 1 0 auto; padding-top: 78px; } .cont { position: relative; width: 100%; max-width: 1659px; margin: 0 auto; padding: 0 15px; } .lazyload { opacity: 0; transition: opacity .5s linear; } .lazyload.loaded { opacity: 1; } ._flex { display: flex; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .supports-error { position: fixed; z-index: 1000; top: 0; left: 0; font-family: "Arial", sans-serif; font-size: 20px; line-height: 30px; display: none; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; padding: 20px; text-align: center; background: #FFF; } .supports-error.show { display: flex; } /*------------ Header ------------*/ .header { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; padding: 20px 0; background: #FFFFFF; box-shadow: 0 1px 0 #f7f7f7; transition: border .2s linear; border-bottom: 1px solid transparent; } .header._fixed { position: fixed; border-color: #6DD6E1; } .header .cont { justify-content: space-between; align-items: center; align-content: center; /* max-width: 1708px; */ } .header__logo { height: 38px; } .header__logo a { text-decoration: none; } .header__logo img { display: block; max-width: 100%; max-height: 100%; } .nav-menu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .nav-menu__item + .nav-menu__item { margin-left: 69px; } .nav-menu__item { font-size: 13px; } .nav-menu__item a, .nav-menu__item button { text-decoration: none; color: #3D413E; border: 1px dashed transparent; transition: border-color .2s linear, color .2s linear; display: block; } .nav-menu__item button._active, .nav-menu__item a._active { border-bottom-color: #6DD6E1; } @media (any-hover: hover) { .nav-menu__item a:hover, .nav-menu__item button:hover { color: #6DD6E1; } } .header__box { align-items: center; align-content: center; } .header__info { margin-right: 30px; text-align: right; font-size: 13px; color: #9CA09E; } .header__user-name { font-size: 16px; line-height: normal; color: #3D413E; } .header__user-name a { text-decoration: none; color: #3D413E; transition: color .2s linear; } @media (any-hover: hover) { .header__user-name a:hover { color: #E16D6D; } } .header__link + .header__link { margin-left: 10px; } .mob-menu-link { position: relative; display: none; width: 44px; height: 36px; margin-right: -10px; margin-left: auto; padding: 9px 10px; cursor: pointer; border: none; background: none; } .mob-menu-link span { position: relative; display: block; width: 100%; height: 2px; margin: 0 auto; transition: .2s linear; background: #3D413E; } .header._fixed .mob-menu-link span { background: #1D393C; } .mob-menu-link span + span { margin-top: 6px; } .close-menu { position: fixed; z-index: 101; top: 0; right: 270px; display: none; width: 50px; height: 50px; padding: 13px; cursor: pointer; border: none; background: none; } .close-menu span { position: relative; display: block; width: 100%; height: 2px; background: #F8FBF9; } .close-menu span:nth-child(1) { top: 1px; transform: rotate(45deg); } .close-menu span:nth-child(2) { top: -1px; transform: rotate(-45deg); } .overlay { position: fixed; z-index: 100; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .65; background: #000; } /*------------ BTNS ------------*/ .wrap-btn { text-align: center; margin-top: 35px; } .btn-black { padding: 0 24px; font-size: 13px; text-align: center; color: #fff; line-height: 37px; display: inline-block; vertical-align: top; background: #313632; border-radius: 40px; transition: background .2s linear; text-decoration: none; } .btn-black._blue { background: #6DD6E1; } .btn-black._red { background: #E16D6D; } @media (any-hover: hover) { .btn-black:hover { background: #E16D6D; } .btn-black._blue:hover { background: #313632; } .btn-black._red:hover { background: #313632; } } ._marg { margin-top: 60px; } .main-wrap { max-width: 1063px; margin: 0 auto; } /*------------------ Form elements ------------------*/ ::-webkit-input-placeholder { color: #3D413E; opacity: 1; } ::-moz-placeholder { color: #3D413E; opacity: 1; } :-moz-placeholder { color: #3D413E; opacity: 1; } :-ms-input-placeholder { color: #3D413E; opacity: 1; } .cards__input::-webkit-input-placeholder { color: #9CA09E; } .cards__input::-moz-placeholder { color: #9CA09E; } .cards__input:-moz-placeholder { color: #9CA09E; } .cards__input:-ms-input-placeholder { color: #9CA09E; } .form__bot-flex { align-items: center; align-content: center; flex-wrap: nowrap; } .form__line { margin-bottom: 16px; position: relative; } .form .form__input { color: #3D413E; font: 15px var(--font-family); display: block; width: 100%; height: 48px; padding: 0 20px; border: none; border-radius: 10px; background: #F1F6F3; border: 1px solid #F1F6F3; transition: background .2s linear, border .2s linear; } .form .form__input:active { background: transparent; } .form .form__input:focus { background: transparent; border-color: #B8E4E8; } .form .error, .form .form__input.error, .form .error + .nice-select .current { color: #EBC0C0 !important; border-color: #EBC0C0 !important; background: #fff; } .form .form__input:disabled, .form .form__textarea:disabled { cursor: default; pointer-events: none; opacity: .7; } .form .error-text { position: absolute; top: -10px; left: 14px; color: #ED8F8F; font-size: 11px; background: #fff; border-radius: 4px; padding: 4px; pointer-events: none; } .form__submit { text-align: center; } .form__submit-btn { line-height: 48px; flex-shrink: 0; padding: 0 24px; min-width: 167px; } .form__agree { color: #9CA09E; font-size: 11px; line-height: normal; margin-right: 18px; } .form__agree a { color: #9CA09E; /*text-decoration: none;*/ border-bottom: 1px solid transparent; transition: color .2s linear, border .2s linear; } @media (any-hover: hover) { .form__agree a:hover { color: #6DD6E1; border-bottom-color: #6DD6E1; } } .checkbox input[type=checkbox] { display: none; } .checkbox__label { position: relative; display: block; cursor: pointer; } .checkbox__text { position: relative; color: #9CA09E; font-size: 11px; line-height: 1.2; display: block; padding-left: 25px; } .checkbox__text::before { content: ""; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; border: 1px solid #E7EDEA; border-radius: 4px; transition: background .2s linear; } input[type=checkbox]:checked + .checkbox__text::before { background: #E7EDEA; } .checkbox__text::after { content: ""; position: absolute; top: 7px; left: 5px; width: 7px; height: 6px; opacity: 0; background: url(/local/templates/clean/css/../images/ic_check.svg) 50% no-repeat; transition: opacity .2s linear; } input[type=checkbox]:checked + .checkbox__text::after { opacity: 1; } /*--------------- Page head ---------------*/ .main-title { font-size: 48px; font-family: var(--font-family2); font-weight: 700; line-height: normal; color: #313632; text-align: center; } .sub-title { text-align: center; margin: 0 auto; max-width: 480px; } .sub-title span { font-weight: 700; } /*-------------- Fancybox --------------*/ .compensate-for-scrollbar { padding-right: var(--scroll_width) !important; } .fancybox__backdrop { background: rgba(0, 0, 0, .6); } .fancybox__content { color: #282828; } .fancybox__slide { padding: 16px; } .fancybox__slide.has-video { padding-top: 60px; } .fancybox__content > .carousel__button.is-close { width: 52px; height: 52px; border-radius: 20px; background: #FEFEFE; top: 0; right: 0; color: #000; transition: color .2s linear; } @media (any-hover: hover) { .fancybox__content > .carousel__button.is-close:hover { color: #E16D6D; } } .fancybox__content > .carousel__button.is-close svg { width: 17px; height: 17px; outline: none !important; fill: none; filter: none; stroke: currentColor; stroke-width: 2px; } .has-video .fancybox__content > .carousel__button.is-close { top: -26px; right: 0; color: #FFF; } .fancybox__content :focus { outline: none !important; box-shadow: none !important; } .fancybox__button--thumbs, .fancybox__button--zoom { display: none; } .fancybox__thumbs { display: none; } .air-datepicker-global-container{ z-index: 2000; } /*------------------------ Slider controls ------------------------*/ .swiper { position: relative; margin-right: 0; margin-left: 0; } .swiper_visible { overflow: visible; } .swiper-overflow { overflow: hidden; } .swiper-wrapper { height: auto; } .swiper-vertical > .swiper-wrapper { height: 100%; } .slider-button-prev, .slider-button-next { position: absolute; z-index: 0; top: 0; z-index: 10; color: #fff; display: flex; overflow: hidden; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 40px; height: 100%; cursor: pointer; backdrop-filter: blur(12px); background: rgba(41, 41, 43, 0.1); transition: color .2s linear, background .2s linear; } @media (any-hover: hover) { .slider-button-prev:hover, .slider-button-next:hover { z-index: 11; color: #2E8B57; } } .slider-button-prev svg, .slider-button-next svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentColor; transform: rotate(-90deg); } .slider-button-prev { left: 0; } .slider-button-prev svg{ transform: rotate(90deg); } .slider-button-next { right: 0; } .slider-button-prev.swiper-button-disabled, .slider-button-next.swiper-button-disabled { cursor: default; pointer-events: none; opacity: .5; } .swiper-button-lock { display: none; } .slider-pagination { position: absolute; z-index: 9; bottom: 0; left: 0; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: nowrap; width: 100%; padding: 0; text-align: center; transition: 300ms opacity, 300ms visibility; } .slider-pagination._bot { position: relative; bottom: 0; left: 0; margin-top: 52px; } .slider-pagination._bot-abs { bottom: 30px; } .slider-pagination.swiper-pagination-lock { display: none !important; } .slider-dot { position: relative; display: block; flex-grow: 1; max-width: 37px; height: 3px; margin: 0; padding: 0; border-radius: 3px; background: rgba(5, 24, 36, .2); box-shadow: none; transition: background .2s linear, height .2s linear, width .2s linear; appearance: none; } .slider-pagination.slider-pagination__white .slider-dot { background: #FFF; } .slider-dot + .slider-dot { margin-left: 10px; } .slider-pagination-clickable .slider-dot { cursor: pointer; } @media (any-hover: hover) { .slider-dot:hover, .slider-pagination.slider-pagination__white .slider-dot:hover { background: #4DBD3C; } } .slider-dot.slider-dot_active, .slider-pagination.slider-pagination__white .slider-dot.slider-dot_active { background: #4DBD3C; } .swiper-scrollbar { display: none; transition: opacity 0s .1s linear; } .swiper-scrollbar._hide { opacity: 0; transition-delay: .3s; transition-duration: .3s; } .swiper .swiper-scrollbar { position: relative; bottom: 0; left: 0; width: 100%; height: 5px; margin-top: 10px; background: #F5F5F5; } .swiper .swiper-scrollbar-drag { background: #E5E5E5; } /*------------------------ Start ------------------------*/ .first-section { margin-top: 22px; padding-top: 86px; padding-bottom: 182px; position: relative; } .first-section__wrap { position: absolute; top: 0; right: 50%; display: block; transform: translateX(50%); width: 29.8%; /* max-width: 569px; */ background: #F1F6F3; border-radius: 40px 40px 0 0; padding: 130px 30px 23px; text-align: center; z-index: 12; min-height: 100%; display: flex; flex-direction: column; } .first-section__logo { display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; height: 68px; } .first-section__logo img { display: block; max-width: 100%; max-height: 100%; } .first-section__logo-text { margin-top: 15px; opacity: .6; } .first-section__info { margin-top: 114px; font-family: var(--font-family2); font-weight: 700; font-size: 20px; line-height: 1; } .first-section__amount { font-size: 150px; margin: 15px 0 10px; line-height: .8; } .first-section__info span { font-size: 28px; } .first-section__bot { padding-top: 102px; margin-top: auto; } .first-section__icon { display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; height: 46px; } .first-section__icon img { display: block; max-width: 100%; max-height: 100%; } .first-section__desc { max-width: 360px; margin: 25px auto 0; position: relative; padding-bottom: 64px; } .first-section__desc::after { position: absolute; content: ''; bottom: 0; left: 50%; display: block; width: 10px; height: 32px; margin-left: -5px; background: url(/local/templates/clean/css/../images/ic_arrow.svg) 50% 50% no-repeat; } .products { align-items: stretch; align-content: stretch; justify-content: space-between; } .products__box { width: calc(50% - 32px); overflow: hidden; position: relative; } .products .swiper-wrapper{ -webkit-transition-timing-function:linear!important; transition-timing-function:linear!important; } .swiper-left{ width: 56.75%; margin-left: calc((1.5% - 16px)*-1); margin-right: -9.5%; } .swiper-right{ width: 56.75%; margin-left: -6.5%; margin-right: calc((6.5% - 16px)*-1); } .products__items { /* margin-left: -32px; */ display: flex; justify-content: flex-end; align-items: stretch; align-content: stretch; flex-wrap: nowrap; /* width: 100%; */ /* width: calc(100% + 32px); */ } .products__item { width: 33.333%; /* max-width: 364px; */ padding-left: 16px; padding-right: 16px; /* aspect-ratio: 332 / 593; */ flex-shrink: 0; border-radius: 10px 10px 0 0; display: flex; flex-direction: column; height: auto; } .products__img { display: block; text-decoration: none; } .products__img img { display: block; width: 100%; aspect-ratio: 332 / 500; object-fit: cover; border-radius: 10px; } .swiper-right .products__img img { border-radius: 10px 10px 0 0; } .products__bot { justify-content: space-between; align-items: center; align-content: center; flex-wrap: nowrap; padding: 24px 20px; flex: 1 0 auto; background: #fff; } .products__name { font-size: 16px; line-height: normal; } .products__name a { color: #3D413E; text-decoration: none; transition: color .2s linear; } @media (any-hover: hover) { .products__name a:hover { color: #6DD6E1; } } .products__val { white-space: nowrap; margin-left: 15px; line-height: normal; text-align: right; } .products__old-price { font-size: 14px; color: #D0D5D1; text-decoration: line-through; } .products__price { font-size: 20px; margin-top: 4px; } /*------------ it-works ------------*/ .it-works__sub-title { margin-top: 25px; } .it-works__bg { background: #FCFFFD; padding: 70px 30px 45px; } .it-works__items { margin: 7px 0 0 -32px; } .it-works__item { width: calc(100%/3 - 32px); margin: 32px 0 0 32px; } .it-works__img { position: relative; } .it-works__img img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; } .it-works__number { position: absolute; bottom: 16px; left: 16px; text-align: center; width: 48px; height: 48px; border-radius: 50%; background: #6DD6E1; color: #fff; font-size: 24px; font-weight: 700; font-family: var(--font-family2); line-height: 48px; } .it-works__name { margin-top: 18px; font-size: 16px; } .it-works__desc { color: #9CA09E; font-size: 13px; margin-top: 3px; } /*------------ bonus ------------*/ .bonus__container { position: relative; /* overflow: hidden; */ --position: 13.9%; margin-top: 40px; } .bonus__image { width: 100%; aspect-ratio: 1629 / 600; position: relative; } .bonus__slider-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; } .bonus__image-after { clip-path: inset(0 calc(100% - var(--position)) 0 0); z-index: 1; } .bonus__slider { position: absolute; inset: 0; cursor: pointer; opacity: 0; width: 100%; height: 100%; z-index: 2; } .bonus__slider:focus-visible ~ .bonus__slider-button { outline: 5px solid black; outline-offset: 3px; } .bonus__slider-button { position: absolute; background-color: #fff; padding: 14px; border-radius: 50%; top: 50%; left: var(--position); transform: translate(-50%, -50%); pointer-events: none; z-index: 2; width: 71px; height: 71px; font-size: 12px; text-align: center; display: flex; justify-content: center; align-items: flex-end; align-content: flex-end; flex-wrap: wrap; } .bonus__slider-button::before { position: absolute; content: ''; top: 17px; left: 50%; display: block; width: 33px; height: 20px; transform: translateX(-50%); background: url(/local/templates/clean/css/../images/ic_arrows.svg) 50%/contain no-repeat; } .bonus__sub-title { margin-top: 7px; } .bonus__bg { background: #FCFFFD; border-radius: 10px; overflow: hidden; } .bonus__info { text-align: center; padding: 45px 30px; } .bonus__title { font-family: var(--font-family2); font-size: 28px; line-height: 1.2; font-weight: 700; } .bonus__desc { margin: 30px auto 0; max-width: 450px; } /*------------ advantages ------------*/ .advantages__items { margin: -7px 0 0 -32px; align-items: stretch; align-content: stretch; } .advantages__item { width: calc(100%/3 - 32px); margin: 32px 0 0 32px; background: #FCFFFD; padding: 30px 30px 38px; } .advantages__icon { height: 62px; display: flex; justify-content: flex-start; align-items: flex-end; align-content: flex-end; flex-wrap: wrap; } .advantages__icon img { display: block; max-height: 100%; max-width: 100%; } .advantages__name { font-size: 16px; margin-top: 24px; } .advantages__desc { color: #9CA09E; font-size: 13px; margin-top: 11px; line-height: 1.6; } /*------------ integration ------------*/ .integration__sub-title { margin-top: 22px; } .integration__bg { background: #FCFFFD; border-radius: 10px; padding: 40px 30px 50px; } .integration__icon { height: 81px; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .integration__icon img { display: block; max-width: 100%; max-height: 100%; } .integration__info { margin: 22px auto 0; max-width: 752px; border: 1px solid #6DD6E1; border-radius: 10px; text-align: center; font-size: 15px; padding: 16.5px 70px; } .integration__info a { text-decoration: none; color: #3D413E; transition: color .2s linear; text-decoration: underline; } @media (any-hover: hover) { .integration__info a:hover { color: #6DD6E1; } } /*------------ cards ------------*/ .cards { margin-top: 70px; } .cards__items { align-items: stretch; align-content: stretch; margin: 15px 0 0 -27px; } .cards__item { width: calc(100%/4 - 27px); margin: 27px 0 0 27px; background: #F1F6F3; border-radius: 40px 40px 0 0; padding: 73px 30px 45px; text-align: center; transition: box-shadow .2s linear; display: flex; flex-direction: column; } .cards__item._gray { background: #E5EDE9; } .cards__top { height: 163px; display: flex; flex-direction: column; justify-content: flex-end; } .cards__val { font-size: 125px; color: #313632; font-family: var(--font-family2); font-weight: 700; line-height: 0.9; transition: color .2s linear; } .cards__name { font-size: 28px; color: #313632; font-family: var(--font-family2); font-weight: 700; line-height: 1; transition: color .2s linear; } .cards__label { font-size: 13px; line-height: normal; color: #9CA09E; transition: color .2s linear; } .cards__line-input { border-radius: 20px; overflow: hidden; margin: 8px auto 20px; } .cards__input { color: #313632; font: 700 48px var(--font-family2); display: block; width: 100%; max-width: 268px; height: 80px; padding: 0 25px; text-align: center; border: none; background: #FCFFFD; } .cards__bot { margin-top: 55px; flex: 1 0 auto; display: flex; flex-direction: column; } .cards__desc { max-width: 270px; margin: 0 auto; flex: 1 0 auto; } .cards__link { margin-top: 35px; } @media (any-hover: hover) { .cards__item:hover { box-shadow: 0px 117px 70px 0px rgba(131, 145, 136, 0.05), 0px 52px 52px 0px rgba(131, 145, 136, 0.09), 0px 13px 29px 0px rgba(131, 145, 136, 0.1); } .cards__item:hover .cards__name, .cards__item:hover .cards__val, .cards__item:hover .cards__label { color: #6DD6E1; } } /*------------ commit ------------*/ /*------------ footer ------------*/ .footer { padding: 45px 0; font-size: 13px; } .footer .cont { justify-content: space-between; max-width: 1805px; align-items: center; } .footer__copy { opacity: .5; } .footer__policy a { text-decoration: underline; color: rgba(61, 65, 62, .5); transition: color .2s linear; } @media (any-hover: hover) { .footer__policy a:hover { color: #6DD6E1; } } /*------------ Modal ------------*/ .modal { position: relative; z-index: 3; display: none; visibility: visible !important; width: 540px; max-width: 100%; padding: 25px 44px 25px; border-radius: 10px; background: #fff; } .modal._big { width: 600px; padding: 32px 38px; } .modal__form { margin-top: 20px; } .modal__bot { text-align: center; margin-top: 40px; } .modal__btn { font-size: 13px; transition: color .2s linear; border-bottom: 1px dashed #6DD6E1; } @media (any-hover: hover) { .modal__btn:hover { color: #6DD6E1; } } .modal__logo { height: 52px; } .modal__logo img { display: block; max-width: 100%; max-height: 100%; } .modal__box { font-family: "Arial", sans-serif; border-top: 1px solid #F1F6F3; border-bottom: 1px solid #F1F6F3; padding: 40px 0; margin-top: 30px; } .modal__title { font-size: 48px; font-weight: 700; line-height: 1; color: #313632; text-transform: uppercase; } .modal__sub-title { font-size: 22px; line-height: 1.27; margin-top: 10px; } .modal__cod { display: inline-block; background: #F8FBF9; padding: 0 24px; margin-top: 26px; font-size: 60px; line-height: 78px; color: #6DD6E1; font-weight: 700; } .modal__desc { margin-top: 36px; color: #9CA09E; } .modal__copy { margin-top: 21px; font-size: 13px; opacity: .5; } @media (max-width: 1659px) { .first-section__wrap { padding-top: 120px; width: 35%; } .first-section__info { margin-top: 100px; } .first-section__amount { font-size: 140px; } .swiper-left{ margin-left: -10px; width: 43.75%; margin-right: 0; } .swiper-right{ margin-right: -10px; width: 43.75%; margin-left: 0; } .products__item { padding-left: 10px; padding-right: 10px; } .first-section__logo { height: 56px; } .products__item { width: 50%; } } @media (max-width: 1599px) { .main-title { font-size: 46px; } .first-section { padding-top: 0px; padding-bottom: 150px; } .first-section__wrap { padding-top: 80px; } .first-section__amount { font-size: 120px; } .first-section__info { margin-top: 70px; } .first-section__logo { height: 52px; } .first-section__bot { padding-top: 80px; } .cards__top { height: 152px; } .cards__val { font-size: 120px; } .cards__name { font-size: 26px; } } @media (max-width: 1499px) { .main-title { font-size: 44px; } .first-section { padding-bottom: 130px; } .first-section__amount { font-size: 110px; } .first-section__wrap { padding-top: 70px; } .first-section__info { font-size: 18px; margin-top: 60px; } .first-section__info span { font-size: 26px; } .first-section__bot { padding-top: 60px; } .products__price { font-size: 18px; } .advantages__items { margin: -7px 0 0 -20px; } .advantages__item { width: calc(100% / 3 - 20px); margin: 20px 0 0 20px; } .it-works__items { margin-left: -20px; } .it-works__item { width: calc(100% / 3 - 20px); margin: 20px 0 0 20px; } .cards__items { margin-left: -20px; } .cards__item { width: calc(100% / 4 - 20px); margin: 20px 0 0 20px; } .cards__top { height: 140px; } .cards__val { font-size: 100px; } .cards__name { font-size: 20px; } .cards__input { height: 70px; font-size: 42px; } .cards__bot { margin-top: 40px; } .cards__link { margin-top: 25px; } } @media (max-width: 1399px) { .main-title { font-size: 42px; } .nav-menu__item + .nav-menu__item { margin-left: 50px; } .products__bot { padding: 15px; } .first-section__wrap { padding-top: 50px; /* width: 32%; */ padding-left: 25px; padding-right: 25px; } .first-section__logo { height: 48px; } .first-section__info { margin-top: 60px; font-size: 16px; } .first-section__info span { font-size: 24px; } .first-section__amount { font-size: 96px; } .products__name { font-size: 15px; } .products__old-price { font-size: 13px; } .products__price { font-size: 17px; } .cards__item { padding: 55px 20px 40px; } .cards__top { height: 130px; } /*.cards__val { font-size: 100px; }*/ .cards__name { font-size: 18px; } .cards__line-input { border-radius: 10px; } .cards__input { height: 60px; font-size: 38px; } } @media (max-width: 1299px) { body { font-size: 14px; } .main-title { font-size: 40px; } .wrap-btn { margin-top: 30px; } .first-section__logo { height: 44px; } .first-section__logo-text { margin-top: 10px; } .first-section__info { font-size: 15px; } .first-section__info span { font-size: 22px; } .first-section__desc { padding-bottom: 50px; } .products__name { font-size: 15px; } .products__price { font-size: 16px; } .it-works__bg { padding-top: 45px; } .bonus__title { font-size: 26px; } .bonus__desc { margin-top: 20px; } .cards__top { height: 110px; } .cards__val { font-size: 90px; } .cards__name { font-size: 16px; } .cards__input { height: 50px; font-size: 36px; } } .policy h2{ margin:1em 0; } .policy .point > p:not(._nomarg){ margin-top:1em; } .policy .subpoint{ margin-top:1em; margin-left:2em; } .policy .subpoint p._marg{ margin-top:1em; } .policy table { margin-top:1em; margin-bottom:1em; border-collapse: collapse; } .policy table td{ border:1px solid; } .policy table p{ padding: 0.5em 1em; } .policy blockquote{ display: flex; flex-direction: column; margin:0.5em; margin-left:2em; padding:0.5em; border-left:2px solid; } .policy .subpoint_ul{ margin-left: 2em; flex-direction: column; display: flex; gap: 0.5em; } .policy .header_between{ display: flex; justify-content: space-between; flex-wrap: wrap; gap:1em; margin: 2em 0; font-weight: 600; } .policy ul{ list-style: none; margin: 1em; display: flex; flex-direction: column; gap:0.5em; } .footer__policy{ display: flex; flex-direction: column; gap: 0.25em; } .cookie_message{ z-index: 99999; position: fixed; bottom: 1em; display: flex; align-items: center; justify-content: center; width: 600px; max-width: 100%; background: #fff; left: 0; right: 0; margin: auto; padding: 1em 2em; border-radius: 5px; box-shadow: 0px 1px 5px #6dd6e1; } .cookie_message a{ color: #3D413E; transition: color .2s linear; text-decoration: underline; } @media(max-width:767px){ .cookie_message{ max-width: 90%; } .policy_table{ max-width: 100%; overflow-x:scroll; } .form__bot-flex{ flex-wrap: wrap; justify-content: center; gap:1em; } .form__bot-flex .checkbox__text{ padding: 0; } } .icon { width: 22px; height: 22px; flex-shrink: 0; } .icon--chevron { width: 12px; height: 12px; } .icon--photo { width: 20px; height: 20px; } .icon--hourglass { width: 14px; height: 14px; } .header { display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 40px; } .logo { font-size: 1.375rem; font-weight: 700; letter-spacing: -0.02em; text-transform: lowercase; } .nav--desktop { display: none; align-items: center; gap: 1.5rem; } .nav-link { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.9375rem; font-weight: 500; color: var(--color-text); transition: opacity var(--transition); } .nav-link:hover { opacity: 0.7; } .nav-link--dropdown { cursor: pointer; } .icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; transition: background var(--transition); } .icon-btn:hover { background: var(--color-search-bg); } .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.625rem 1.125rem; border-radius: var(--radius-btn); font-size: 0.9375rem; font-weight: 600; transition: background var(--transition), transform 0.15s; } .btn:active { transform: scale(0.98); } .btn--dark { background: var(--color-btn); color: #fff; } .btn--dark:hover { background: var(--color-btn-hover); } .header-actions--mobile { display: flex; align-items: center; gap: 0.25rem; } .header-actions--mobile .btn--dark { padding: 0.5rem 0.875rem; font-size: 0.875rem; } .menu-btn { display: flex; flex-direction: column; justify-content: center; gap: 6px; width: 40px; height: 40px; } .menu-btn__line { display: block; width: 20px; height: 2px; margin-inline: auto; background: currentColor; border-radius: 1px; } .hero { display: flex; flex-direction: column; gap: 2rem; padding: 1.5rem 40px 3rem; max-width: 1400px; margin-inline: auto; } .hero__content { display: flex; flex-direction: column; gap: 1.5rem; } .hero__title { margin: 0; font-size: clamp(1.75rem, 5vw, 2.75rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; text-align: center; } .search__inner { display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem; background: var(--color-search-bg); border-radius: var(--radius-search); transition: box-shadow var(--transition); } .search__inner:focus-within { box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.08); } .search__type { display: flex; align-items: center; gap: 0.375rem; flex-shrink: 0; padding: 0.5rem 0.75rem; background: #fff; border-radius: 8px; font-size: 0.9375rem; font-weight: 500; transition: background var(--transition); } .search__type:hover { background: #fafafa; } .search__input { flex: 1; min-width: 0; padding: 0.625rem 0.25rem; border: none; background: transparent; font-size: 0.9375rem; outline: none; } .search__input::placeholder { color: var(--color-text-muted); } .search__submit { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 8px; color: var(--color-text-muted); transition: color var(--transition), background var(--transition); } .search__submit:hover { color: var(--color-text); background: rgba(0, 0, 0, 0.04); } .hero__cards { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-inline: calc(-1 * 40px); padding-inline: 40px; padding-bottom: 0.5rem; } .hero__cards::-webkit-scrollbar { display: none; } .card { position: relative; flex: 0 0 min(78vw, 280px); scroll-snap-align: start; border-radius: var(--radius-card); overflow: hidden; aspect-ratio: 3 / 4.2; transition: transform var(--transition), box-shadow var(--transition); } .card:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15); } .card__img { width: 100%; height: 100%; object-fit: cover; } .card__overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.25rem; background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.55) 100%); color: #fff; } .card__badge { display: inline-flex; align-items: center; gap: 0.35rem; margin: 0 0 0.5rem; font-size: 0.8125rem; font-weight: 500; opacity: 0.9; } .card__title { margin: 0 0 0.5rem; font-size: 1.125rem; font-weight: 700; line-height: 1.25; } .card__link { font-size: 0.9375rem; font-weight: 500; opacity: 0.95; transition: opacity var(--transition); } .card__link:hover { opacity: 1; text-decoration: underline; } @media (min-width: 900px) { .nav--desktop { display: flex; } .header-actions--mobile { display: none; } .hero { flex-direction: row; align-items: flex-start; gap: clamp(2rem, 4vw, 3.5rem); padding-top: 2.5rem; padding-bottom: 4rem; } .hero__content { flex: 1 1 40%; min-width: 0; gap: 2rem; padding-top: 0.5rem; } .hero__title { text-align: left; font-size: clamp(2rem, 3.2vw, 2.875rem); } .hero__cards { flex: 1 1 48%; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; overflow: visible; margin-inline: 0; padding-inline: 0; align-self: stretch; } .card { flex: unset; aspect-ratio: auto; height: 100%; } } @media (min-width: 1200px) { .card { } } /* End */ /* Start:/local/css/styles.css?17796121182698*/ :root { --color-1: #6366f1; --color-1-hover: #4338ca; --color-2: #06b6d4; --color-2-hover: #0891b2; --text-color: #312e81; --status-btn-bg: #f8fafc; --status-btn-bg-hover: #f1f5f9; } .flex { display: flex; } .gap-2 { gap: .5rem; } .items-center { align-items: center; } .rounded { border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(156 163 175/var(--tw-border-opacity,1)); padding: .75rem; cursor: pointer; background-color: transparent; background-image: none; } .container { margin: 10rem auto; max-width: 500px; border-radius: 1rem; padding: 2rem; } .form-input { width: 100%; border: 1px solid #ddd; border-radius: .5rem; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .1); padding: 1rem; box-sizing: border-box; color: var(--text-color); transition: ease-in-out .3s all; } .form-input::placeholder { color: #cbd5e1; } .form-input:focus { outline: none; border-color: var(--color-1); } .btn:focus-within, .form-input:focus-within { box-shadow: #f8fafc 0px 0px 0px 2px, #c7d2fe 0px 0px 0px 6px, #0000 0px 1px 2px 0px; } textarea.form-input { min-height: 150px; } .btn { border: 0; background: var(--color-1); padding: 1rem; border-radius: 25px; color: white; cursor: pointer; } .btn[disabled] { opacity: .5; pointer-events: none; } .btn:hover { background: var(--color-1-hover); transition: ease-in-out .3s all; } .btn-submit { background-color: var(--color-2); } .btn-submit:hover { background-color: var(--color-2-hover); } .pagination { margin-top: 1rem; display: flex; align-items: center; justify-content: center; } .pagination .btn { width: 100%; text-align: center; margin: 0 6px; } .tab-status { display: flex; align-items: center; } .tab-status span { appearance: none; background: var(--status-btn-bg); border: none; border-radius: 50%; width: 2rem; height: 2rem; margin-right: .5rem; display: flex; align-items: center; justify-content: center; } .tab-status span.active { background-color: var(--color-2); color: white; } .hidden { display: none; } .tabpanel { padding: 20px 0; } .input_block { margin: 5px 0 25px 0; } #js-data-country, #js-data-region, .select2-container { width: 100% !important; } #dates { padding-left: 8px; background-color: #fff; border: 0px solid #aaa; border-radius: 4px; width: 100%; height: 38px; font-size: 16px; } .block_title { margin-bottom: 20px; font-size: 18px; color: #000; font-weight: bold; } /* End */ /* Start:/local/css/form.css?178033144110881*/ /* CleanCard — trip form */ :root { --teal: #1fb5a8; --teal-dark: #179a8f; --teal-light: #e6f7f5; --blue-tint: #eef6fb; --bg-page: #f4f6f8; --white: #ffffff; --text-dark: #2d3436; --text-muted: #95a5a6; --text-label: #b2bec3; --border: #e8ecef; --logout: #f08080; --logout-hover: #e86b6b; --shadow-card: 0 8px 40px rgba(45, 52, 54, 0.08); --radius-lg: 24px; --radius-md: 14px; --radius-sm: 10px; --font: "Inter", system-ui, -apple-system, sans-serif; } *, *::before, *::after { box-sizing: border-box; } /* Page & card */ .page { display: flex; justify-content: center; padding: 40px 24px 64px; } .card { width: 100%; max-width: 640px; background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); padding: 36px 44px 32px; position: relative; overflow: hidden; } /* Stepper */ .stepper { display: flex; justify-content: center; margin-bottom: 36px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .stepper::-webkit-scrollbar { display: none; } .stepper__list { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; } .stepper__item { position: relative; display: flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 14px; border-radius: 999px; border: 2px solid var(--border); background: var(--white); color: var(--text-muted); white-space: nowrap; } .stepper__item + .stepper__item { margin-left: 12px; } .stepper__item--active { background: var(--teal); border-color: var(--teal); color: var(--white); } .stepper__label { font-size: 13px; font-weight: 600; line-height: 1; } /* Card body */ .card__body { display: flex; justify-content: center; } .form-section { width: 100%; max-width: 520px; } .form-section__header { text-align: center; } .form-section__title { margin: 0 0 10px; font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; color: var(--text-dark); } .form-section__subtitle { margin: 0 auto 32px; font-size: 14px; line-height: 1.5; color: var(--text-muted); max-width: 420px; } /* Form fields */ .trip-form { display: flex; flex-direction: column; gap: 22px; } .field { display: flex; gap: 14px; align-items: flex-start; } .field__icon { flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--blue-tint); border-radius: var(--radius-sm); color: var(--teal); } .field__icon svg { width: 22px; height: 22px; } .field__content { flex: 1; min-width: 0; } .field__label { display: block; margin-bottom: 6px; font-size: 12px; color: var(--text-label); font-weight: 500; } .field__hint { margin: 6px 0 0; font-size: 12px; color: var(--teal); font-weight: 500; } .field__content .field__checkbox { margin-top: 10px; } .field__content .field__checkbox .checkbox__text { font-size: 14px; line-height: 1.35; color: var(--text-dark); padding-left: 28px; } .field__content .field__checkbox .checkbox__text::before { top: 1px; width: 18px; height: 18px; border-color: var(--border); border-radius: 5px; } .field__content .field__checkbox input[type="checkbox"]:checked + .checkbox__text::before { background: var(--teal); border-color: var(--teal); } .field__content .field__checkbox .checkbox__text::after { top: 4px; left: 5px; width: 6px; height: 11px; background: none; border: none; opacity: 0; transform: rotate(45deg); transition: opacity 0.2s linear; } .field__content .field__checkbox input[type="checkbox"]:checked + .checkbox__text::after { opacity: 1; border-right: 2.5px solid #fff; border-bottom: 2.5px solid #fff; } /* Select */ .select-wrap { position: relative; } .select { width: 100%; appearance: none; padding: 12px 40px 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--white); font-family: inherit; font-size: 15px; font-weight: 500; color: var(--text-dark); cursor: pointer; } .select-wrap__chevron { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: var(--text-muted); pointer-events: none; } /* Tags input */ .tags-input { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 46px; padding: 6px 12px 6px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--white); cursor: pointer; } .tags-input__tags { display: flex; flex-wrap: wrap; gap: 8px; } .tag { display: inline-flex; align-items: center; gap: 4px; padding: 5px 8px 5px 12px; background: var(--teal-light); color: var(--teal-dark); border-radius: 999px; font-size: 13px; font-weight: 500; } .tag__remove { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; border: none; background: transparent; color: var(--teal); font-size: 16px; line-height: 1; cursor: pointer; border-radius: 50%; } .tag__remove:hover { background: rgba(31, 181, 168, 0.15); } .tags-input__chevron { flex-shrink: 0; width: 20px; height: 20px; color: var(--text-muted); } /* Date */ .date-wrap { display: flex; align-items: center; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; } .input { width: 100%; padding: 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); font-family: inherit; font-size: 15px; font-weight: 500; color: var(--text-dark); background: var(--white); } .input--plain { flex: 1; border: none; border-radius: 0; } .input:focus { outline: 2px solid var(--teal); outline-offset: 0; } .date-wrap__btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: none; border-left: 1px solid var(--border); background: var(--white); color: var(--teal); cursor: pointer; } .date-wrap__btn svg { width: 20px; height: 20px; } /* Days stepper */ .stepper-input { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; } .stepper-input__btn { width: 44px; height: 44px; border: none; background: var(--white); color: var(--text-muted); font-size: 20px; font-weight: 400; cursor: pointer; transition: background 0.15s, color 0.15s; } .stepper-input__btn:hover { background: var(--teal-light); color: var(--teal); } .stepper-input__btn:first-child { border-right: 1px solid var(--border); } .stepper-input__btn:last-child { border-left: 1px solid var(--border); } .stepper-input__value { width: 56px; height: 44px; border: none; text-align: center; font-family: inherit; font-size: 16px; font-weight: 600; color: var(--text-dark); background: var(--white); -moz-appearance: textfield; } .stepper-input__value::-webkit-outer-spin-button, .stepper-input__value::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Location confirm (step 2) */ .location-confirm__title { margin: 0 0 10px; font-size: 18px; font-weight: 700; color: var(--text-dark); line-height: 1.3; } .location-confirm__text, .location-confirm__question { margin: 0 0 8px; font-size: 14px; line-height: 1.5; color: var(--text-muted); } .location-confirm__place { margin: 0 0 16px; font-size: 20px; line-height: 1.35; color: var(--text-dark); } .location-confirm__city { font-weight: 700; } .location-confirm__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; } .location-confirm__actions.is-confirmed .location-confirm__btn--no { display: none; } .location-confirm__btn { padding: 12px 20px; border-radius: 999px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s; } .location-confirm__btn--yes { border: none; background: var(--teal); color: var(--white); } .location-confirm__btn--yes:hover { background: var(--teal-dark); } .location-confirm__btn--no { border: 2px solid var(--border); background: var(--white); color: var(--text-dark); } .location-confirm__btn--no:hover:not(:disabled) { border-color: var(--teal); color: var(--teal); } .location-confirm__btn:disabled { opacity: 0.5; cursor: not-allowed; } .location-confirm__reject { margin: 14px 0 0; padding: 12px 14px; border-radius: var(--radius-sm); background: var(--teal-light); font-size: 13px; line-height: 1.45; color: var(--text-dark); } .location-confirm__reject.hidden, .hidden { display: none; } /* Footer */ .card__footer { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 28px; padding-top: 8px; } .btn-back, .btn-next { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; border-radius: 999px; font-family: inherit; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s, opacity 0.2s; } .btn-back { border: 2px solid var(--border); background: var(--white); color: var(--text-muted); } .btn-back:hover:not(:disabled) { border-color: var(--teal); color: var(--teal); background: var(--teal-light); } .btn-back:disabled { opacity: 0.45; cursor: not-allowed; } .btn-next { border: none; background: var(--teal); color: var(--white); box-shadow: 0 4px 16px rgba(31, 181, 168, 0.35); } .btn-next:hover { background: var(--teal-dark); transform: translateY(-1px); } /* Responsive */ @media (max-width: 900px) { .header { padding: 16px 24px; } } @media (max-width: 520px) { .card { padding: 24px 20px 20px; } .stepper__list { justify-content: flex-start; padding: 0 4px; } .stepper__item + .stepper__item { margin-left: 8px; } .stepper__label { font-size: 12px; } .form-section__title { font-size: 22px; } } /* End */ /* Start:/local/css/select2.css?177961200119319*/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { width: 100%; appearance: none; padding: 12px 40px 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--white); font-family: inherit; font-size: 15px; font-weight: 500; color: var(--text-dark); cursor: pointer; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; display: none; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: 3px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { width: 100%; appearance: none; padding: 12px 40px 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--white); font-family: inherit; font-size: 15px; font-weight: 500; color: var(--text-dark); cursor: text; } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--teal-light); color: var(--teal-dark); border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } body .select2-selection{ padding-bottom: 10px; padding-top: 7px; font-size: 18px; } /* End */ /* Start:/local/css/datepicker.material.css?17796058304567*/ .datepicker { display: inline-block; -webkit-tap-highlight-color: rgba(0,0,0,0); } .datepicker table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .datepicker table th, .datepicker table td { width: calc(100% / 7); padding: 0; } .datepicker table th { color: #90CAF9; text-transform: uppercase; font-size: 0.5rem; line-height: 4; font-weight: bold; text-align: center; } .datepicker__wrapper { color: #333; border-radius: 0.125rem; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0.5rem; position: relative; z-index: 1; background: white; border: 1px solid #2196F3; width: 100%; min-width: 300px; } .datepicker__wrapper::after { content: ''; display: table; clear: both; } .datepicker:not(.is-inline) .datepicker__wrapper { box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2); margin: 0.25rem 0; } .datepicker__header { position: relative; text-align: center; background: #2196F3; padding: 0.25rem; margin: -0.5rem -0.5rem 0; } .datepicker__title { display: inline-block; padding: 0.25rem; font-size: 0.875rem; line-height: 1.5rem; font-weight: bold; color: white; } .datepicker__prev, .datepicker__next { display: block; cursor: pointer; position: relative; outline: none; width: 2rem; height: 2rem; border-radius: 50%; background: no-repeat center / 60%; font-size: 0; } .datepicker__prev:hover, .datepicker__next:hover { background-color: #1E88E5; } .datepicker__prev { float: left; background-image: url('data:image/svg+xml,'); } .datepicker__next { float: right; background-image: url('data:image/svg+xml,'); } .datepicker__prev.is-disabled, .datepicker__next.is-disabled { pointer-events: none; cursor: default; opacity: 0.4; } .datepicker__time { padding: 0.5rem 1rem; margin: 0 -0.5rem; font-size: 0.75rem; text-align: right; background: #E3F2FD; border-bottom: 1px solid #BBDEFB; } .datepicker__label { margin-right: 1rem; color: rgba(0,0,0,0.4); float: left; } .datepicker__field { display: inline-block; margin: 0 0.125rem; color: #333; width: 2ch; } .datepicker__field span { display: block; width: 100%; } .datepicker__day { color: #333; } .datepicker__day div { cursor: pointer; display: block; box-sizing: border-box; border: 0; margin: 0; background: transparent; position: relative; border-radius: 50%; } .datepicker__day div::after { content: ''; display: block; border-radius: 50%; padding-top: 100%; position: relative; background: inherit; z-index: 1; } .datepicker__day div:hover, .datepicker__day.is-highlighted div { background: #E3F2FD; } .datepicker__day.is-today { color: #2196F3; } .datepicker__day.is-today div::after { box-shadow: inset 0 0 0 1px currentColor; } .datepicker__day.is-today.is-disabled.is-selected div::after, .datepicker__day.is-today.is-otherMonth.is-selected div::after { box-shadow: none; } .datepicker__day.is-selected div { background: #2196F3; } .datepicker__day.is-selected:hover div::after { background: #1E88E5; } .datepicker__day.is-selected .datepicker__daynum { font-weight: bold; color: white; } .datepicker__day.is-selected + .is-selected div::before, .datepicker__day.is-highlighted + .is-highlighted div::before { content: ''; position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background: inherit; z-index: 0; } .datepicker__day.is-disabled, .datepicker__day.is-otherMonth { cursor: default; pointer-events: none; color: #BBDEFB; } .datepicker__day.is-disabled.is-selected .datepicker__daynum, .datepicker__day.is-otherMonth.is-selected .datepicker__daynum { color: rgba(0,0,0,0.2); } .datepicker__day.is-disabled.is-selected div, .datepicker__day.is-otherMonth.is-selected div, .datepicker__day.is-disabled.is-selected + .is-selected div::before, .datepicker__day.is-otherMonth.is-selected + .is-selected div::before { background: #E3F2FD; } .datepicker__daynum { position: absolute; top: 50%; left: 0; width: 100%; font-size: 0.75rem; line-height: 1rem; margin-top: -0.5rem; text-align: center; z-index: 2; } /* End */ /* Start:/local/components/mwi/auth/templates/.default/style.css?1764851790355*/ .hidden { display: none; } .alert { text-align: center; margin: 10px; color: red; } .form .form__agree .error-text { top: -20px; } .form__bot-flex.form_bot_column{ flex-direction: column; align-items: start; gap: 1em; } .form__bot-flex.form_bot_column button{ align-self: center; margin-top:1em; } /* End */ /* /local/templates/clean/css/swiper-bundle.min.css?175869955018454 */ /* /local/templates/clean/css/fancybox.css?175869955015598 */ /* /local/templates/clean/css/styles.css?177960675441573 */ /* /local/css/styles.css?17796121182698 */ /* /local/css/form.css?178033144110881 */ /* /local/css/select2.css?177961200119319 */ /* /local/css/datepicker.material.css?17796058304567 */ /* /local/components/mwi/auth/templates/.default/style.css?1764851790355 */