/* Start:/local/templates/site/css/libs.css?172901898433506*/ /** * Swiper 9.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 16, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-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,swiper-container: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: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,:host(.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;-ms-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,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .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/site/css/style.css?1729847032285637*/ .h1 { font-size: 55px; color: #ffffff; font-weight: bold; line-height: 117%; } @media screen and (max-width: 991px) { .h1 { font-size: 41px; line-height: 120%; } } @media screen and (max-width: 375px) { .h1 { font-size: 35px; } } .h1 span { color: var(--main-color); display: contents; } .h1--black { color: #1e232f; } .h1--with-calc-icon { position: relative; font-size: 55px; } .h1--with-calc-icon:before { content: ""; position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 44C15.514 44 11.272 44 8.636 41.07C6 38.144 6 33.428 6 24C6 14.572 6 9.858 8.636 6.928C11.272 4 15.516 4 24 4C32.486 4 36.728 4 39.364 6.928C42 9.86 42 14.572 42 24C42 33.428 42 38.142 39.364 41.07C36.728 44 32.484 44 24 44ZM30 12H18C17.07 12 16.606 12 16.224 12.102C15.7157 12.2384 15.2523 12.5061 14.8802 12.8782C14.5081 13.2503 14.2404 13.7137 14.104 14.222C14 14.608 14 15.072 14 16C14 16.928 14 17.394 14.102 17.776C14.2384 18.2843 14.5061 18.7477 14.8782 19.1198C15.2503 19.4919 15.7137 19.7596 16.222 19.896C16.608 20 17.072 20 18 20H30C30.93 20 31.394 20 31.776 19.898C32.2843 19.7616 32.7477 19.4939 33.1198 19.1218C33.4919 18.7497 33.7596 18.2863 33.896 17.778C34 17.392 34 16.928 34 16C34 15.072 34 14.606 33.898 14.224C33.7616 13.7157 33.4939 13.2523 33.1218 12.8802C32.7497 12.5081 32.2863 12.2404 31.778 12.104C31.394 12 30.928 12 30 12ZM18 26C18 26.5304 17.7893 27.0391 17.4142 27.4142C17.0391 27.7893 16.5304 28 16 28C15.4696 28 14.9609 27.7893 14.5858 27.4142C14.2107 27.0391 14 26.5304 14 26C14 25.4696 14.2107 24.9609 14.5858 24.5858C14.9609 24.2107 15.4696 24 16 24C16.5304 24 17.0391 24.2107 17.4142 24.5858C17.7893 24.9609 18 25.4696 18 26ZM24 28C24.5304 28 25.0391 27.7893 25.4142 27.4142C25.7893 27.0391 26 26.5304 26 26C26 25.4696 25.7893 24.9609 25.4142 24.5858C25.0391 24.2107 24.5304 24 24 24C23.4696 24 22.9609 24.2107 22.5858 24.5858C22.2107 24.9609 22 25.4696 22 26C22 26.5304 22.2107 27.0391 22.5858 27.4142C22.9609 27.7893 23.4696 28 24 28ZM34 26C34 26.5304 33.7893 27.0391 33.4142 27.4142C33.0391 27.7893 32.5304 28 32 28C31.4696 28 30.9609 27.7893 30.5858 27.4142C30.2107 27.0391 30 26.5304 30 26C30 25.4696 30.2107 24.9609 30.5858 24.5858C30.9609 24.2107 31.4696 24 32 24C32.5304 24 33.0391 24.2107 33.4142 24.5858C33.7893 24.9609 34 25.4696 34 26ZM32 36C32.5304 36 33.0391 35.7893 33.4142 35.4142C33.7893 35.0391 34 34.5304 34 34C34 33.4696 33.7893 32.9609 33.4142 32.5858C33.0391 32.2107 32.5304 32 32 32C31.4696 32 30.9609 32.2107 30.5858 32.5858C30.2107 32.9609 30 33.4696 30 34C30 34.5304 30.2107 35.0391 30.5858 35.4142C30.9609 35.7893 31.4696 36 32 36ZM26 34C26 34.5304 25.7893 35.0391 25.4142 35.4142C25.0391 35.7893 24.5304 36 24 36C23.4696 36 22.9609 35.7893 22.5858 35.4142C22.2107 35.0391 22 34.5304 22 34C22 33.4696 22.2107 32.9609 22.5858 32.5858C22.9609 32.2107 23.4696 32 24 32C24.5304 32 25.0391 32.2107 25.4142 32.5858C25.7893 32.9609 26 33.4696 26 34ZM16 36C16.5304 36 17.0391 35.7893 17.4142 35.4142C17.7893 35.0391 18 34.5304 18 34C18 33.4696 17.7893 32.9609 17.4142 32.5858C17.0391 32.2107 16.5304 32 16 32C15.4696 32 14.9609 32.2107 14.5858 32.5858C14.2107 32.9609 14 33.4696 14 34C14 34.5304 14.2107 35.0391 14.5858 35.4142C14.9609 35.7893 15.4696 36 16 36Z' fill='%23D71F3B'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 48px; height: 48px; display: inline-block; top: 4px; left: -6px; margin-right: 18px; background-size: contain; } @media screen and (max-width: 767px) { .h1--with-calc-icon:before { width: 25px; height: 25px; left: -2px; margin-right: 7px; top: 2px; } } @media screen and (max-width: 375px) { .h1--with-calc-icon:before { width: 20px; height: 20px; margin-right: 0; } } @media screen and (max-width: 767px) { .h1--with-calc-icon { font-size: 28px; } } @media screen and (max-width: 375px) { .h1--with-calc-icon { font-size: 20px; } } .h2 { font-size: 55px; color: #242833; font-weight: bold; line-height: 117%; } @media screen and (max-width: 767px) { .h2 { font-size: 28px; line-height: 120%; } } @media screen and (max-width: 375px) { .h2 { font-size: 20px; } } .h2 span { color: var(--main-color); } .h2--small { font-size: 42px; } @media screen and (max-width: 767px) { .h2--small { font-size: 28px; } } @media screen and (max-width: 375px) { .h2--small { font-size: 20px; } } @media screen and (max-width: 767px) { .h2--center-mob { text-align: center; } } .h2--white { color: #ffffff; } @media screen and (max-width: 767px) { .h2--col { display: grid; } } .h2--strait { max-width: 780px; } @media screen and (max-width: 767px) { .h2--with-arrows { padding-right: 140px; min-height: 66px; } } @media screen and (max-width: 375px) { .h2--with-arrows { padding-right: 100px; } } .h3 { font-size: 38px; color: #ffffff; font-weight: bold; line-height: 117%; letter-spacing: 1px; } @media screen and (max-width: 767px) { .h3 { font-size: 28px; line-height: 120%; letter-spacing: normal; } } @media screen and (max-width: 375px) { .h3 { font-size: 20px; } } @media screen and (max-width: 767px) { .h3--center-mob { text-align: center; } } .h3--small { letter-spacing: normal; font-size: 32px; font-weight: 500; } @media screen and (max-width: 767px) { .h3--small { font-size: 24px; } } @media screen and (max-width: 375px) { .h3--small { font-size: 20px; } } .h3--black { color: #1e232f; } .h4 { font-size: 24px; color: #ffffff; font-weight: 500; line-height: 117%; } @media screen and (max-width: 767px) { .h4 { letter-spacing: normal; } } @media screen and (max-width: 375px) { .h4 { font-size: 20px; } } @font-face { font-family: "Roboto"; src: url("../fonts/xGj4cdVXlfrB.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/xRcGxBBfY9gG.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/3Gke41D9akcC.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/wSOB5r3n6SAb.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @layer reset { header *:not(svg):not(svg *):not(strong):not(em):not(b), main *:not(svg):not(svg *):not(strong):not(em):not(b), footer *:not(svg):not(svg *):not(strong):not(em):not(b), .custom-modal *:not(svg):not(svg *):not(strong):not(em):not(b) { all: unset; display: revert; list-style: none; } } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; color: unset; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } button { background-color: transparent; font-family: inherit; font-size: inherit; cursor: pointer; } img { display: block; width: auto; max-width: 100%; overflow: clip; overflow-clip-margin: content-box; } .hidden { display: none !important; } body { min-height: 100vh; position: relative; font-style: normal; height: 100%; font-family: "Roboto", "Open Sans", sans-serif; color: #242833; font-size: 18px; font-weight: 400; text-underline-position: under; } html { height: auto; -webkit-text-size-adjust: none; } html.disable-scrolling { overflow: hidden; margin-right: calc(-1 * (100vw - 100%)); } html, body { min-height: 100vh; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; position: relative; scroll-padding-top: 40px; } @media screen and (max-width: 767px) { html, body { scroll-padding-top: 20px; } } .main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media screen and (max-width: 991px) { .main { padding-top: 46px; } } @media screen and (max-width: 767px) { .main { padding-top: 46px; } } @media screen and (max-width: 375px) { .main { padding-top: 46px; } } .container { position: relative; margin: 0 auto; width: 100%; padding: 0 15px; max-width: 1190px; } @media screen and (max-width: 767px) { .container--strait-mobile { padding: 0 20px; } } .heading + .section { margin-top: 0; margin-bottom: 70px; } @media screen and (max-width: 767px) { .heading + .section { margin-bottom: 35px; } } .section { margin: 32px 0; } @media screen and (max-width: 767px) { .section { margin: 20px 0; } } .section--no-overflow { overflow: hidden; } .section--black { background-color: #1e232f; border-radius: 60px; color: #ffffff; overflow: hidden; background-blend-mode: color-burn; background-size: cover; background-repeat: no-repeat; padding-top: 30px; padding-bottom: 30px; } @media screen and (max-width: 1300px) { .section--black { border-radius: 21px; } } @media screen and (max-width: 767px) { .section--black { padding-top: 39px; padding-bottom: 25px; background-image: none; background-blend-mode: normal; } } .section--shadow-ellipse { position: relative; } .section--shadow-ellipse:before { content: ""; bottom: -338px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); background-color: #7882a1; position: absolute; width: 633px; height: 764px; border-radius: 50%; -webkit-filter: blur(480px); filter: blur(480px); pointer-events: none; } @media screen and (max-width: 991px) { .section--shadow-ellipse:before { display: none; } } .section--shadow-round { position: relative; } .section--shadow-round:before { content: ""; bottom: -290px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); background-color: #7882a1; position: absolute; width: 633px; height: 654px; border-radius: 50%; -webkit-filter: blur(480px); filter: blur(480px); pointer-events: none; } @media screen and (max-width: 991px) { .section--shadow-round:before { display: none; } } @media screen and (max-width: 767px) { .section--strait-mobile { margin-left: 15px; margin-right: 15px; } } .section--relative { position: relative; } .mobile { display: none !important; } @media screen and (max-width: 991px) { .mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .mb-30 { margin-bottom: 30px; } @media screen and (max-width: 767px) { .mb-30 { margin-bottom: 25px; } } .breadcrumbs { display: block; } .breadcrumbs__item { position: relative; margin: 0 5px 10px 0; color: #1e232f; text-decoration: none; font-weight: 400; font-size: 12px; line-height: 120%; } .breadcrumbs__item a { color: #1e232f; } .breadcrumbs__item::after { content: "/"; position: relative; color: #1e232f; margin-left: 7px; } .breadcrumbs__item:last-child { margin-right: 0; } .breadcrumbs__item:last-child::after { display: none; } .heading { margin-top: 38px; margin-bottom: 39px; } @media screen and (max-width: 767px) { .heading { margin: 15px 0; } } .inputholder { width: 100%; position: relative; } .inputholder--rating { margin-top: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 13px; } .inputholder--rating p { font-size: 16px; line-height: 120%; } .inputholder__input, .inputholder__textarea { font-family: inherit; font-weight: 300; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; color: #1e232f; text-align: left; font-size: 16px; border-radius: 7px; background-color: #ffffff; width: 100%; padding: 24px 24px 25px; } .inputholder__input::-webkit-input-placeholder, .inputholder__textarea::-webkit-input-placeholder { color: #242833; font-size: 16px; text-align: center; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input::-moz-placeholder, .inputholder__textarea::-moz-placeholder { color: #242833; font-size: 16px; text-align: center; -moz-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input:-ms-input-placeholder, .inputholder__textarea:-ms-input-placeholder { color: #242833; font-size: 16px; text-align: center; -ms-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input::-ms-input-placeholder, .inputholder__textarea::-ms-input-placeholder { color: #242833; font-size: 16px; text-align: center; -ms-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input::placeholder, .inputholder__textarea::placeholder { color: #242833; font-size: 16px; text-align: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input.error, .inputholder__textarea.error { border-color: var(--main-color); } .inputholder__input.error::-webkit-input-placeholder, .inputholder__textarea.error::-webkit-input-placeholder { color: var(--main-color); } .inputholder__input.error::-moz-placeholder, .inputholder__textarea.error::-moz-placeholder { color: var(--main-color); } .inputholder__input.error:-ms-input-placeholder, .inputholder__textarea.error:-ms-input-placeholder { color: var(--main-color); } .inputholder__input.error::-ms-input-placeholder, .inputholder__textarea.error::-ms-input-placeholder { color: var(--main-color); } .inputholder__input.error::placeholder, .inputholder__textarea.error::placeholder { color: var(--main-color); } .inputholder__textarea { overflow-wrap: break-word; min-height: 163px; display: block; } .inputholder__textarea::-webkit-scrollbar { width: 6px; background-color: transparent; border-radius: 24px; } .inputholder__textarea::-webkit-scrollbar-thumb { background-color: var(--main-color); border-radius: 24px; } .inputholder__textarea::-webkit-scrollbar-track { border-radius: 24px; } .error { border-color: #da1b1b; } .form-thanks { position: absolute; pointer-events: none; opacity: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; height: 100%; color: #ffffff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .policy { font-size: 13px !important; line-height: 120%; } @media (any-hover: hover) { .policy a:hover { text-decoration: underline; } } .fields--big .inputholder__input, .fields--big .inputholder__textarea { padding: 29px 24px 29px 24px; } @media screen and (max-width: 767px) { .fields--big .inputholder__input, .fields--big .inputholder__textarea { padding: 25px 24px 25px 24px; } } .fileupload { margin: 35px 0 25px; padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 16px; line-height: 120%; border-top: 1px solid #eceded; border-bottom: 1px solid #eceded; } @media screen and (max-width: 767px) { .fileupload { margin: 20px 0 0; padding-top: 10px; padding-bottom: 10px; font-size: 14px; } } .fileupload__button { cursor: pointer; } .fileupload__input { display: none; } .fileupload__title { padding-bottom: 41px; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; background-position-y: bottom; background-position-x: center; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.1425 3.90127C14.7202 3.30887 15.4097 2.83706 16.1712 2.51322C16.9326 2.18938 17.7507 2.01996 18.5781 2.01477C19.4055 2.00959 20.2257 2.16875 20.9912 2.48302C21.7566 2.79729 22.452 3.26042 23.037 3.84554C23.6221 4.43066 24.0851 5.12613 24.3993 5.89159C24.7134 6.65706 24.8725 7.47728 24.8672 8.30469C24.8619 9.1321 24.6923 9.95022 24.3684 10.7116C24.0444 11.473 23.5725 12.1624 22.98 12.74L13.2588 22.4625C12.9116 22.8154 12.4981 23.0961 12.0419 23.2884C11.5858 23.4807 11.096 23.5808 10.601 23.5828C10.106 23.5849 9.61547 23.489 9.15772 23.3005C8.69997 23.112 8.28406 22.8348 7.93398 22.4848C7.5839 22.1348 7.30658 21.719 7.11802 21.2613C6.92946 20.8036 6.83339 20.3131 6.83535 19.818C6.8373 19.323 6.93725 18.8333 7.12943 18.3771C7.3216 17.9209 7.6022 17.5072 7.95503 17.16L17.6775 7.43752L19.445 9.20502L9.72253 18.9275C9.60314 19.0428 9.50792 19.1808 9.4424 19.3333C9.37689 19.4858 9.34241 19.6498 9.34097 19.8158C9.33953 19.9817 9.37115 20.1463 9.434 20.3C9.49686 20.4536 9.58967 20.5932 9.70704 20.7105C9.8244 20.8279 9.96397 20.9207 10.1176 20.9836C10.2712 21.0464 10.4358 21.078 10.6018 21.0766C10.7678 21.0751 10.9318 21.0407 11.0843 20.9752C11.2368 20.9096 11.3747 20.8144 11.49 20.695L21.2138 10.9725C21.562 10.6243 21.8383 10.2108 22.0267 9.75583C22.2152 9.30082 22.3122 8.81315 22.3122 8.32065C22.3122 7.82815 22.2152 7.34047 22.0267 6.88546C21.8383 6.43046 21.562 6.01702 21.2138 5.66877C20.8655 5.32052 20.4521 5.04428 19.9971 4.85581C19.5421 4.66734 19.0544 4.57033 18.5619 4.57033C18.0694 4.57033 17.5817 4.66734 17.1267 4.85581C16.6717 5.04428 16.2583 5.32052 15.91 5.66877L6.18753 15.3925C5.04904 16.5713 4.41908 18.1501 4.43332 19.7888C4.44756 21.4275 5.10486 22.9951 6.26367 24.1539C7.42247 25.3127 8.99004 25.97 10.6288 25.9842C12.2675 25.9985 13.8463 25.3685 15.025 24.23L25.6325 13.6238L27.4 15.3925L16.7938 25.9988C15.1528 27.6398 12.927 28.5617 10.6063 28.5617C8.28552 28.5617 6.05981 27.6398 4.41878 25.9988C2.77775 24.3577 1.85583 22.132 1.85583 19.8113C1.85583 17.4905 2.77775 15.2648 4.41878 13.6238L14.1425 3.90127Z' fill='%231E232F'/%3e%3c/svg%3e "); } .fileupload__item { position: relative; margin-top: 10px; } .fileupload__item-imageholder { aspect-ratio: 1/1; border-radius: 7px; overflow: hidden; opacity: 0.4; } .fileupload__item-imageholder img { height: 100%; -o-object-fit: cover; object-fit: cover; } .fileupload__item-title, .fileupload__item-size { font-size: 14px; } .fileupload__item-delete { position: absolute; top: 0; right: 0; width: 32px; height: 32px; cursor: pointer; } .fileupload__item-delete:before, .fileupload__item-delete:after { position: absolute; content: ""; top: 50%; left: 50%; width: 80%; height: 2px; background-color: var(--main-color); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .fileupload__item-delete:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .fileupload__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 10px; } @media screen and (max-width: 767px) { .fileupload__list { grid-template-columns: repeat(3, 1fr); } } .button { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; font-size: 16px; padding: 24px 29px 27px 29px; border-radius: 8px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; gap: 12px; line-height: 120%; } @media (any-hover: hover) { .button:hover { opacity: 0.7; } } .button[disabled] { pointer-events: none; } .button--white { color: #1e232f; background-color: #ffffff; } .button--red { color: #ffffff; background-color: var(--main-color); } .button--red svg { fill: #ffffff; } .button--small { background-color: #ffffff; padding: 15px 26px 17px 26px; } .button--bold { font-weight: 500; } .button svg { margin-top: 5px; } .logo { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 14px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .logo__link { font-size: 28px; padding: 25px 16px 9px 16px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; display: flex; height: fit-content; line-height: 120%; font-weight: bold; background-color: var(--bg-logo-color); color: var(--brand-text-color); /* Настраиваем цвет текста для бренда */ text-decoration: none; /* Убираем подчеркивание, если нужно */ } @media screen and (max-width: 375px) { .logo__link { background-size: calc(100% - 10px); background-position-x: 5px; background-position-y: calc(100% - 10px); } } .logo__description { color: #ffffff; font-size: 12px; max-width: 124px; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; line-height: 120%; } @media screen and (max-width: 991px) { .logo__description { max-width: 170px; } } .nav { width: 100%; } @media screen and (max-width: 991px) { .nav { overflow: auto; width: 100%; margin-bottom: 29px; height: 350px; } } .nav__item { padding-top: 17px; padding-bottom: 7px; } @media screen and (max-width: 991px) { .nav__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } } .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media screen and (max-width: 991px) { .nav__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 21px; } } .nav__list--submenu { position: absolute; display: grid; top: calc(100% + 1px); background-color: #1e232f; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; left: -15px; width: -webkit-max-content; width: -moz-max-content; width: max-content; overflow-y: auto; max-height: calc(100vh - 213px); opacity: 0; pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 991px) { .nav__list--submenu { position: static; background-color: transparent; opacity: 1; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 15px; margin-left: 20px; padding-right: 5px; overflow: hidden; max-height: inherit; } } .nav__list--submenu::-webkit-scrollbar { width: 7px; background-color: transparent; border-radius: 8px; } .nav__list--submenu::-webkit-scrollbar-thumb { background-color: #1e232f; border-radius: 8px; } .nav__list--submenu::-webkit-scrollbar-track { border-radius: 8px; } .nav__list--submenu .nav__item { padding: 15px; } @media screen and (max-width: 991px) { .nav__list--submenu .nav__item { padding: 0; } } @media screen and (max-width: 991px) { .nav__list--submenu .nav__item:first-child { padding-top: 15px; } } @media screen and (max-width: 991px) { .nav__list--submenu .nav__link { font-size: 16px; } } .nav__list--opened { opacity: 1; pointer-events: all; max-height: inherit; } .nav__arrow { -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; cursor: pointer; background-image: url("../images/Vl9x0g243w7j.svg"); background-size: 10px 10px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; width: 10px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; background-repeat: no-repeat; background-position: bottom; margin-top: 11px; } .nav__arrow--opened { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .nav__item--parent { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } @media screen and (max-width: 991px) { .nav__item--parent { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .nav__item--parent:before { position: absolute; bottom: -10px; left: 0; width: 100%; height: 20px; content: ""; } @media screen and (max-width: 991px) { .nav__item--parent:before { display: none; } } @media (any-hover: hover) { .nav__item--parent:hover > .nav__list--submenu { opacity: 1; pointer-events: all; } .nav__item--parent:hover > .nav__arrow { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } } @media (any-hover: hover) { .nav__item--parent > .nav__link:hover { border-color: transparent; } } .nav__link { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; line-height: 120%; font-size: 22px; border-bottom: 1px solid transparent; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (any-hover: hover) { .nav__link:hover { border-color: #ffffff; } } @media screen and (max-width: 991px) { .nav__link { border: none; } } .header { width: 100%; z-index: 5; background-color: #1e232f; border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843); } @media screen and (max-width: 991px) { .header { position: fixed; } } .header__hookup { display: flex; gap: 15px; align-items: center; height: fit-content; padding-top: 15px; margin-left: auto; width: 400px; } @media screen and (max-width: 767px) { .header__hookup { padding-top: 20px; margin-left: 0; padding-left: 0; /* Убираем левый отступ */ width: 100%; /* Занимаем всю ширину */ justify-content: center; /* Центрируем содержимое */ flex-direction: column; /* Стакаем элементы вертикально */ align-items: center; /* Центрируем по горизонтали */ } /* Если нужно центрировать телефон */ .header__hookup .header__phone { text-align: center; width: 100%; } .header__hookup .button { display: none; } } .header__top { padding-bottom: 17px; border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843); } @media screen and (max-width: 991px) { .header__top { padding-bottom: 15px; } } .header__top .container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 60px; } @media screen and (max-width: 1200px) { .header__top .container { gap: 20px; } } .header__top .header__geo { width: 150px; position: relative; } @media screen and (max-width: 1200px) { .header__top .header__geo { width: 110px; } } @media screen and (max-width: 991px) { .header__top .header__geo { width: auto; } } @media screen and (max-width: 1024px) { .header__top .header__address { max-width: 150px; } } @media screen and (max-width: 991px) { .header__top .header__address { display: none; } } .header__top .header__contacts { gap: 35px; padding-top: 4px; } @media screen and (max-width: 1200px) { .header__top .header__contacts { gap: 20px; } } @media screen and (max-width: 991px) { .header__top .header__contacts { padding-top: 20px; } } @media screen and (max-width: 767px) { .header__top .header__contacts { padding-top: 3px; padding-left: 4px; display: none; } } @media screen and (max-width: 767px) { .header .logo { position: absolute; left: 10px; top: 0; } } @media screen and (max-width: 767px) { .header .header__top .container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 106px; padding-right: 81px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; } } @media screen and (max-width: 375px) { .header .header__top .container { padding-left: 90px; padding-right: 70px; } } @media screen and (max-width: 767px) { .header .header__top .header__geo { /*width: 170px;*/ } } @media screen and (max-width: 767px) { .header .header__top .header__geo svg { width: 14px; height: 14px; } } @media screen and (max-width: 767px) { .header .header__top .select__active { font-size: 11px; } } @media screen and (max-width: 375px) { .header .header__top .header__phone { font-size: 16px; } } .header__address { gap: 14px; display: grid; } @media screen and (max-width: 991px) { .header__address { gap: 16px; margin-bottom: 28px; margin-top: 18px; margin-left: -2px; } } .header__phone { color: #ffffff; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; border-bottom: 1px solid transparent; font-size: 19px; line-height: 120%; font-weight: 500; } @media (any-hover: hover) { .header__phone:hover { border-color: #ffffff; } } .header__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .header__info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media screen and (max-width: 767px) { .header__info { gap: 4px; } } .header__info svg { fill: var(--main-color); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__info p { font-size: 14px; color: #ffffff; line-height: 120%; } .header__info--small { gap: 7px; margin-left: 2px; } .header__info--small p { font-size: 12px; } .header__geo { position: relative; } .header__geo svg { fill: #ffffff; -ms-flex-item-align: start; align-self: flex-start; } @media screen and (max-width: 991px) { .header__nav .container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 991px) { .header .logo__link { font-size: 20px; padding: 16px 11px 7px 11px; } } @media screen and (max-width: 375px) { .header .logo__link { padding: 16px 8px 7px 8px; } } @media screen and (max-width: 767px) { .header .logo__description { display: none; } } .burger { display: none; cursor: pointer; width: 46px; height: 41px; border-radius: 6px; background-color: #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; margin-top: 7px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 991px) { .burger { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .burger { top: 7px; margin: 0; right: 15px; position: absolute; } } @media screen and (max-width: 375px) { .burger { width: 35px; height: 35px; } } .burger__icon, .burger__close { position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .burger__close { opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; pointer-events: none; } .burger--open { background-color: #ffffff; } .burger--open .burger__icon { opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; pointer-events: none; } .burger--open .burger__close { opacity: 1; } .menu { z-index: 1; } @media screen and (max-width: 991px) { .menu { -webkit-backdrop-filter: blur(210px); backdrop-filter: blur(210px); background-color: rgba(30, 35, 47, 0.84); position: absolute; top: -65px; margin-top: 65px; z-index: -1; opacity: 0; pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; width: 375px; padding: 26px 63px; height: 100vh; height: calc(var(--vh, 1vh) * 100); right: 0; } } @media screen and (max-width: 767px) { .menu { width: 100%; top: -63px; margin-top: 63px; } } @media screen and (max-width: 375px) { .menu { padding: 26px 40px; top: -58px; margin-top: 58px; } } .menu__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 991px) { .menu__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .menu--vis { opacity: 1; pointer-events: all; } .menu--vis .nav__list--submenu { pointer-events: all; } @media screen and (max-width: 991px) { .menu .header__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding-top: 0; } } @media screen and (max-width: 991px) { .menu .header__geo { margin-left: -2px; } } @media screen and (max-width: 991px) { .menu .button { margin-top: 16px; max-width: 180px; } } .swiper-slide__image { aspect-ratio: 279/342; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; overflow: hidden; } @media screen and (max-width: 767px) { .swiper-slide__image { position: relative; } } .swiper-slide__image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .swiper-slide__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 19px; } @media screen and (max-width: 767px) { .swiper-slide__text { text-align: center; } } .swiper-slide__text p { color: #7882a1; font-size: 20px; font-weight: 500; line-height: 120%; } .swiper-slide__name { color: #7882a1; font-weight: 500; text-align: center; line-height: 116%; min-height: 42px; } .swiper__title { margin: 11px 0; font-size: 20px; font-weight: 500; line-height: 120%; display: -webkit-box; display: -ms-flexbox; /* display: flex; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 767px) { .swiper__title { display: block; margin-top: 20px; margin-bottom: 7px; text-align: center; } } .swiper__description { color: #a6b0d6; font-weight: 300; margin-bottom: 14px; line-height: 120%; } @media screen and (max-width: 767px) { .swiper__description { margin-bottom: 28px; text-align: center; } } .swiper__experience { padding: 4px 9px 7px 42px; color: #a6b0d6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 300; border-radius: 7px; border: 1px solid #a6b0d6; font-size: 14px; background-image: url("../images/experience.svg"); background-repeat: no-repeat; background-position: 6px 7px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; line-height: 120%; position: absolute; bottom: 0; left: 0; } @media screen and (max-width: 767px) { .swiper__experience { bottom: 13px; left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); background-color: white; } } .swiper__experience span { font-weight: 400; font-size: 18px; } @media screen and (max-width: 575px) { .swiper--services { margin: 0 -15px; padding: 0 15px; } } .swiper--services .swiper-slide { background-color: #1e232f; border-radius: 7px; padding: 24px 37px 25px 37px; height: auto; gap: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 575px) { .swiper--services .swiper-slide { width: 229px; margin-right: 4px; } } @media screen and (max-width: 575px) { .swiper--services .swiper-slide:last-child { margin-right: 0; } } .swiper--services .swiper-slide__image { border-radius: 0; aspect-ratio: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 185px; } .swiper--services .swiper-slide__image img { width: auto; height: auto; -o-object-fit: contain; object-fit: contain; } .swiper--quiz { background-color: rgba(30, 35, 47, 0.05); border-radius: 12px; padding-top: 111px; height: 100%; } @media screen and (max-width: 767px) { .swiper--quiz { padding-top: 69px; padding-bottom: 103px; } } .swiper--quiz:before { content: ""; width: 100%; height: 1px; background-color: rgba(30, 35, 47, 0.12); top: 111px; left: 0; position: absolute; } @media screen and (max-width: 767px) { .swiper--quiz:before { display: none; } } .swiper--quiz .swiper-button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-transform: none; -ms-transform: none; transform: none; border-radius: 0; font-weight: 500; } @media screen and (max-width: 767px) { .swiper--quiz .swiper-button { font-size: 20px; } } .swiper--quiz .swiper-button:not(.button) { color: rgba(30, 35, 47, 0.4); } .swiper--quiz .swiper-button.button { padding: 23px 46px 26px 46px; border-radius: 8px; } @media screen and (max-width: 767px) { .swiper--quiz .swiper-button.button { padding: 27px 54px 30px 54px; } } @media screen and (max-width: 375px) { .swiper--quiz .swiper-button.button { padding: 27px 40px 30px 40px; } } .swiper--quiz .swiper-button-disabled { opacity: 0; } @media screen and (max-width: 767px) { .swiper--result { background-color: transparent; border-radius: 0; padding-bottom: 0; padding-top: 38px; } } @media screen and (max-width: 375px) { .swiper--result { padding-top: 55px; } } .swiper-lazy-preloader { border-color: var(--main-color); } .swiper-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 141px; left: -30px; width: calc(100% + 60px); pointer-events: none; z-index: 1; } @media screen and (max-width: 1250px) { .swiper-buttons { left: -8px; width: calc(100% + 16px); } } .swiper-buttons--black .swiper-button { background-color: #1e232f; border: 1px solid #ffffff; } .swiper-buttons--black .swiper-button__icon { fill: #ffffff; } @media (any-hover: hover) { .swiper-buttons--black .swiper-button:not(.swiper-button-disabled):hover { background-color: var(--main-color); } } .swiper-buttons--white .swiper-button { background-color: #ffffff; } .swiper-buttons--white .swiper-button__icon { fill: #1e232f; } @media (any-hover: hover) { .swiper-buttons--white .swiper-button:not(.swiper-button-disabled):hover { background-color: var(--main-color); } } .swiper-buttons--quiz { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; right: 60px; bottom: 55px; -webkit-transform: none; -ms-transform: none; transform: none; left: auto; top: auto; gap: 39px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .swiper-buttons--quiz { bottom: 35px; right: auto; left: 32px; width: calc(100% - 73px); } } @media screen and (max-width: 375px) { .swiper-buttons--quiz { width: auto; gap: 25px; } } .swiper-buttons--quiz:has(.button.swiper-button-disabled) { opacity: 0; pointer-events: none; } .swiper-button { display: -webkit-box; display: -ms-flexbox; display: flex; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; pointer-events: all; width: 60px; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 375px) { .swiper-button { width: 43px; height: 43px; } } @media screen and (max-width: 375px) { .swiper-button svg { width: 25px; height: 25px; } } .swiper-button--next { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .swiper-button-disabled { opacity: 0.2; pointer-events: none; } .swiper-button-lock { opacity: 0; } .swiper-button:not(.swiper-button-disabled) { cursor: pointer; } .swiper-pagination-custom { top: 45px; left: 60px; bottom: auto; text-align: left; font-size: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 767px) { .swiper-pagination-custom { top: 27px; left: 32px; } } a.swiper-slide__image, a.swiper-slide { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (any-hover: hover) { a.swiper-slide__image:hover, a.swiper-slide:hover { opacity: 0.7; } } .repairing { margin-top: 40px; display: grid; gap: 17px 19px; grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 1200px) { .repairing { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 767px) { .repairing { grid-template-columns: repeat(2, 1fr); gap: 11px 12px; margin-top: 25px; } } .repairing__item { border-radius: 22px; overflow: hidden; min-height: 263px; background-color: #1e232f; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } @media screen and (max-width: 767px) { .repairing__item { min-height: 200px; } } @media screen and (max-width: 575px) { .repairing__item { border-radius: 13px; min-height: 159px; } } @media (any-hover: hover) { .repairing__item:hover:before { opacity: 0; } } .repairing__item p { padding: 30px 30px 15px; font-size: 18px; color: #ffffff; line-height: 115%; position: relative; } @media screen and (max-width: 575px) { .repairing__item p { padding: 18px 18px 15px; font-size: 14px; } } .repairing__item:before { content: ""; position: absolute; width: 199px; height: 199px; background-color: #7882a1; border-radius: 50%; top: -38px; right: 0; -webkit-filter: blur(130px); filter: blur(130px); pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 575px) { .repairing__item:before { width: 120px; height: 120px; top: -23px; right: 0; -webkit-filter: blur(72px); filter: blur(72px); } } .repairing__img { -ms-flex-item-align: end; align-self: flex-end; } @media screen and (max-width: 575px) { .repairing__img { height: 100px; } } .table-box { margin-top: 49px; margin-bottom: 14px; } @media screen and (max-width: 767px) { .table-box { margin-top: 20px; margin-bottom: 18px; } } .table-box__row { padding-top: 26px; padding-bottom: 31px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } @media screen and (max-width: 767px) { .table-box__row { padding-top: 15px; padding-bottom: 17px; gap: 30px; } } @media screen and (max-width: 375px) { .table-box__row { gap: 20px; } } .table-box__row:before { content: ""; top: 0; left: -2000px; background-color: rgba(255, 255, 255, 0.1019607843); position: absolute; width: 6000px; height: 1px; pointer-events: none; } @media screen and (max-width: 767px) { .table-box__row:before { left: -15px; width: calc(100% + 30px); height: 1px; } } .table-box__row:last-child:after { content: ""; bottom: 0; left: -2000px; background-color: rgba(255, 255, 255, 0.1019607843); position: absolute; width: 6000px; height: 1px; pointer-events: none; } @media screen and (max-width: 767px) { .table-box__row:last-child:after { left: -15px; width: calc(100% + 30px); height: 1px; } } @media screen and (max-width: 767px) { .table-box__row:first-child:before { display: none; } } .table-box__row p { line-height: 120%; } .table-box__row p:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .table-box--dark-lines .table-box__row:before { background-color: rgba(30, 35, 47, 0.1607843137); } .table-box__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 23px; } @media screen and (max-width: 767px) { .table-box__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .table-box__bottom p { color: #7580ae; font-weight: 300; max-width: 593px; line-height: 120%; } .table-box__bottom .button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .table-box__bottom--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table-box__bottom--center .button { padding: 24px 59px 27px 59px; } @media screen and (max-width: 767px) { .table-box__bottom--center .button { padding: 24px 32px 27px 32px; } } @media screen and (max-width: 767px) { .table-box__bottom--center .button svg { display: none; } } .table-box--center { margin-bottom: 44px; } @media screen and (max-width: 767px) { .table-box--center { margin-bottom: 11px; } } .table-box--center .table-box__row { display: grid; grid-template-columns: repeat(2, 1fr); padding: 0; gap: 0; } .table-box--center .table-box__row p { padding: 26px 63px 31px; } @media screen and (max-width: 767px) { .table-box--center .table-box__row p { padding-top: 15px; padding-bottom: 17px; padding-right: 0; padding-left: 0; } } .table-box--center .table-box__row p:first-child { text-align: right; border-right: 1px solid rgba(255, 255, 255, 0.1019607843); } @media screen and (max-width: 767px) { .table-box--center .table-box__row p:first-child { text-align: left; border-right: none; } } @media screen and (max-width: 767px) { .table-box--center .table-box__row p:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (max-width: 767px) { .table-box--center .table-box__row:last-child:after { display: none; } } @media screen and (max-width: 767px) { .table-box--center .table-box__row:nth-child(2):before { display: none; } } @media screen and (max-width: 767px) { .table-box--center .table-box__head { display: none; } } .table-box--cut .table-box__row:nth-child(5) ~ .table-box__row { display: none; } .table-box--full-content .table-box__row:nth-child(5) ~ .table-box__row { display: grid; } .breakings { display: grid; gap: 7px 8px; grid-template-columns: repeat(4, 1fr); margin-top: 39px; } @media screen and (max-width: 991px) { .breakings { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 767px) { .breakings { margin-top: 11px; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .breakings { grid-template-columns: none; } } .breakings__item { background-color: #1e232f; border-radius: 22px; color: #ffffff; position: relative; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; padding: 25px 30px 21px 30px; min-height: 108px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (any-hover: hover) { .breakings__item:hover { opacity: 0.7; } } .breakings__item p { background-repeat: no-repeat; background-position: top left; line-height: 120%; } .models { position: relative; } @media screen and (max-width: 991px) { .models { margin-top: 29px; padding-bottom: 97px; } } .models__title { margin-top: 29px; margin-bottom: 19px; font-size: 20px; font-weight: 500; line-height: 120%; } @media screen and (max-width: 991px) { .models__title { display: none; } } .models .swiper-buttons { top: auto; bottom: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 8px; left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } @media screen and (max-width: 991px) { .models .swiper-button-disabled { opacity: 0.2; } } .list { display: grid; grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 991px) { .list { grid-template-columns: repeat(2, 1fr); } } .list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list__title { font-size: 22px; font-weight: 500; line-height: 120%; } .list__description { line-height: 120%; } .list__icon { width: 100px; height: 95px; border-radius: 12px; background-color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; background-position: center; background-repeat: no-repeat; } .list--icon-small { margin-top: 55px; gap: 58px 20px; } @media screen and (max-width: 767px) { .list--icon-small { margin-top: 36px; gap: 40px 20px; } } @media screen and (max-width: 575px) { .list--icon-small { grid-template-columns: none; } } .list--icon-small .list__item { gap: 20px; } @media screen and (max-width: 575px) { .list--icon-small .list__item { gap: 26px; } } .list--icon-small .list__title { background-repeat: no-repeat; padding-left: 42px; padding-bottom: 10px; padding-top: 10px; margin: -10px 0; background-position-y: 10px; } .list--icon-big { gap: 54px 50px; margin-top: 61px; } @media screen and (max-width: 767px) { .list--icon-big { margin-top: 37px; grid-template-columns: none; } } .list--icon-big .list__item { gap: 25px; max-width: 321px; } @media screen and (max-width: 767px) { .list--icon-big .list__item { max-width: inherit; } } .list--icon-big .list__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .list--icon-big .list__title p { padding-top: 3px; } .link { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 13px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 120%; color: var(--main-color); font-weight: 500; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .link span { border-bottom: 1px solid transparent; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (any-hover: hover) { .link:hover span { border-color: var(--main-color); } } .link svg { fill: var(--main-color); margin-top: 1px; } .link--back { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .link--back svg { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); } .text-img { display: grid; grid-template-columns: 560px auto; gap: 4px 54px; } @media screen and (max-width: 1200px) { .text-img { grid-template-columns: 470px auto; gap: 20px 30px; } } @media screen and (max-width: 991px) { .text-img { grid-template-columns: none; gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .text-img__img { grid-row-start: 1; grid-row-end: 3; grid-column: 2/-1; } .text-img .h2 { margin-bottom: 28px; } @media screen and (max-width: 767px) { .text-img .h2 { margin-bottom: 32px; } } .text-img__head p { line-height: 120%; } .text-img__head p:not(:last-child):not(:first-child) { margin-bottom: 20px; } @media screen and (max-width: 991px) { .text-img__head p:not(:last-child):not(:first-child) { margin-bottom: 17px; } } .text-img__head strong { font-weight: 500; } .text-img__info { margin-top: 41px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 61px; } @media screen and (max-width: 1200px) { .text-img__info { gap: 20px; } } @media screen and (max-width: 991px) { .text-img__info { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px 61px; margin-top: 12px; } } .text-img__info p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 120%; } .text-img__img { aspect-ratio: 546/422; border-radius: 12px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .text-img__img { aspect-ratio: 348/187; } } .text-img__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 991px) { .text-img__bottom { gap: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .text-img__description { margin-bottom: 29px; font-size: 16px; font-weight: 300; } @media screen and (max-width: 767px) { .text-img__description { margin-bottom: 19px; } } .text-img--img-high .text-img__img { aspect-ratio: 546/497; } @media screen and (max-width: 991px) { .text-img--img-high .text-img__img { margin-top: 20px; aspect-ratio: 348/187; } } .text-img li { margin-left: 20px; margin-top: 5px; } .text-img ul:not(:last-child):not(:first-child), .text-img ul:not(:last-child), .text-img ol:not(:last-child):not(:first-child), .text-img ol:not(:last-child) { margin-bottom: 20px; } @media screen and (max-width: 991px) { .text-img ul:not(:last-child):not(:first-child), .text-img ul:not(:last-child), .text-img ol:not(:last-child):not(:first-child), .text-img ol:not(:last-child) { margin-bottom: 17px; } } .text-img ul li { list-style-type: disc; } .text-img ol li { list-style-type: decimal; } .payment { margin-top: 44px; gap: 28px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 991px) { .payment { gap: 39px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 767px) { .payment { margin-top: 39px; } } .payment__bg { background-color: #1e232f; border-radius: 22px; color: #ffffff; } @media screen and (max-width: 991px) { .payment__bg:not(:last-child) { color: #1e232f; border-radius: 0; background-color: transparent; } } .payment__guarantee { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); padding: 48px 45px 47px 260px; background-image: url("../images/guarantee.svg"); background-size: 206px 183px; background-position-x: 29px; background-position-y: center; background-repeat: no-repeat; } @media screen and (max-width: 1200px) { .payment__guarantee { padding: 30px 30px 30px 141px; background-size: 91px 81px; background-position-y: 30px; } } @media screen and (max-width: 991px) { .payment__guarantee { padding: 0 11px 0 109px; background-position-y: 0; background-position-x: 0; min-height: 81px; } } @media screen and (max-width: 575px) { .payment__guarantee { padding: 95px 0 0 0; min-height: inherit; } } .payment__guarantee p { line-height: 120%; } .payment__pay { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); padding: 48px 60px 47px 40px; } @media screen and (max-width: 1200px) { .payment__pay { padding: 30px; } } @media screen and (max-width: 991px) { .payment__pay { padding: 0; } } .payment__sales { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 20px 25px 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 25px; } @media screen and (max-width: 991px) { .payment__sales { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 13px; padding: 39px 16px 25px 16px; margin-top: 15px; } } .payment__sales .h3 { margin-bottom: 32px; font-size: 32px; font-weight: 500; letter-spacing: 0; } @media screen and (max-width: 991px) { .payment__sales .h3 { margin-bottom: 11px; } } @media screen and (max-width: 375px) { .payment__sales .h3 { font-size: 20px; } } .payment__img { border-radius: 22px; overflow: hidden; aspect-ratio: 535/406; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 535px; margin-left: auto; -webkit-box-flex: 0; -ms-flex: 0 0 535px; flex: 0 0 535px; } @media screen and (max-width: 1200px) { .payment__img { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -ms-flex-item-align: center; align-self: center; } } @media screen and (max-width: 991px) { .payment__img { margin-left: 0; aspect-ratio: 313/264; max-width: inherit; width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } .payment__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .payment__list { margin-top: 31px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px 60px; } @media screen and (max-width: 1200px) { .payment__list { gap: 25px 30px; } } @media screen and (max-width: 575px) { .payment__list { grid-template-columns: 40% 60%; gap: 25px 10px; } } .payment__list-item { padding-left: 22px; } @media screen and (max-width: 575px) { .payment__list-item { padding-left: 19px; } } .payment__list-item:not(:last-child) { position: relative; line-height: 120%; } .payment__list-item:not(:last-child):before { border-radius: 50%; width: 13px; height: 13px; content: ""; position: absolute; top: 4px; left: 0; background-color: #ffffff; border: 5px solid var(--main-color); } @media screen and (max-width: 991px) { .payment__list-item:not(:last-child):before { background-color: #1e232f; } } .payment__list-item:last-child { margin-top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3px; } @media screen and (max-width: 991px) { .payment__list-item:last-child { margin-top: 0; padding-left: 12px; } } @media screen and (max-width: 575px) { .payment__list-item:last-child { padding-left: 6px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .payment__list img { border-radius: 4px; width: 47px; height: 31px; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 991px) { .payment__list img { border: 1px solid rgba(0, 0, 0, 0.12); } } .payment__info { margin-top: 23px; margin-bottom: 23px; } @media screen and (max-width: 991px) { .payment__info { margin: 0; padding: 0 4px; } } .payment__info ul { margin: 13px 0; display: grid; gap: 10px; } @media screen and (max-width: 991px) { .payment__info ul { margin: 17px 0; } } @media screen and (max-width: 575px) { .payment__info ul { padding-right: 10px; } } .payment__info li { line-height: 120%; padding-left: 15px; position: relative; } @media screen and (max-width: 575px) { .payment__info li { line-height: 117%; } } .payment__info li:before { width: 4px; height: 4px; position: absolute; left: 0; top: 10px; border-radius: 50%; background-color: #ffffff; content: ""; pointer-events: none; } @media screen and (max-width: 991px) { .payment__info li:before { top: 8px; } } .payment__info p { line-height: 120%; } @media screen and (max-width: 575px) { .payment__info p { max-width: 237px; } } .payment__info .button { margin-top: 26px; max-width: 460px; gap: 21px; width: 100%; } @media screen and (max-width: 991px) { .payment__info .button { max-width: inherit; padding: 28px 29px 31px 29px; margin: 0 -4px; width: calc(100% + 8px); margin-top: 24px; } } @media screen and (max-width: 375px) { .payment__info .button { padding: 28px 19px 31px 19px; } } @media screen and (max-width: 767px) { .payment__info .button svg { display: none; } } @media screen and (max-width: 991px) { .payment .h4 { color: #1e232f; } } @media screen and (max-width: 991px) { .payment .sale { width: calc(100% + 30px); } } .sale { background-color: #1e232f; border-radius: 22px; padding: 21px 117px 7px 60px; color: #ffffff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; gap: 15px; } @media screen and (max-width: 1200px) { .sale { padding: 21px 40px 7px 40px; } } @media screen and (max-width: 991px) { .sale { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 39px 10px 11px 10px; margin: 0 -15px; gap: 0; } } .sale:before { width: 199px; height: 199px; content: ""; position: absolute; background-color: #7882a1; border-radius: 50%; top: -68px; left: 108px; -webkit-filter: blur(130px); filter: blur(130px); pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 991px) { .sale:before { display: none; } } @media screen and (max-width: 991px) { .sale__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 991px) { .sale .fields, .sale .buttonholder, .sale .button { width: 100%; } } .sale__count { position: relative; } .sale__count:before, .sale__count:after { content: ""; position: absolute; border-radius: 50%; top: -17px; right: 85px; -webkit-filter: blur(90px); filter: blur(90px); pointer-events: none; width: 199px; height: 463px; } @media screen and (max-width: 991px) { .sale__count:before, .sale__count:after { right: 30%; width: 131px; height: 305px; top: -12px; } } @media screen and (max-width: 575px) { .sale__count:before, .sale__count:after { -webkit-filter: blur(60px); filter: blur(60px); right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } .sale__count:before { background-color: var(--main-color); mix-blend-mode: lighten; z-index: 2; } .sale__count:after { background-color: #7882a1; } .sale__count p { font-size: 298px; font-weight: bold; letter-spacing: -46px; line-height: 117%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-background-clip: text; -webkit-box-decoration-break: clone; } @media screen and (max-width: 1200px) { .sale__count p { font-size: 280px; } } @media screen and (max-width: 1100px) { .sale__count p { font-size: 240px; } } @media screen and (max-width: 991px) { .sale__count p { font-size: 196px; letter-spacing: -30px; padding: 0 26px; } } .sale__count p span { letter-spacing: normal; } .sale__count-number { position: relative; text-shadow: 1px 1px 0 #FF4561, -1px 1px 0 #101521; z-index: 1; } .sale__count-shadow { position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 31, 69, 0.9019607843)), to(rgba(6, 8, 12, 0.9019607843))); background-image: -o-linear-gradient(top, rgba(250, 31, 69, 0.9019607843), rgba(6, 8, 12, 0.9019607843)); background-image: linear-gradient(to bottom, rgba(250, 31, 69, 0.9019607843), rgba(6, 8, 12, 0.9019607843)); left: 0; top: 0; z-index: 2; mix-blend-mode: hard-light; -webkit-text-fill-color: transparent; } .sale .fields { max-width: 300px; width: 100%; } @media screen and (max-width: 991px) { .sale .fields { max-width: inherit; } } .sale .form { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px 7px; } @media screen and (max-width: 991px) { .sale .form { gap: 10px 7px; padding: 0 30px; } } .sale__form { position: relative; } @media screen and (max-width: 991px) { .sale .policy { margin-top: 3px; text-align: center; width: 100%; } } .sale__description { margin-top: 17px; margin-bottom: 31px; max-width: 400px; line-height: 120%; } @media screen and (max-width: 991px) { .sale__description { margin-top: 20px; margin-bottom: 37px; max-width: inherit; font-size: 16px; } } .specialists { position: relative; margin-top: 42px; } @media screen and (max-width: 767px) { .specialists { margin-top: 29px; } } .specialists .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding-bottom: 47px; } @media screen and (max-width: 767px) { .specialists .swiper-slide { position: static; padding-bottom: 0; } } @media screen and (max-width: 767px) { .specialists .swiper-buttons { position: static; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 19px; margin: 0 auto; } } @media screen and (max-width: 767px) { .specialists .swiper-slide__image { aspect-ratio: 303/375; } } .certificates { position: relative; margin-top: 53px; } @media screen and (max-width: 767px) { .certificates { position: static; margin-top: 20px; } } @media screen and (max-width: 767px) { .certificates .swiper-buttons { top: 6px; right: 24px; left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 8px; } } @media screen and (max-width: 767px) { .certificates .swiper-slide__image { aspect-ratio: 168/210; } } .consultation { background-color: #1e232f; border-radius: 22px; color: #ffffff; padding: 47px 200px 47px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; overflow: hidden; } @media screen and (max-width: 991px) { .consultation { padding: 47px 47px 47px 40px; } } @media screen and (max-width: 767px) { .consultation { padding: 39px 20px 25px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 22px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .consultation:before, .consultation:after { width: 100%; height: 215px; content: ""; position: absolute; pointer-events: none; mix-blend-mode: color-burn; -webkit-transform: rotate(-31deg); -ms-transform: rotate(-31deg); transform: rotate(-31deg); bottom: 0; } @media screen and (max-width: 991px) { .consultation:before, .consultation:after { display: none; } } .consultation:before { right: -187px; } .consultation:after { right: -632px; } .consultation__content { margin-bottom: 9px; display: grid; gap: 30px; position: relative; } @media screen and (max-width: 767px) { .consultation__content { gap: 14px; margin-bottom: 0; } } .consultation__content:before { width: 175px; height: 175px; content: ""; position: absolute; background-color: #7882a1; border-radius: 50%; bottom: -36px; left: -76px; -webkit-filter: blur(110px); filter: blur(110px); pointer-events: none; } @media screen and (max-width: 991px) { .consultation__content:before { display: none; } } .consultation__description { max-width: 435px; font-weight: 500; line-height: 120%; } @media screen and (max-width: 767px) { .consultation__description { font-size: 16px; max-width: inherit; } } @media screen and (max-width: 575px) { .consultation__description { max-width: 285px; } } .consultation .button { z-index: 1; max-width: 240px; width: 100%; padding: 24px 27px 27px 27px; } .content { display: grid; line-height: 120%; gap: 19px; } .content li { margin-left: 20px; margin-top: 5px; } .content ul > li { list-style-type: disc; } .content ol > li { list-style-type: decimal; } .content ol, .content ul { display: grid; gap: 5px; } .banner { background-color: #1e232f; background-blend-mode: color-burn; background-size: cover; background-repeat: no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; position: relative; overflow: hidden; margin-top: 0; } @media screen and (max-width: 1300px) { .banner { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } } .banner:before { content: ""; position: absolute; width: 633px; height: 633px; background-color: #7882a1; border-radius: 50%; top: calc(100% - 353px); right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-filter: blur(480px); filter: blur(480px); pointer-events: none; } @media screen and (max-width: 767px) { .banner:before { display: none; } } .banner__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0; padding-bottom: 33px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media screen and (max-width: 1200px) { .banner__wrapper { padding-bottom: 40px; } } @media screen and (max-width: 991px) { .banner__wrapper { padding-top: 23px; } } @media screen and (max-width: 767px) { .banner__wrapper { border: none; padding-bottom: 0; } } .banner__content { padding-top: 35px; margin-right: 0px; } @media screen and (max-width: 991px) { .banner__content { padding-top: 0; } } @media screen and (max-width: 767px) { .banner__content { margin-right: 0; width: 100%; } } .banner__bottom { position: relative; padding-top: 56px; padding-bottom: 65px; } @media screen and (max-width: 767px) { .banner__bottom { padding-top: 37px; padding-bottom: 2px; } } .banner__bottom:before { content: ""; opacity: 0.4; position: absolute; width: 100%; height: 100%; background-color: #1e232f; background-blend-mode: color-burn; background-size: cover; background-repeat: no-repeat; top: 0; right: 0; pointer-events: none; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; } @media screen and (max-width: 767px) { .banner__bottom:before { display: none; } } .banner__bottom .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } @media screen and (max-width: 767px) { .banner__bottom .container { gap: 26px 20px; display: grid; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 375px) { .banner__bottom .container { gap: 26px 10px; } } .banner__text { font-size: 17px; max-width: 541px; color: #ffffff; line-height: 120%; font-weight: 300; margin-top: -22px; margin-bottom: 22px; } @media screen and (max-width: 767px) { .banner__text { margin-bottom: 48px; line-height: 110%; margin-top: 20px; display: none; } } .banner__image { position: relative; margin-right: -182px; margin-bottom: -61px; -webkit-box-flex: 0; -ms-flex: 0 0 838px; flex: 0 0 838px; margin-top: -20px; } @media screen and (max-width: 1200px) { .banner__image { margin-right: -90px; margin-bottom: -35px; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; } } .banner__image img { aspect-ratio: 838/486; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .banner__description { margin-top: 23px; margin-bottom: 52px; font-size: 22px; color: #ffffff; padding-left: 36px; position: relative; line-height: 120%; } @media screen and (max-width: 991px) { .banner__description { margin-bottom: 38px; font-size: 18px; padding-left: 37px; max-width: 250px; } } @media screen and (max-width: 767px) { .banner__description { font-size: 14px; margin-bottom: 28px; margin-top: 7px; max-width: inherit; } } .banner__description span, .banner__description span:before, .banner__description span:after { position: absolute; background-color: var(--main-color); border-radius: 50%; width: 8px; height: 8px; } .banner__description span { left: 22px; top: 9px; } @media screen and (max-width: 991px) { .banner__description span { top: 8px; left: 24px; } } @media screen and (max-width: 767px) { .banner__description span { top: 5px; left: 23px; } } .banner__description span:before, .banner__description span:after { content: ""; top: 0; } .banner__description span:before { left: -11px; opacity: 0.33; } .banner__description span:after { left: -22px; opacity: 0.12; } .banner__content-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; position: relative; z-index: 1; } @media screen and (max-width: 991px) { .banner__content-bottom { gap: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner__content-bottom p { font-size: 16px; color: #ffffff; line-height: 120%; max-width: 300px; } @media screen and (max-width: 991px) { .banner__content-bottom p { max-width: inherit; } } .banner .button { width: 100%; max-width: 220px; } @media screen and (max-width: 991px) { .banner .button { max-width: inherit; padding: 21px 29px 24px 29px; } } .banner__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 991px) { .banner__info { gap: 9px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .banner__info-icon { padding: 12px 14px; border-radius: 15px; background-position: center; background-repeat: no-repeat; -webkit-box-flex: 0; -ms-flex: 0 0 83px; flex: 0 0 60px; width: 60px; height: 60px; background-color: #2e3340; } @media screen and (max-width: 767px) { .banner__info-icon { width: 33px; height: 31px; padding: 5px 6px; -webkit-box-flex: 0; -ms-flex: 0 0 33px; flex: 0 0 33px; background-size: 22px 22px; border-radius: 6px; margin-top: 2px; } } .banner__info p { color: #ffffff; line-height: 120%; } @media screen and (max-width: 767px) { .banner__info p { font-size: 14px; line-height: 110%; } } .banner__head { position: relative; } .banner__head .banner__image { display: none; margin: 0; } @media screen and (max-width: 767px) { .banner__head .banner__image { display: -webkit-box; display: -ms-flexbox; display: flex; } } .banner .breadcrumbs { margin-top: 16px; } @media screen and (max-width: 767px) { .banner .breadcrumbs { display: none; } } .banner .breadcrumbs__item { color: #ffffff; } .banner .breadcrumbs__item a { color: #ffffff; } .banner .breadcrumbs__item:after { color: #ffffff; } @media screen and (max-width: 767px) { .banner .h1 { font-size: 36px; line-height: 116%; -webkit-text-size-adjust: 100%; /* Prevent iOS font scaling */ } } /* Add specific iOS media query */ @supports (-webkit-touch-callout: none) { .banner .h1 { font-size: 36px; line-height: 116%; -webkit-text-size-adjust: 100%; } } @media screen and (max-width: 375px), screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3), /* iPhone X/XS */ screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2), /* iPhone XR */ screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) /* iPhone XS Max */ { .banner .h1 { font-size: 35px; -webkit-text-size-adjust: 100%; } } @media screen and (max-width: 375px) { .banner .h1 { font-size: 35px; } } .banner--main .h1 { display: grid; font-size: 55px; line-height: 120%; padding-right: 20px; } @media screen and (max-width: 767px) { .banner--main .h1 { font-size: 36px; line-height: 116%; -webkit-text-size-adjust: 100%; } } /* iOS specific styles */ @supports (-webkit-touch-callout: none) { .banner--main .h1 { font-size: 36px; line-height: 116%; -webkit-text-size-adjust: 100%; } } @media screen and (max-width: 375px), screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) { .banner--main .h1 { font-size: 34px; -webkit-text-size-adjust: 100%; } } /* Add !important for mobile styles to ensure they take precedence */ @media screen and (max-width: 375px) { .banner--main .h1 { font-size: 34px !important; } } .overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(30, 35, 47, 0.84); } .custom-modal { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 540px; width: 100%; max-height: 90vh; background-color: #1e232f; z-index: 1060; /* Повышаем z-index чтобы быть выше Bootstrap модалов */ border-radius: 22px; color: #ffffff; -webkit-box-shadow: 0 15px 193px 4px rgb(0, 0, 0); box-shadow: 0 15px 193px 4px rgb(0, 0, 0); } @media screen and (max-width: 767px) { .custom-modal { left: 15px; max-width: inherit; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 30px); } } .custom-modal__close { position: absolute; top: 12px; right: 19px; width: 32px; height: 32px; cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.778 21.42L19.276 15.917L24.776 10.415L21.949 7.58496L16.446 13.087L10.944 7.58496L8.11597 10.415L13.616 15.917L8.11597 21.419L10.946 24.247L16.446 18.745L21.946 24.247L24.778 21.42Z' fill='white'/%3e%3c/svg%3e "); z-index: 1; } @media screen and (max-width: 767px) { .custom-modal__close { top: 17px; right: 10%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } .custom-modal__container { padding-left: 60px; overflow: hidden; max-height: calc(90vh - 173px); margin-right: 30px; margin-bottom: 60px; margin-top: 34px; } @media screen and (max-width: 767px) { .custom-modal__container { padding-left: 20px; max-height: calc(90vh - 112px); margin-right: 10px; margin-bottom: 25px; margin-top: 15px; } } .custom-modal .h3 { padding: 49px 60px 0 60px; text-align: center; font-size: 32px; } @media screen and (max-width: 767px) { .custom-modal .h3 { padding: 63px 20px 0 20px; font-size: 24px; } } @media screen and (max-width: 375px) { .custom-modal .h3 { font-size: 20px; } } .custom-modal .form { max-height: calc(90vh - 181px); overflow-y: auto; padding-right: 30px; padding-bottom: 1px; } @media screen and (max-width: 767px) { .custom-modal .form { max-height: calc(90vh - 132px); padding-right: 10px; } } .custom-modal .form::-webkit-scrollbar { width: 6px; background-color: transparent; border-radius: 24px; } .custom-modal .form::-webkit-scrollbar-thumb { background-color: var(--main-color); border-radius: 24px; } .custom-modal .form::-webkit-scrollbar-track { border-radius: 24px; } .custom-modal__thanks { position: absolute; pointer-events: none; opacity: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; text-align: center; gap: 15px; left: 0; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; /* justify-content: center;*/ -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .custom-modal__thanks p { padding: 0 20px; } .custom-modal .inputholder__input { padding: 29px 24px 30px; font-weight: 400; } @media screen and (max-width: 767px) { .custom-modal .inputholder__input { padding: 24px 24px 25px; } } .custom-modal .inputholder__textarea { font-weight: 400; } .custom-modal .fields { display: grid; gap: 10px; } @media screen and (max-width: 767px) { .custom-modal .fields { gap: 7px; } } .custom-modal .button { width: 100%; padding: 28px 29px 31px 29px; } @media screen and (max-width: 767px) { .custom-modal .button { padding: 24px 29px 27px 29px; } } .custom-modal .policy { margin-top: 27px; text-align: center; font-size: 16px; } @media screen and (max-width: 767px) { .custom-modal .policy { margin-top: 13px; font-size: 13px; } } .custom-modal .buttonholder { margin-top: 10px; } @media screen and (max-width: 767px) { .custom-modal .buttonholder { margin-top: 7px; } } .custom-modal__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-modal .request__description { text-align: center; margin-left: 60px; margin-right: 60px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 0; } @media screen and (max-width: 767px) { .custom-modal .request__description { margin-left: 20px; margin-right: 20px; } } @media screen and (max-width: 375px) { .custom-modal .request__description { font-size: 12px; background-size: contain; } } .custom-modal:has(.custom-modal__head) .form { max-height: calc(90vh - 218px); } @media screen and (max-width: 767px) { .custom-modal:has(.custom-modal__head) .form { max-height: calc(90vh - 157px); } } .custom-modal--white { color: #1e232f; background-color: #ffffff; } .custom-modal--white .custom-modal__close { -webkit-filter: invert(0.8); filter: invert(0.8); } .custom-modal--white .inputholder__input, .custom-modal--white .inputholder__textarea { background-color: rgba(30, 35, 47, 0.08); } .footer { width: 100%; z-index: 4; background-color: #1e232f; border-top-left-radius: 60px; border-top-right-radius: 60px; } @media screen and (max-width: 1300px) { .footer { border-top-left-radius: 18px; border-top-right-radius: 18px; } } @media screen and (max-width: 767px) { .footer { margin: 0 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-top-left-radius: 21px; border-top-right-radius: 21px; } } .footer .nav__list--submenu { bottom: calc(100% + 1px); top: auto; } .footer__bottom { color: #ffffff; padding-top: 25px; padding-bottom: 28px; border-top: 1px solid rgba(255, 255, 255, 0.1019607843); text-align: center; } @media screen and (max-width: 991px) { .footer__bottom { padding-top: 15px; padding-bottom: 15px; } } @media screen and (max-width: 767px) { .footer__bottom { padding-top: 40px; padding-bottom: 20px; border: none; margin: 0 auto; } } .footer__bottom p { line-height: 120%; max-width: 800px; margin: 0 auto; } @media screen and (max-width: 991px) { .footer__bottom p { font-size: 14px; } } @media screen and (max-width: 767px) { .footer__bottom p { font-size: 12px; } } @media (any-hover: hover) { .footer__bottom a:hover { text-decoration: underline; } } @media screen and (max-width: 991px) { .footer .menu { display: none; } } @media screen and (max-width: 991px) { .footer .header__address, .footer .button { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .footer .header__top { padding-bottom: 0; border: none; } } @media screen and (max-width: 991px) { .footer .header__top .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 840px) { .footer .header__top .container { gap: 10px 20px; } } @media screen and (max-width: 767px) { .footer .header__top .container { gap: 29px; } } @media screen and (max-width: 991px) { .footer .header__hookup { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-top: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 767px) { .footer .header__hookup { margin-top: 7px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 16px; } } @media screen and (max-width: 991px) { .footer .header__address { margin: 0; max-width: inherit; } } @media screen and (max-width: 767px) { .footer .header__address { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 13px; } } @media screen and (max-width: 991px) { .footer .header__info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 0; } } @media screen and (max-width: 840px) { .footer .header__info { max-width: 150px; } } @media screen and (max-width: 767px) { .footer .header__info { max-width: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 840px) { .footer .header__contacts { padding-top: 10px; } } @media screen and (max-width: 767px) { .footer .header__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-top: 0; gap: 16px; } } @media screen and (max-width: 767px) { .footer .logo { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 4px; } } @media screen and (max-width: 767px) { .footer .logo__description { -ms-flex-item-align: start; align-self: flex-start; margin-top: 15px; max-width: 126px; width: 100%; } } .footer .nav__item--parent:before { top: -10px; bottom: auto; } .footer .nav__list--submenu { border-radius: 8px 8px 0 0; } .reviews-slider { margin-top: 36px; position: relative; } @media screen and (max-width: 767px) { .reviews-slider { margin-top: 20px; } } .reviews-slider + .button { padding: 24px 36px 27px 36px; position: absolute; top: 0; left: calc(50% + 20px); } @media screen and (max-width: 767px) { .reviews-slider + .button { position: static; margin: 20px auto 0; } } .reviews-slider .swiper-slide { padding: 33px 35px 48px 35px; background-color: #1e232f; border-radius: 22px; height: auto; color: #ffffff; } @media screen and (max-width: 767px) { .reviews-slider .swiper-slide { padding: 39px 20px 48px 20px; } } .reviews-slider__photo { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; } .reviews-slider__photo img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .reviews-slider__head { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 13px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 28px; } @media screen and (max-width: 991px) { .reviews-slider__head { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .reviews-slider__name { font-size: 20px; font-weight: 500; line-height: 115%; display: grid; } @media screen and (max-width: 575px) { .reviews-slider__name { font-size: 18px; } } .reviews-slider .rating { margin-left: auto; margin-top: 5px; margin-right: 30px; } @media screen and (max-width: 1200px) { .reviews-slider .rating { margin-right: 0; } } @media screen and (max-width: 991px) { .reviews-slider .rating { margin-top: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .reviews-slider__content { display: grid; gap: 10px; } .reviews-slider__content p { font-size: 14px; line-height: 130%; } .reviews-slider .swiper-buttons { top: auto; bottom: -30px; width: calc(50% + 82px); left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } @media screen and (max-width: 767px) { .reviews-slider .swiper-buttons { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: none; -ms-transform: none; transform: none; margin: -30px auto 0; gap: 19px; right: auto; bottom: 0; } } .request { background-color: #1e232f; border-radius: 22px; padding: 8px 10px 8px 40px; display: grid; grid-template-columns: 420px auto; gap: 97px; } @media screen and (max-width: 1100px) { .request { gap: 30px; } } @media screen and (max-width: 991px) { .request { grid-template-columns: 350px auto; } } @media screen and (max-width: 767px) { .request { grid-template-columns: none; padding: 25px 9px 11px 9px; gap: 24px; } } .request__content { color: #ffffff; padding-top: 41px; padding-bottom: 47px; } @media screen and (max-width: 767px) { .request__content { padding: 0 19px; } } .request .policy { text-align: center; margin-top: 5px; } .request__description { margin-top: 16px; margin-bottom: 34px; font-weight: 500; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.33361 0H8.66721V1.42857H4.33361V0ZM11.578 4.56429L12.6036 3.55C12.293 3.18571 11.9535 2.84286 11.5852 2.54286L10.5596 3.55714C9.40922 2.64166 7.97696 2.14264 6.50041 2.14286C4.77639 2.14286 3.12299 2.82015 1.90393 4.02574C0.684862 5.23133 0 6.86647 0 8.57143C0 12.1214 2.90352 15 6.50041 15C7.72415 15.0007 8.9232 14.6594 9.95944 14.0157C10.9957 13.3719 11.827 12.4518 12.3576 11.3612C12.8882 10.2707 13.0965 9.05412 12.9586 7.85161C12.8207 6.6491 12.3421 5.50958 11.578 4.56429ZM7.22268 9.28571H5.77814V5H7.22268V9.28571Z' fill='white'/%3e%3c/svg%3e "); background-size: 13px 15px; background-repeat: no-repeat; background-position-y: 3px; background-position-x: left; padding-left: 19px; line-height: 120%; } @media screen and (max-width: 767px) { .request__description { font-size: 14px; background-position-y: 0; margin: 7px auto 24px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .request__form { position: relative; } .request__info { background-color: #f8faff; border-radius: 22px; color: #1e232f; padding: 45px 43px; position: relative; } @media screen and (max-width: 767px) { .request__info { padding: 34px 20px 32px 20px; } } .request__info-title { font-weight: 500; font-size: 22px; margin-bottom: 28px; line-height: 120%; } .request__info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px 79px; } @media screen and (max-width: 767px) { .request__info-wrapper { gap: 35px; } } .request__info-box { gap: 13px; display: grid; } @media screen and (max-width: 767px) { .request__info-box { gap: 8px; } } .request__info-box p { line-height: 120%; } .request__info-box p:first-child { font-weight: 500; color: #7c7f88; } .request__info-box a { font-weight: bold; } @media (any-hover: hover) { .request__info-box a:hover { color: var(--main-color); } } @media screen and (max-width: 575px) { .request__info-box a { font-size: 16px; } } @media screen and (max-width: 575px) { .request__info-box strong { font-size: 16px; } } .request .fields, .request .form { display: grid; gap: 10px; } @media screen and (max-width: 767px) { .request .fields, .request .form { gap: 7px; } } .request .button { width: 100%; padding: 29px; } @media screen and (max-width: 767px) { .request .button { padding: 25px 29px; } } .request .logo { left: 43px; bottom: 0; position: absolute; } @media screen and (max-width: 991px) { .request .logo { display: none; } } .request .logo__link { padding: 17px 16px 17px 16px; border-radius: 7px 7px 0 0; } @media screen and (max-width: 767px) { .request .form-thanks { text-align: center; } } .request__img { background-color: #2f3443; aspect-ratio: 350/450; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; } .request__img img { margin-top: 9px; } @media screen and (max-width: 767px) { .request__img { display: none; } } .request--in-content { padding: 20px; grid-template-columns: auto 370px; gap: 40px; } @media screen and (max-width: 767px) { .request--in-content { grid-template-columns: none; padding: 44px 22px; } } .request--in-content .h2 { font-weight: normal !important; } @media screen and (max-width: 767px) { .request--in-content .h2 { text-align: center; } } .request--in-content .request__content { padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 767px) { .request--in-content .request__content { padding: 0; } } .request--in-content .request__description { background: none; padding-left: 0; margin-top: 20px; margin-bottom: 27px; font-weight: 400; } @media screen and (max-width: 767px) { .request--in-content .request__description { margin-bottom: 24px; text-align: center; } } .article { max-width: 800px; margin: 0 auto; } .article--full-width { max-width: inherit; } .article .h1 { color: #1e232f; font-size: 52px; } @media screen and (max-width: 767px) { .article .h1 { font-size: 33px; } } @media screen and (max-width: 375px) { .article .h1 { font-size: 30px; } } .article__head { margin: 31px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } @media screen and (max-width: 767px) { .article__head { margin: 15px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } } .article__date { font-size: 28px; line-height: 120%; } .article__time { font-size: 14px; line-height: 120%; padding-left: 19px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.33361 0H8.66721V1.42857H4.33361V0ZM11.578 4.56429L12.6036 3.55C12.293 3.18571 11.9535 2.84286 11.5852 2.54286L10.5596 3.55714C9.40922 2.64166 7.97696 2.14264 6.50041 2.14286C4.77639 2.14286 3.12299 2.82015 1.90393 4.02574C0.684862 5.23133 0 6.86647 0 8.57143C0 12.1214 2.90352 15 6.50041 15C7.72415 15.0007 8.9232 14.6594 9.95944 14.0157C10.9957 13.3719 11.827 12.4518 12.3576 11.3612C12.8882 10.2707 13.0965 9.05412 12.9586 7.85161C12.8207 6.6491 12.3421 5.50958 11.578 4.56429ZM7.22268 9.28571H5.77814V5H7.22268V9.28571Z' fill='%231E232F'/%3e%3c/svg%3e "); background-size: 13px 15px; background-repeat: no-repeat; background-position-y: top; background-position-x: left; } .article__time span { font-weight: 500; } .article__nav { padding: 38px 47px; border-radius: 22px; background-color: #1e232f; color: #ffffff; display: grid; } @media screen and (max-width: 767px) { .article__nav { padding: 39px 20px 25px 20px; } } .article__nav-title { margin-bottom: 39px; font-size: 28px; line-height: 120%; } @media screen and (max-width: 767px) { .article__nav-title { margin-bottom: 20px; font-size: 22px; } } .article__nav ul { line-height: 120%; font-size: 22px; padding-left: 25px; display: grid; gap: 5px; } @media screen and (max-width: 767px) { .article__nav ul { font-size: 18px; } } .article__nav ul li { list-style-type: disc; } .article__nav ul li ul { margin-top: 5px; } @media (any-hover: hover) { .article__nav a:hover { color: var(--main-color); } } .article .content { margin-top: 40px; margin-bottom: 54px; gap: 22px; } @media screen and (max-width: 767px) { .article .content { margin-top: 20px; margin-bottom: 34px; gap: 15px; } } .article .content p { font-size: 17px; line-height: 120%; } @media screen and (max-width: 767px) { .article .content p { font-size: 16px; } } .article .content h2 { font-size: 32px; font-weight: bold; line-height: 117%; } .article .content h2:not(:first-child) { margin-top: 18px; } @media screen and (max-width: 767px) { .article .content h2 { font-size: 24px; } } @media screen and (max-width: 375px) { .article .content h2 { font-size: 20px; } } .article .content h2 + .img-box { margin-top: 0; } .article .content h3 { font-size: 24px; font-weight: bold; line-height: 117%; } .article .content h3:not(:first-child) { margin-top: 18px; } @media screen and (max-width: 767px) { .article .content h3 { letter-spacing: normal; } } @media screen and (max-width: 375px) { .article .content h3 { font-size: 20px; } } .article .content h3 + .img-box { margin-top: 0; } .article .content .img-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-style: italic; } .article .content .img-box img { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -o-object-fit: cover; object-fit: cover; border-radius: 22px; } .article .content .img-box:not(:first-child) { margin-top: 18px; } .article .content .img-box:not(:last-child) { margin-bottom: 18px; } .article .content .img-box + h2, .article .content .img-box + h3 { margin-top: 0; } .article .content blockquote { padding: 43px 45px 46px 154px; font-weight: 500; line-height: 120%; font-size: 17px; background-color: #f1f2f2; border-radius: 22px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='78' height='68' viewBox='0 0 78 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M42.1754 2.00001L77.104 62.5C77.4258 63.0574 77.5953 63.6897 77.5953 64.3333C77.5953 64.977 77.4258 65.6092 77.104 66.1666C76.7822 66.724 76.3194 67.1869 75.762 67.5087C75.2046 67.8306 74.5723 68 73.9287 68H4.07136C3.42773 68 2.79545 67.8306 2.23806 67.5087C1.68067 67.1869 1.21781 66.724 0.896002 66.1666C0.574196 65.6092 0.404781 64.977 0.404785 64.3333C0.404789 63.6897 0.574212 63.0574 0.896026 62.5L35.8247 2.00001C36.1465 1.44265 36.6094 0.97982 37.1668 0.658032C37.7242 0.336245 38.3564 0.16684 39 0.16684C39.6436 0.16684 40.2759 0.336245 40.8333 0.658032C41.3907 0.97982 41.8535 1.44265 42.1754 2.00001ZM35.3334 49.6667V57H42.6667V49.6667H35.3334ZM35.3334 24V42.3333H42.6667V24H35.3334Z' fill='%23D71F3B'/%3e%3c/svg%3e "); background-position-x: 38px; background-position-y: center; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .article .content blockquote { font-size: 16px; } } @media screen and (max-width: 575px) { .article .content blockquote { background-position-x: 20px; background-position-y: 20px; background-repeat: no-repeat; background-size: 55px; padding: 85px 20px 25px 20px; } } .article .content .table { max-width: calc(100vw - 40px); overflow: auto; } .article .content table { border-radius: 22px; overflow: hidden; } .article .content table:not(:first-child) { margin-top: 18px; } .article .content table:not(:last-child) { margin-bottom: 18px; } .article .content thead { text-align: center; } .article .content th { background-color: var(--main-color); color: #ffffff; vertical-align: middle; font-weight: 500; } .article .content td { background-color: #f1f2f2; } .article .content td, .article .content th { padding: 15px; -webkit-box-shadow: 0 0 0 1px rgb(255, 255, 255) inset; box-shadow: 0 0 0 1px rgb(255, 255, 255) inset; } .article__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 767px) { .article__bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 25px; } } .article__share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 19px; } @media screen and (max-width: 767px) { .article__share { -ms-flex-item-align: end; align-self: flex-end; } } .article__share p { font-weight: 500; line-height: 120%; } @media screen and (max-width: 767px) { .article .link { -ms-flex-item-align: start; align-self: flex-start; } } .article--detail .content p { font-size: 18px; } @media screen and (max-width: 767px) { .article--detail .content p { font-size: 16px; } } @media screen and (max-width: 767px) { .article--detail .content li { font-size: 16px; } } .article--detail .content .img-box p { font-size: 17px; } @media screen and (max-width: 767px) { .article--detail .content .img-box p { font-size: 16px; } } .article--detail .content a { color: var(--main-color); text-decoration: underline; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (any-hover: hover) { .article--detail .content a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } } .actions { margin-top: 40px; } @media screen and (max-width: 767px) { .actions { margin-top: 20px; } } .actions .pagination { padding-left: 322px; margin-top: 16px; } @media screen and (max-width: 767px) { .actions .pagination { padding-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 33px; } @media screen and (max-width: 767px) { .action { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .action:not(:last-child) { padding-bottom: 73px; } @media screen and (max-width: 767px) { .action:not(:last-child) { padding-bottom: 40px; } } .action:not(:first-child) { padding-top: 73px; } @media screen and (max-width: 767px) { .action:not(:first-child) { padding-top: 40px; } } .action:not(:first-child):before { content: ""; top: 0; left: -2000px; background-color: rgba(30, 35, 47, 0.1607843137); position: absolute; width: 6000px; height: 1px; pointer-events: none; } @media screen and (max-width: 767px) { .action:not(:first-child):before { left: -15px; width: calc(100% + 30px); height: 1px; } } .action__date { font-size: 14px; line-height: 120%; font-weight: 500; margin-top: -20px; margin-bottom: 29px; } @media screen and (max-width: 767px) { .action__date { margin-top: -5px; margin-bottom: 15px; } } .action__size { font-size: 152px; font-weight: bold; line-height: 117%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: -22px; width: 289px; -webkit-box-decoration-break: clone; -webkit-text-fill-color: #ff4561; padding: 31px 25px; background-color: #1e232f; border-radius: 22px; } @media screen and (max-width: 767px) { .action__size { width: 100%; font-size: 120px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 25px 15px 15px; } } .action__image { border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; aspect-ratio: 289/240; overflow: hidden; } .action__image img { height: 100%; -o-object-fit: cover; object-fit: cover; } .action .h3 { color: #1e232f; margin-bottom: 29px; } @media screen and (max-width: 767px) { .action .h3 { margin-bottom: 15px; } } .action__text { line-height: 120%; font-size: 17px; display: grid; gap: 10px; } @media screen and (max-width: 767px) { .action__text { font-size: 16px; } } .action .button { margin-top: 27px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 24px 49px 27px 49px; } @media screen and (max-width: 767px) { .action .button { width: 100%; } } .action__left-col { -webkit-box-flex: 0; -ms-flex: 0 0 289px; flex: 0 0 289px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 36px; } @media screen and (max-width: 767px) { .action__left-col { -webkit-box-flex: 0; -ms-flex: none; flex: none; gap: 15px; } } .action__description { line-height: 120%; font-size: 17px; } @media screen and (max-width: 767px) { .action__description { font-size: 16px; } } .action__content { display: grid; gap: 15px; } .action__content li { margin-left: 20px; margin-top: 5px; } .action__content ul li { list-style-type: disc; } .action__content ol li { list-style-type: decimal; } .action__content h2 { font-size: 32px; font-weight: bold; line-height: 117%; } @media screen and (max-width: 767px) { .action__content h2 { font-size: 24px; } } .action__content h3 { font-size: 24px; font-weight: bold; line-height: 117%; } @media screen and (max-width: 767px) { .action__content h3 { letter-spacing: normal; } } .action--blog .action__content { gap: 0; } .action--blog a:has(.h3) { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (any-hover: hover) { .action--blog a:has(.h3):hover .h3 { color: var(--main-color); } } .contacts { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1200px) { .contacts { gap: 30px; } } @media screen and (max-width: 991px) { .contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 767px) { .contacts { margin-top: 20px; } } .contacts__map { -webkit-box-flex: 0; -ms-flex: 0 0 488px; flex: 0 0 488px; border-radius: 22px; overflow: hidden; } @media screen and (max-width: 991px) { .contacts__map { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } } .contacts__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media screen and (max-width: 767px) { .contacts__info { gap: 20px; } } @media (any-hover: hover) { .contacts__info a:hover { color: var(--main-color); } } .contacts svg { fill: var(--main-color); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .contacts__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 28px; line-height: 120%; gap: 10px; } @media screen and (max-width: 767px) { .contacts__item { font-size: 20px; } } .contacts__item--small { margin-left: 2px; } .contacts__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media screen and (max-width: 767px) { .contacts__box { gap: 10px; } } .contacts__box > p { font-size: 22px; line-height: 120%; } @media screen and (max-width: 767px) { .contacts__box > p { font-size: 16px; } } .contacts__phone { font-size: 52px; font-weight: 500; line-height: 120%; } @media screen and (max-width: 767px) { .contacts__phone { font-size: 30px; } } .reviews { margin-top: 40px; display: grid; gap: 7px; } @media screen and (max-width: 767px) { .reviews { margin-top: 20px; } } .reviews .pagination { margin-top: 9px; border-bottom: 1px solid #eceded; padding-bottom: 20px; padding-left: 82px; } @media screen and (max-width: 767px) { .reviews .pagination { padding-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .reviews .pagination + .button { max-width: 240px; margin-top: 21px; margin-left: 82px; } @media screen and (max-width: 767px) { .reviews .pagination + .button { margin-left: 0; max-width: inherit; } } .review { border-bottom: 1px solid #eceded; border-top: 1px solid #eceded; padding-top: 18px; padding-bottom: 28px; padding-left: 82px; position: relative; } @media screen and (max-width: 767px) { .review { padding-left: 75px; } } .review__photo { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 18px; } .review__photo img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .review__head { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: flex-start; line-height: 120%; margin-bottom: 11px; } @media screen and (max-width: 767px) { .review__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px; } } .review__name { margin-right: 25px; } .review__date, .review__time { color: #d9d9d9; } .review__content { display: grid; gap: 10px; } .review__content p { line-height: 120%; font-size: 14px; font-weight: 300; } .review .rating { margin-top: 20px; } .select__active { color: #ffffff; cursor: pointer; position: relative; font-size: 14px; line-height: 120%; } .select__text { display: block; font-size: small; vertical-align: middle; line-height: 1.5rem; } .select__drop { z-index: 2; display: none; position: absolute; width: 100%; padding: 10px; border-radius: 8px; font-size: 14px; background-color: #ffffff; left: 0; top: calc(100% + 5px); } .select__item { display: block; cursor: pointer; line-height: 120%; color: #242833; } .select__item.active { font-weight: 500; } .select__item:not(:last-child) { margin-bottom: 10px; } .select__input { display: none; } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .rating__input { width: 1px; height: 1px; position: absolute; opacity: 0; } .rating__item { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; } label.rating__item { cursor: pointer; } .rating__item-icon { fill: var(--main-color); } .rating:has(.checked) .rating__item.checked ~ .rating__item .rating__item-icon { fill: #dddee0; } .rating:has([checked]) .rating__input:checked + .rating__item ~ .rating__item .rating__item-icon { fill: rgba(30, 35, 47, 0.08); } .accordion { margin-top: 12px; } @media screen and (max-width: 767px) { .accordion { margin-top: 4px; } } .accordion__toggle { cursor: pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 22px; margin-bottom: 6px; } @media screen and (max-width: 767px) { .accordion__toggle { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; gap: 26px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .accordion__item { border-bottom: 1px solid #d9d9d9; padding-bottom: 34px; padding-top: 37px; } .accordion__item.active .accordion__btn { background-color: var(--main-color); } .accordion__item.active .accordion__btn:after { opacity: 0; } @media (any-hover: hover) { .accordion__item:hover .accordion__btn { background-color: var(--main-color); } } @media screen and (max-width: 767px) { .accordion__item { padding-bottom: 22px; padding-top: 22px; } } .accordion__title { font-weight: 500; font-size: 22px; line-height: 120%; } @media screen and (max-width: 767px) { .accordion__title { margin-top: 1px; font-size: 16px; } } .accordion__btn { width: 60px; height: 60px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background-color: #1e232f; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; color: #ffffff; font-size: 43px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } @media screen and (max-width: 767px) { .accordion__btn { width: 43px; height: 43px; -webkit-box-flex: 0; -ms-flex: 0 0 43px; flex: 0 0 43px; } } .accordion__btn:before, .accordion__btn:after { content: ""; position: absolute; pointer-events: none; right: 50%; bottom: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); background-color: #ffffff; } .accordion__btn:before { width: 19px; height: 5px; } @media screen and (max-width: 767px) { .accordion__btn:before { width: 14px; height: 4px; } } .accordion__btn:after { width: 5px; height: 19px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 767px) { .accordion__btn:after { width: 4px; height: 14px; } } .accordion__content { max-height: 0; overflow: hidden; padding-left: 82px; display: grid; gap: 20px; max-width: 975px; } @media screen and (max-width: 767px) { .accordion__content { padding-left: 2px; padding-right: 15px; } } .accordion__content p { line-height: 120%; } @media screen and (max-width: 767px) { .accordion__content p { font-size: 14px; line-height: 112%; } } @media screen and (max-width: 767px) { .accordion__content p:first-child { margin-top: 26px; } } @media screen and (max-width: 767px) { .accordion__content p:last-child { margin-bottom: 12px; } } .tabs { margin-top: 30px; } @media screen and (max-width: 767px) { .tabs { margin-top: 16px; } } .tabs--height-auto .tabs__folds { height: auto; } @media screen and (max-width: 575px) { .tabs--height-auto .tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } .tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 19px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { .tabs__nav { margin-bottom: 13px; gap: 5px; } } @media screen and (max-width: 575px) { .tabs__nav { display: grid; grid-template-columns: repeat(3, 1fr); } } .tabs__nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 259px; border: 1px solid #1e232f; padding: 22px 20px; line-height: 120%; font-size: 20px; border-radius: 7px; cursor: pointer; font-weight: 500; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; white-space: nowrap; color: rgba(30, 35, 47, 0.53); } @media (any-hover: hover) { .tabs__nav-item:hover { color: #1e232f; } } @media screen and (max-width: 575px) { .tabs__nav-item { width: auto; padding: 22px 10px; } } @media screen and (max-width: 375px) { .tabs__nav-item { padding: 22px 5px; } } .tabs__nav-item.active { background-color: #1e232f; color: #ffffff; pointer-events: none; } .tabs__folds { position: relative; height: 321px; } @media screen and (max-width: 767px) { .tabs__folds { padding-bottom: 83px; height: 404px; } } .tabs__folds .swiper-buttons { top: auto; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } @media screen and (max-width: 767px) { .tabs__folds .swiper-buttons { -webkit-transform: none; -ms-transform: none; transform: none; bottom: -83px; left: 0; width: 100%; } } .tabs__fold { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; pointer-events: none; } .tabs__fold.open { opacity: 1; pointer-events: all; position: relative; left: auto; top: auto; } .tabs__fold.open .swiper-buttons { z-index: 2; } .map { position: relative; } .map__holder { height: 488px; } @media screen and (max-width: 767px) { .map__holder { height: 350px; } } .map--no-touch:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; z-index: 1; } .pagination { font-size: 14px; line-height: 120%; font-weight: 500; color: rgba(30, 35, 47, 0.2588235294); gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pagination__item.active { color: #1e232f; } @media (any-hover: hover) { .pagination a:hover { color: var(--main-color); } } .radio { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 15px; position: relative; cursor: pointer; } .radio .radio__input { width: 1px; height: 1px; position: absolute; opacity: 0; } .radio .radio__input + label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 27px; min-height: 15px; font-size: 20px; line-height: 120%; cursor: pointer; } .radio .radio__input + label::before { content: ""; position: absolute; left: 0; top: 5px; width: 15px; height: 15px; background-color: rgba(30, 35, 47, 0.14); border-radius: 50%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .radio .radio__input + label::after { content: ""; position: absolute; top: 8px; left: 3px; width: 9px; height: 9px; background-color: var(--main-color); border-radius: 50%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .radio .radio__input:not(:checked) + label { font-weight: 400; } .radio .radio__input:not(:checked) + label::after { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .radio .radio__input:checked + label { font-weight: bold; } .radio .radio__input:checked + label::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*# sourceMappingURL=style.css.map */ .brands_main{ display:block !important; } .brand-list{ display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap:1.25%; padding:24px 0; } .brand-list .brand__item{ width:19%; border:1px solid #eaeaea; border-radius:10px; padding:28px; display:none; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; margin-bottom:15px; } .brand-list .brand__item.show{ display:flex; } .brand-list .brand__item img{ max-height:40px; width:auto; } .brand-list .brand__item p{ text-decoration:underline; } .brand-list .brand__item:hover p{ text-decoration:none; } .brand-service .repairing__item{ position:relative; } .table-box .table-box__row:first-child{ border-top: 1px solid #1E232F29 } .table-box__row{ border-bottom: 1px solid #1E232F29 } .table-box__row > button{ margin-left: auto; } .table-box__row{ align-items: center; } .call-specialist{ width:100%; display:flex; margin-top:20px; justify-content: center; } .repairing__item.give-sale{ grid-column: span 2; cursor:default; } .repairing__item.give-sale .button{ min-width:300px; z-index:2; } .repairing__item.give-sale h3{ font-size:30px; line-height:35px; } .repairing__item.give-sale .sale__description{ margin:15px 0 0 0; } .give-sale:before{ width: 199px; height: 199px; content: ""; position: absolute; background-color: #7882a1; border-radius: 50%; top: -68px; left: 108px; -webkit-filter: blur(130px); filter: blur(130px); pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .repairing__item.give-sale .sale { background-color: #1e232f; border-radius: 22px; padding: 28px; flex-direction: column; align-items: flex-start; } .repairing__item.give-sale .sale__form{ display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .repairing__item .sale__count-shadow{ position:absolute; } .repairing__item.give-sale .sale__count{ margin:0 15px; } .repairing__item.give-sale .sale__count p{ font-size:124px; line-height: 100px; letter-spacing: -0.16em; } .repairing__item.give-sale p{ padding:0; } .repairing__item.give-sale .sale__count-shadow{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 31, 69, 0.9019607843)), to(rgb(76 6 25 / 90%))); } .repairing__item.give-sale .sale__count:before, .repairing__item.give-sale.sale__count:after{ right:15px; } .list .list__title{ position:relative; } .list .list__title > svg{ position:absolute; width:30px; height:30px; fill: var(--main-color); top:8px; left:5px; } .list .list__title > svg path{ fill: var(--main-color); } .request__img{ aspect-ratio:406 / 406; justify-content: center; } .request__img img{ max-height: 100%; } .request--in-content{ grid-template-columns: 406px 476px; } .request--in-content .h2{ font-size: 32px; line-height: 37.5px; } .logo__link{ max-width:105px; background-position:50% 50%; } .repairing__item.give-sale .sale{ text-align:left !important; } .repairing__item.give-sale .sale__wrapper{ align-items: flex-start; margin-bottom:10px; } .repairing__item.give-sale .button{ min-width:150px; max-width:300px; width:100%; } .repairing__item.give-sale .sale__form{ width:100%; } @media (max-width:767px){ .brand-list .brand__item{ width:32%; } .header .header__top .container{ padding-left: 114px; } .header .logo__link{ width:100px; height:50px; } .repairing__item.give-sale .sale__count p{ font-size:110px; } } @media (max-width:480px){ .brand-list .brand__item{ width:49%; } .repairing__item.give-sale .button{ padding:15px 10px; } .repairing__item.give-sale .sale__count p{ font-size:90px; } } /* End */ /* /local/templates/site/css/libs.css?172901898433506 */ /* /local/templates/site/css/style.css?1729847032285637 */ .repairing__item { position: relative; border-radius: 22px; overflow: hidden; background-color: #1e232f; transition: 0.3s ease; } .repairing__content { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; } .repairing__content p { color: #ffffff; font-size: 1.2rem; line-height: 1.2; margin: 0; position: relative; z-index: 2; font-weight: 500; } .repairing__img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 0.7; transition: 0.3s ease; } .repairing__item:hover { transform: translateY(-5px); } .repairing__item:hover .repairing__img { opacity: 0.5; } .repairing { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 30px; } @media (max-width: 1200px) { .repairing { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 991px) { .repairing { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .repairing { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .repairing { } } .repairing__item.give-sale .sale__count { margin: -15px 15px; } .repairing__item.give-sale .sale__description { margin: 5px 0 0 0; } .repairing__item p { padding: 15px 20px 15px; font-size: 17px; color: #ffffff; line-height: 115%; position: relative; } @media (max-width: 768px) { .hide-mobile { display: none !important; } } @keyframes shake { 0% { transform: rotate(0deg); } 10% { transform: rotate(-15deg); } 20% { transform: rotate(15deg); } 30% { transform: rotate(-15deg); } 40% { transform: rotate(15deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } .mobile-call-button { opacity: 0; transform: translateY(100%); display: none; position: fixed; bottom: 0; left: 0; right: 0; background-color: #FF5B5B; color: white; text-align: center; padding-top: 23px; padding-bottom: 23px; text-decoration: none; font-size: 18px; z-index: 1000; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); } /* Класс для активного состояния */ .mobile-call-button.active { opacity: 1; transform: translateY(0); } .mobile-call-button i { margin-right: 8px; display: inline-block; /* Важно для анимации */ animation: shake 1.5s cubic-bezier(.36,.07,.19,.97) infinite; } /* Останавливаем анимацию при наведении */ .mobile-call-button:hover i { animation-play-state: paused; } @media (max-width: 768px) { .mobile-call-button { display: flex; align-items: center; justify-content: center; } body { padding-bottom: 60px; } } @media (max-width: 768px) { .top-article { display: none !important; } } /* Banner Styles */ .banner__wrapper { display: flex; align-items: center; justify-content: space-between; gap: 30px; position: relative; z-index: 2; } .banner__content { flex: 1; max-width: 600px; padding-right: 20px; } .banner__image { flex: 0 0 auto; max-width: 50%; position: relative; } .banner__image img { width: 100%; height: auto; object-fit: contain; display: block; } .banner__image--mobile { display: none; /* Скрыто по умолчанию */ } /* Mobile Styles */ @media screen and (max-width: 991px) { .banner__image--desktop { display: none; /* Скрываем десктопную версию */ } .banner__image--mobile { display: block; /* Показываем мобильную версию */ max-width: 80%; margin: 20px auto; } .banner__wrapper { flex-direction: column; gap: 20px; text-align: center; } .banner__content { max-width: 100%; padding-right: 0; } } @media screen and (max-width: 575px) { .banner__image--mobile { max-width: 100%; } } @media screen and (max-width: 575px) { .banner__image { max-width: 100%; } .banner__content-bottom { padding: 0 15px; } .banner__content-bottom .button { width: 100%; } } .banner__info strong { color: white; font-size: 0.8em; } .banner__info small { font-size: 0.75em; /* Уменьшаем размер до 75% от родительского */ opacity: 0.8; /* Немного уменьшаем контрастность */ display: block; /* Чтобы точно был на новой строке */ margin-top: 2px; /* Небольшой отступ от основного текста */ } /* Для мобильных можно сделать чуть больше */ @media (max-width: 768px) { .banner__info small { font-size: 0.8em; } } .banner__ticker { width: 100%; background: var(--main-color); overflow: hidden; padding: 10px 0; margin-top: 20px; } .ticker__wrapper { display: flex; animation: ticker 15s linear infinite; white-space: nowrap; /* Добавляем эти свойства */ width: fit-content; gap: 20px; } .ticker__item { display: flex; align-items: center; color: #fff; padding: 0 20px; flex-shrink: 0; } /* Стили для ссылок в бегущей строке */ .ticker__item a { color: #fff; text-decoration: none; } .ticker__item a:hover { text-decoration: underline; } .ticker__item i { margin-right: 10px; font-size: 1.2em; } /* Изменяем анимацию */ @keyframes ticker { 0% { transform: translateX(0); } 100% { /* Изменяем значение на основе ширины контента */ transform: translateX(calc(-50% - 10px)); } } .banner__ticker:hover .ticker__wrapper { animation-play-state: paused; } @media screen and (max-width: 768px) { .ticker__wrapper { animation-duration: 12s; } .ticker__item { padding: 0 15px; font-size: 14px; } .ticker__item i { font-size: 1em; } } /* Дополнительные стили для banner - только десктоп */ @media (min-width: 768px) { .banner__bottom { padding-top: 20px; } .banner__ticker { margin-top: -53px; } }