/* Start:/local/templates/landing_seo/assets/css/libs/swiper-bundle.min.css?163973736013872*/ /** * Swiper 6.8.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 22, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background: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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display: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}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/landing_seo/assets/css/libs/fancybox.css?165727081415659*/ .not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.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;-webkit-overflow-scrolling:touch;touch-action:pan-y}.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}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:transparent;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;-webkit-overflow-scrolling:touch;--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;touch-action:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;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{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:transparent}.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(1, 210, 232, 0.94));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, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 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(1, 210, 232, 0.94));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/landing_seo/assets/css/style.css?1701172499155680*/ @charset "UTF-8"; @font-face { font-family: "Montserrat"; src: url("/local/templates/landing_seo/assets/css/../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("/local/templates/landing_seo/assets/css/../fonts/montserrat-regular-webfont.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/local/templates/landing_seo/assets/css/../fonts/montserrat-medium-webfont.woff2") format("woff2"), url("/local/templates/landing_seo/assets/css/../fonts/montserrat-medium-webfont.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/local/templates/landing_seo/assets/css/../fonts/montserrat-semibold-webfont.woff2") format("woff2"), url("/local/templates/landing_seo/assets/css/../fonts/montserrat-semibold-webfont.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/local/templates/landing_seo/assets/css/../fonts/montserrat-bold-webfont.woff2") format("woff2"), url("/local/templates/landing_seo/assets/css/../fonts/montserrat-bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @keyframes leadAnimate { 0% { transform: rotate(0deg); } 10% { transform: rotate(-3deg); } 20% { transform: rotate(3deg); } 30% { transform: rotate(-3deg); } 40% { transform: rotate(3deg); } 50% { transform: rotate(0deg); } 100% { animation-delay: 1s; } } html, body { height: 100%; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } a { background-color: transparent; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } input, textarea { -webkit-appearance: none; border-radius: 0; } button, input, optgroup, select, textarea { font-family: inherit; /* font-size: 100%; */ line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [hidden] { display: none; } :root { --main-font: "Montserrat", sans-serif; --black: #000; --dark-grey: #333; --grey: #52475a; --light-grey: #79717f; --white: #fff; --grey-bg: #e6e1e2; --faded-grey: #f2f2f2; --sand-color: #e0e0e0; --light-grey-bg: #efeeef; --grey-head-bg: #f4f6fa; --dark-purple: #2a1c35; --purple: #3f315d; --light-purple: #a990ac; --red: #d8402b; --red-secondary: #eb5757; --light-red: #dd7972; --line: #d2c0c4; --gradient: linear-gradient(86.53deg, #3f315d 2.12%, #d8402b 97.94%); --white-gradient: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100% ); } html { font-size: 62.5%; } body { min-width: 320px; overflow-x: hidden; } body.hidden { overflow: hidden; } *:not(.bx-core-popup-menu-item-text) { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--main-font); font-weight: 600; color: var(--dark-purple); } .container { padding: 0 260px; margin: 0 auto; max-width: 1920px; width: 100%; } h1, h2, h3, h4 { margin: 0; font-weight: 600; } h1 { font-size: 7.6rem; line-height: 1.18; letter-spacing: 0.05em; } h2 { font-size: 6rem; line-height: 1.07; letter-spacing: 0.05em; } h3 { font-size: 2rem; line-height: 1.4; letter-spacing: 0.02em; } h4 { font-size: 1.4rem; line-height: 1.43; letter-spacing: 0.08em; } a { text-decoration: none; } ul, ol { margin: 0; padding: 0; list-style-type: none; } p { margin: 0; } fieldset, legend { padding: 0; margin: 0; border: none; } button { cursor: pointer; } .btn { border: 2px solid var(--red); padding: 15px 0; min-height: 54px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-size: 1.3rem; line-height: 1.54; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; cursor: pointer; } .btn_white { color: var(--red); background-color: var(--white); } .btn_red { color: var(--white); background-color: var(--red); } .pointer { position: absolute; width: 10px; height: 10px; pointer-events: none; z-index: 340; z-index: 99993; top: 50%; left: 50%; opacity: 0; } .pointer__circle { position: absolute; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); left: 0; right: 0; margin: 0 auto; width: 10px; height: 10px; background: #4fc3f7; border-radius: 50%; -webkit-transition: all 0.5s cubic-bezier(0.37, 0.01, 0, 0.98); -o-transition: all 0.5s cubic-bezier(0.37, 0.01, 0, 0.98); transition: all 0.5s cubic-bezier(0.37, 0.01, 0, 0.98); } .pointer.hide .pointer__circle { opacity: 0.2; -webkit-transform: translate(-30%, -30%); -ms-transform: translate(-30%, -30%); transform: translate(-30%, -30%); width: 60px; height: 60px; -webkit-transition: all 0.5s cubic-bezier(0.37, 0.01, 0, 0.98); -o-transition: all 0.5s cubic-bezier(0.37, 0.01, 0, 0.98); transition: all 0.5s cubic-bezier(0.37, 0.01, 0, 0.98); } .unordered-list li, .arrow-list li { position: relative; } .unordered-list li::before, .arrow-list li::before { content: ""; position: absolute; display: block; } .unordered-list li::before { top: 15px; left: 0; border-radius: 50%; width: 10px; height: 10px; background-color: var(--light-red); } .arrow-list li::before { top: 7px; left: 0; width: 17px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNS4yOTQxMkw2LjQ0NDQ0IDEwTDE0IDIiIHN0cm9rZT0iI0Q4NDAyQiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; } .hide-title { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .bold { font-weight: 700; } .timer { display: -webkit-box; display: -ms-flexbox; display: flex; } .timer__btn { margin-right: 127px; min-width: 467px; } .timer__btn span { color: var(--white); } .timer__text { position: relative; max-width: 650px; width: 100%; font-size: 1.5rem; font-weight: 500; line-height: 1.75; color: var(--grey-bg); } .timer__text::before { content: ""; position: absolute; left: -90px; top: 50%; display: block; width: 60px; height: 30px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCA2MSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjkyODkzIDcuMjkyODlDLTAuMDk3NjMxMSA3LjY4MzQyIC0wLjA5NzYzMTEgOC4zMTY1OCAwLjI5Mjg5MyA4LjcwNzExTDYuNjU2ODUgMTUuMDcxMUM3LjA0NzM4IDE1LjQ2MTYgNy42ODA1NCAxNS40NjE2IDguMDcxMDcgMTUuMDcxMUM4LjQ2MTU5IDE0LjY4MDUgOC40NjE1OSAxNC4wNDc0IDguMDcxMDcgMTMuNjU2OUwyLjQxNDIxIDhMOC4wNzEwNyAyLjM0MzE1QzguNDYxNTkgMS45NTI2MiA4LjQ2MTU5IDEuMzE5NDYgOC4wNzEwNyAwLjkyODkzMkM3LjY4MDU0IDAuNTM4NDA4IDcuMDQ3MzggMC41Mzg0MDggNi42NTY4NSAwLjkyODkzMkwwLjI5Mjg5MyA3LjI5Mjg5Wk0xIDlINjFWN0gxVjlaIiBmaWxsPSIjQTk5MEFDIi8+Cjwvc3ZnPgo="); background-position: center center; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); } .input { padding: 0 15px; } .input-wrap { position: relative; } .input-wrap.error .error-text { display: block; } .input-wrap.error input, .input-wrap.error textarea { outline: 1px solid var(--red); } .error-text { position: absolute; bottom: -14px; left: 0; display: none; color: var(--red); } @-webkit-keyframes scrollDown { 0% { top: -100%; } 100% { top: 100%; } } @keyframes scrollDown { 0% { top: -100%; } 100% { top: 100%; } } @-webkit-keyframes scrollUp { 0% { top: 100%; } 100% { top: -100%; } } @keyframes scrollUp { 0% { top: 100%; } 100% { top: -100%; } } .header { padding: 38px 0; background-color: var(--white); } .header.fixed { position: fixed; top: 0; left: 0; padding: 18px 0 19px 0; width: 100%; z-index: 13; } .header__logo-icon { display: block; } .header.fixed .header__logo { margin-right: 185px; } .header.fixed .header__logo-icon { display: none; } .header.fixed .header__logo-icon_fixed { display: block; } .header.fixed .header__contacts-link { margin-bottom: 2px; } .header.fixed .menu { margin-right: 130px; } .header.fixed .header__contacts-item:not(:last-child) { margin-right: 77px; } .header__container { padding: 0 20px; max-width: 1720px; } .header__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__logo { margin-right: 83px; } .header__logo-icon { max-width: 200px; width: 100%; max-height: 53px; } .header__logo-icon_fixed { display: none; width: 35px; height: 35px; } .header__logo-icon_mobile { display: none; } .header__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__contacts-item:not(:last-child) { margin-right: 48px; } .header__contacts-link { display: block; margin-bottom: 6px; font-size: 1.8rem; line-height: 1.15; letter-spacing: 0.025em; color: var(--grey); } .header__contacts-highlighting { color: var(--light-red); } .header__contacts-text { font-size: 1rem; line-height: 1.3; letter-spacing: 0.075em; color: var(--light-grey); text-transform: uppercase; } .header__dots { position: fixed; right: 77px; bottom: 57px; opacity: 1; visibility: visible; -webkit-transition: 0.3s opacity linear, 0.3s visibility linear; -o-transition: 0.3s opacity linear, 0.3s visibility linear; transition: 0.3s opacity linear, 0.3s visibility linear; } .header__dots-desctop { width: 176px; height: 630px; } .header__dots-desctop-mini { display: none; } .header__dots.hidden { opacity: 0; visibility: hidden; } .header__scroll-btn { position: fixed; display: block; padding: 45px 0 30px 0; width: 20px; opacity: 1; visibility: visible; -webkit-transition: 0.3s opacity linear, 0.3s visibility linear; -o-transition: 0.3s opacity linear, 0.3s visibility linear; transition: 0.3s opacity linear, 0.3s visibility linear; z-index: 5; } .header__scroll-btn.hidden { opacity: 0; visibility: hidden; } .header__scroll-btn.dark .header__scroll-btn-line { background-color: var(--line); } .header__scroll-btn.dark .header__scroll-btn-line::after { background-color: var(--dark-purple); } .header__scroll-btn.dark .header__scroll-btn-position_up, .header__scroll-btn.dark .header__scroll-btn-position_down { color: var(--grey); } .header__scroll-btn.light .header__scroll-btn-line { background-color: var(--light-purple); } .header__scroll-btn.light .header__scroll-btn-line::after { background-color: var(--dark-purple); } .header__scroll-btn.light .header__scroll-btn-position_up, .header__scroll-btn.light .header__scroll-btn-position_down { color: var(--light-grey-bg); } .header__scroll-btn-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__scroll-btn.down { bottom: 182px; left: 116px; } .header__scroll-btn.down .header__scroll-btn-line { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: 113px; margin-top: 63px; } .header__scroll-btn.down .header__scroll-btn-line::after { height: 113px; -webkit-animation: scrollDown 3s ease infinite; animation: scrollDown 3s ease infinite; } .header__scroll-btn.down .header__scroll-btn-position { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__scroll-btn.down .header__scroll-btn-position_down { display: block; min-width: 105px; text-align: left; } .header__scroll-btn.down .header__scroll-btn-position_up { display: none; } .header__scroll-btn.up { bottom: 118px; left: 116px; } .header__scroll-btn.up .header__scroll-btn-line { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 78px; margin-bottom: 45px; } .header__scroll-btn.up .header__scroll-btn-line::after { height: 78px; -webkit-animation: scrollUp 3s ease infinite; animation: scrollUp 3s ease infinite; } .header__scroll-btn.up .header__scroll-btn-position { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header__scroll-btn.up .header__scroll-btn-position_down { display: none; } .header__scroll-btn.up .header__scroll-btn-position_up { display: block; min-width: 79px; text-align: right; } .header__scroll-btn-line { position: relative; width: 1px; overflow: hidden; } .header__scroll-btn-line::after { position: absolute; content: ""; left: 0; width: 1px; } .header__scroll-btn-position { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .header__scroll-btn-position_up, .header__scroll-btn-position_down { font-size: 1.1rem; font-weight: 600; line-height: 1.82; text-transform: uppercase; letter-spacing: 0.08em; } .menu { margin-right: 60px; } .menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu__item:not(:last-child) { margin-right: 26px; } .menu__link { border: none; padding: 0; font-size: 1.1rem; line-height: 1.82; letter-spacing: 0.08em; color: var(--grey); text-transform: uppercase; background-color: transparent; } .menu__submit-application { color: var(--light-red); } .menu__close { display: none; } .menu__social { display: none; } .burger { display: none; } .footer__top { position: relative; padding: 44px 0; background-color: var(--purple); background-image: url("/local/templates/landing_seo/assets/css/../img/footer-bg-desctop.png"); background-repeat: no-repeat; background-position: 12% 35%; background-size: 42%; } .footer__top::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 7%; height: 100%; background-color: #130d2c; } .footer__top-wrap { padding-left: 284px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__top-content { margin-right: 124px; } .footer__top-text { margin-bottom: 17px; max-width: 536px; font-size: 2.4rem; font-weight: 400; line-height: 1.33; letter-spacing: 0.05em; color: var(--white); } .footer__top-text_bold { font-weight: 600; color: var(--white); } .footer__top-mark { font-size: 2.4rem; line-height: 1.33; letter-spacing: 0.05em; text-transform: uppercase; color: var(--light-red); } .footer__top-btn { min-width: 298px; } .footer__arrow { margin-left: 22px; width: 42px; height: 16px; } .footer__bottom { padding-top: 102px; background-color: var(--light-grey-bg); } .footer__bottom-spoiler { margin-bottom: 5px; font-size: 1.3rem; line-height: 1.54; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; color: var(--grey); } .footer__bottom-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-left: 35px; margin-bottom: 93px; font-size: 5.2rem; line-height: 1.23; letter-spacing: 0.05em; } .footer__bottom-subtitle { margin-bottom: 24px; } .footer__bottom-services { padding-left: 140px; } .footer__bottom-services-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__bottom-services-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__bottom-services-block:not(:last-child) { margin-right: 67px; } .footer__bottom-services-block:nth-child(2) { margin-right: 130px; } .footer__bottom-services-link { font-size: 1.1rem; line-height: 1.82; letter-spacing: 0.08em; text-transform: uppercase; color: var(--grey); } .footer__bottom-services-link:not(:last-child) { margin-bottom: 17px; } .footer__bottom-services-mark { max-width: 256px; width: 100%; font-size: 1.3rem; font-weight: 500; line-height: 2; color: var(--grey); } .footer__bottom-services-mark_red { font-size: 1.3rem; font-weight: 500; line-height: 2; color: var(--light-red); } .footer__logo { display: block; margin-bottom: 33px; width: 200px; height: 53px; } .footer__logo .logo-icon { width: 100%; height: 100%; } .footer__copyright { padding-top: 90px; padding-bottom: 70px; background-color: var(--light-grey-bg); } .footer__copyright-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 135px; padding-right: 135px; } .footer__copyright-text { font-size: 1.3rem; font-weight: 500; line-height: 2; color: var(--grey); } .footer__copyright-social { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: -115px; margin-right: 0; margin-left: auto; margin-right: 200px; } .footer__copyright-social-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__copyright-social-item:not(:last-child) { margin-right: 34px; } .footer__copyright-social-link { font-size: 1.1rem; line-height: 1.82; letter-spacing: 0.08em; text-transform: uppercase; color: var(--grey); } .overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.85); visibility: hidden; opacity: 0; -webkit-transition: 0.2s opacity linear; -o-transition: 0.2s opacity linear; transition: 0.2s opacity linear; } .overlay.active { visibility: visible; opacity: 1; z-index: 100; } .modal { position: fixed; top: 50%; left: 50%; padding: 56px 28px 28px 28px; max-width: 391px; max-height: 100%; width: 100%; background-color: var(--white); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: auto; } .modal__close, .modal-success__close, .modal-agreement__close { position: absolute; top: 28px; right: 28px; border: none; width: 20px; height: 20px; background-color: transparent; cursor: pointer; } .modal__close::before, .modal__close::after, .modal-success__close::before, .modal-success__close::after, .modal-agreement__close::before, .modal-agreement__close::after { content: ""; position: absolute; top: 7px; right: -2px; display: block; width: 20px; height: 1px; background-color: var(--grey); } .modal__close::before, .modal-success__close::before, .modal-agreement__close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modal__close::after, .modal-success__close::after, .modal-agreement__close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modal-success, .modal-callback, .modal-agreement { display: none; } .modal-success.active, .modal-callback.active, .modal-agreement.active { display: block; } .modal-success__content { 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; } .modal-success__img { margin-bottom: 30px; } .modal-success__text { margin-bottom: 20px; max-width: 300px; font-weight: 600; font-size: 1.6rem; line-height: 2.12; text-align: center; letter-spacing: 0.08em; text-transform: uppercase; } .modal-success__btn-close { max-width: 250px; width: 100%; } .modal__subtitle { position: relative; padding-bottom: 10px; margin-bottom: 5px; font-size: 2rem; line-height: 1.4; letter-spacing: 0.02em; color: var(--black); text-align: center; } .modal__subtitle::before { content: ""; position: absolute; left: 50%; bottom: 0; display: block; width: 45px; height: 2px; background-color: var(--red); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .modal__desc { font-size: 1.3rem; line-height: 2; text-align: center; margin-bottom: 9px; color: var(--grey); } .modal__text-info { margin-bottom: 15px; font-weight: 500; font-size: 1.2rem; line-height: 1.67; color: var(--grey); } .modal__form-block-input { margin-bottom: 16px; } .modal__form-block-textarea { margin-bottom: 10px; } .modal__form-label { position: relative; display: block; margin-bottom: 8px; font-size: 1.1rem; line-height: 1.82; letter-spacing: 0.08em; text-transform: uppercase; } .modal__form-input, .modal__form-textarea { border: none; width: 100%; background-color: var(--light-grey-bg); } .modal__form-input { height: 50px; } .modal__form-textarea { padding-top: 10px; height: 140px; resize: none; } .modal__mark { margin-bottom: 12px; font-size: 1.3rem; line-height: 2; color: var(--grey); } .modal__btn, .modal__btn_price { width: 100%; } .modal-agreement__subtitle { margin-bottom: 20px; } .modal-agreement__content { padding-right: 10px; margin-bottom: 25px; max-height: 480px; overflow: auto; scrollbar-color: #c1c2c6 #efeeef; scrollbar-width: thin; } .modal-agreement__content::-webkit-scrollbar { width: 4px; background-color: #efeeef; } .modal-agreement__content::-webkit-scrollbar-thumb { background-color: #c1c2c6; } .modal-agreement__text { font-weight: 400; font-size: 1.3rem; line-height: 1.3; letter-spacing: 0.02em; color: var(--grey); } .modal-agreement__text:not(:last-child) { margin-bottom: 10px; } .modal-agreement__btn { margin-left: auto; margin-right: auto; width: 100%; } .intro { display: grid; height: 90vh; background-color: var(--purple); height: calc(100vh - 129px); /* height: auto; */ } .intro__img { grid-area: 1/-1; width: 100%; height: 100%; min-height: 0; object-fit: cover; } .intro__img img { display: block; width: 100%; height: 100%; object-fit: cover; } .intro__container { display: flex; align-items: flex-end; grid-area: 1/-1; z-index: 1; margin: auto; padding-bottom: 80px; height: 100%; } .working-process { padding: 145px 0 221px 0; background-color: var(--purple); } .working-process__title { margin-bottom: 74px; color: var(--white); } .working-process__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 115px 1fr 115px 1fr; grid-template-columns: repeat(3, 1fr); gap: 62px 115px; counter-reset: list; width: 85%; margin-bottom: 80px; } .working-process__item { padding-top: 23px; position: relative; } .working-process__item::before { content: counter(list); position: absolute; top: -15px; right: 25px; font-size: 11rem; line-height: 1; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(--red); counter-increment: list; } .working-process__item::after { content: ""; position: absolute; right: -86px; top: 42px; display: none; width: 100px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTAwIDE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOTkuMzUzNiA4LjM1MzU1Qzk5LjU0ODggOC4xNTgyOSA5OS41NDg4IDcuODQxNzEgOTkuMzUzNiA3LjY0NjQ1TDk2LjE3MTYgNC40NjQ0N0M5NS45NzYzIDQuMjY5MiA5NS42NTk3IDQuMjY5MiA5NS40NjQ1IDQuNDY0NDdDOTUuMjY5MiA0LjY1OTczIDk1LjI2OTIgNC45NzYzMSA5NS40NjQ1IDUuMTcxNTdMOTguMjkyOSA4TDk1LjQ2NDUgMTAuODI4NEM5NS4yNjkyIDExLjAyMzcgOTUuMjY5MiAxMS4zNDAzIDk1LjQ2NDUgMTEuNTM1NUM5NS42NTk3IDExLjczMDggOTUuOTc2MyAxMS43MzA4IDk2LjE3MTYgMTEuNTM1NUw5OS4zNTM2IDguMzUzNTVaTTAgOC41SDQuNzU5NjJWNy41SDBWOC41Wk03LjYxNTM5IDguNUgxNy4xMzQ2VjcuNUg3LjYxNTM5VjguNVpNMTkuOTkwNCA4LjVIMjkuNTA5NlY3LjVIMTkuOTkwNFY4LjVaTTMyLjM2NTQgOC41SDQxLjg4NDZWNy41SDMyLjM2NTRWOC41Wk00NC43NDA0IDguNUg0OS41VjcuNUg0NC43NDA0VjguNVpNNDkuNSA4LjVINTQuMjU5NlY3LjVINDkuNVY4LjVaTTU3LjExNTQgOC41SDY2LjYzNDZWNy41SDU3LjExNTRWOC41Wk02OS40OTA0IDguNUg3OS4wMDk2VjcuNUg2OS40OTA0VjguNVpNODEuODY1NCA4LjVIOTEuMzg0NlY3LjVIODEuODY1NFY4LjVaTTk0LjI0MDQgOC41SDk5VjcuNUg5NC4yNDA0VjguNVpNOTkuNzA3MSA4LjcwNzExQzEwMC4wOTggOC4zMTY1OCAxMDAuMDk4IDcuNjgzNDIgOTkuNzA3MSA3LjI5Mjg5TDkzLjM0MzEgMC45Mjg5MzJDOTIuOTUyNiAwLjUzODQwOCA5Mi4zMTk1IDAuNTM4NDA4IDkxLjkyODkgMC45Mjg5MzJDOTEuNTM4NCAxLjMxOTQ2IDkxLjUzODQgMS45NTI2MiA5MS45Mjg5IDIuMzQzMTVMOTcuNTg1OCA4TDkxLjkyODkgMTMuNjU2OUM5MS41Mzg0IDE0LjA0NzQgOTEuNTM4NCAxNC42ODA1IDkxLjkyODkgMTUuMDcxMUM5Mi4zMTk1IDE1LjQ2MTYgOTIuOTUyNiAxNS40NjE2IDkzLjM0MzEgMTUuMDcxMUw5OS43MDcxIDguNzA3MTFaTTAgOUg0Ljc1OTYyVjdIMFY5Wk03LjYxNTM5IDlIMTcuMTM0NlY3SDcuNjE1MzlWOVpNMTkuOTkwNCA5SDI5LjUwOTZWN0gxOS45OTA0VjlaTTMyLjM2NTQgOUg0MS44ODQ2VjdIMzIuMzY1NFY5Wk00NC43NDA0IDlINDkuNVY3SDQ0Ljc0MDRWOVpNNDkuNSA5SDU0LjI1OTZWN0g0OS41VjlaTTU3LjExNTQgOUg2Ni42MzQ2VjdINTcuMTE1NFY5Wk02OS40OTA0IDlINzkuMDA5NlY3SDY5LjQ5MDRWOVpNODEuODY1NCA5SDkxLjM4NDZWN0g4MS44NjU0VjlaTTk0LjI0MDQgOUg5OVY3SDk0LjI0MDRWOVoiIGZpbGw9IiM1NzQ2N0IiLz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-position: right; } .working-process__item:not(:nth-child(3n + 3))::after { display: block; } .working-process__item_unordered { padding-top: 0; } .working-process__item_unordered::before { display: none; } .working-process__download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .working-process__download-icon { display: block; margin-right: 19px; max-width: 30px; width: 100%; height: 32px; } .working-process__download-text { font-size: 1.3rem; font-weight: 500; line-height: 2; color: var(--grey-bg); } .working-process__subtitle { max-width: 55%; margin-bottom: 24px; color: var(--white); } .working-process__text { position: relative; max-width: 80%; font-size: 1.3rem; font-weight: 500; line-height: 2; color: var(--grey-bg); } .working-process__text_unordered { margin-bottom: 27px; max-width: none; } .working-process .info__text { color: var(--grey-bg); } .working-process .info__text span { display: block; font-weight: 400; } .working-process .application__form { background-image: none; border: 1px solid #57467B; } .team { padding: 145px 0 235px 0; } .team__title { margin-bottom: 77px; /* max-width: 80%; */ } .team__title span { display: block; } .team__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .team__managers { position: relative; margin-right: 70px; max-width: 30%; } .team__manager { position: relative; padding-left: 50px; } .team__manager::before { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 127px; background: var(--white-gradient); } .team__sliders { position: relative; } .team-info-wrap { position: absolute; bottom: -85px; max-width: 314px; width: 100%; } .team__manager-info { padding: 25px 50px 25px 30px; background-color: var(--purple); } .team__manager-name { margin-bottom: 17px; color: var(--white); } .team__manager-phone, .team__manager-mail { display: block; font-size: 1.7rem; font-weight: 400; line-height: 1.88; color: var(--grey-bg); } .team__manager img { width: 100%; height: auto; } .team__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 145px 1fr; grid-template-columns: repeat(2, 1fr); gap: 44px 145px; } .team__item { max-width: 353px; width: 100%; } .team__subtitle { margin-bottom: 17px; color: var(--purple); } .team__subtitle-managers { margin-bottom: 30px; } .team__text { font-size: 1.5rem; font-weight: 400; line-height: 1.6; color: var(--grey); } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: ""; display: block; width: 50px; height: 50px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCAxNiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzA3MTEgMC4yOTI4OTNDOC4zMTY1OCAtMC4wOTc2MzExIDcuNjgzNDIgLTAuMDk3NjMxMSA3LjI5Mjg5IDAuMjkyODkzTDAuOTI4OTMyIDYuNjU2ODVDMC41Mzg0MDggNy4wNDczOCAwLjUzODQwOCA3LjY4MDU0IDAuOTI4OTMyIDguMDcxMDdDMS4zMTk0NiA4LjQ2MTU5IDEuOTUyNjIgOC40NjE1OSAyLjM0MzE1IDguMDcxMDdMOCAyLjQxNDIxTDEzLjY1NjkgOC4wNzEwN0MxNC4wNDc0IDguNDYxNTkgMTQuNjgwNSA4LjQ2MTU5IDE1LjA3MTEgOC4wNzEwN0MxNS40NjE2IDcuNjgwNTQgMTUuNDYxNiA3LjA0NzM4IDE1LjA3MTEgNi42NTY4NUw4LjcwNzExIDAuMjkyODkzWk03IDFWNDZIOVYxSDdaIiBmaWxsPSIjRDJDMEM0Ii8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-size: 17px; background-position: center; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: auto; right: 15px; bottom: 27px; left: auto; margin: 0; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { top: 27px; right: 15px; bottom: auto; left: auto; margin: 0; } .swiper-pagination.swiper-pagination-fraction { top: 0; right: auto; bottom: auto; left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 2.4rem; font-weight: 500; line-height: 45px; letter-spacing: 0.25em; color: var(--grey-bg); text-align: left; } .swiper-pagination-current { margin-right: 6px; font-size: 6rem; font-weight: 500; line-height: 64px; letter-spacing: 0.05em; color: var(--red); } .swiper-pagination-total { font-size: 2.4rem; font-weight: 500; line-height: 45px; letter-spacing: 0.25em; color: var(--grey-bg); } .about-us { padding: 145px 0 113px 0; background-color: var(--light-grey-bg); } .about-us_white { background-color: var(--light-grey-bg); } .about-us__wrap { padding-right: 70px; } .about-us__title { margin-bottom: 76px; max-width: 55%; } .about-us__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-us__revards { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 145px 1fr 145px 1fr; grid-template-columns: repeat(3, 1fr); gap: 76px 145px; margin-right: 145px; width: 100%; } .about-us__revards-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 13px; height: 143px; } .about-us__revards-item::before, .about-us__revards-item::after { content: ""; position: absolute; top: -10px; display: block; width: 70px; height: 150px; background-repeat: no-repeat; background-position: center; } .about-us__revards-item::before { left: 0; background-image: url("/local/templates/landing_seo/assets/css/../img/branch-left.svg"); } .about-us__revards-item::after { background-image: url("/local/templates/landing_seo/assets/css/../img/branch-right.svg"); right: 0; } .about-us__revards-item-name { font-size: 1.1rem; line-height: 1.18; color: var(--red); } .about-us__revards-item-category { margin-top: auto; margin-bottom: 6px; max-width: 188px; font-size: 1.4rem; text-align: center; text-transform: uppercase; color: var(--purple); } .about-us__revards-item-description { margin-bottom: 4px; max-width: 104px; font-size: 1.1rem; line-height: 1.18; color: var(--light-grey); text-align: center; } .about-us__revards-item-date { margin-top: auto; font-size: 1.2rem; line-height: 1.67; letter-spacing: 0.08em; color: var(--purple); } .about-us__info { max-width: 202px; width: 100%; /* margin-top: -190px; */ } .about-us__info-sertificate { margin-bottom: 50px; } .about-us__info-sertificate-img { max-width: 160px; width: 100%; height: auto; margin-bottom: 17px; } .about-us__info-sertificate-img img { width: 100%; height: auto; } .about-us__info-progress-item:not(:last-child) { margin-bottom: 48px; } .about-us__info-progress-value { margin-bottom: 5px; font-size: 6rem; font-weight: 500; line-height: 1.07; letter-spacing: 0.05em; } .about-us__info-progress-description { font-size: 1.3rem; font-weight: 500; line-height: 1.54; letter-spacing: 0.05em; text-transform: uppercase; color: var(--light-grey); } .about-us__info-profile { position: relative; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 1.1rem; line-height: 1.82; letter-spacing: 0.08em; text-transform: uppercase; color: var(--grey); } .about-us__info-profile::before { content: ""; position: absolute; top: 50%; right: -45px; display: block; width: 30px; height: 30px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjcwNzEgOC43MDcxMUMzMS4wOTc2IDguMzE2NTggMzEuMDk3NiA3LjY4MzQyIDMwLjcwNzEgNy4yOTI4OUwyNC4zNDMxIDAuOTI4OTMyQzIzLjk1MjYgMC41Mzg0MDggMjMuMzE5NSAwLjUzODQwOCAyMi45Mjg5IDAuOTI4OTMyQzIyLjUzODQgMS4zMTk0NiAyMi41Mzg0IDEuOTUyNjIgMjIuOTI4OSAyLjM0MzE1TDI4LjU4NTggOEwyMi45Mjg5IDEzLjY1NjlDMjIuNTM4NCAxNC4wNDc0IDIyLjUzODQgMTQuNjgwNSAyMi45Mjg5IDE1LjA3MTFDMjMuMzE5NSAxNS40NjE2IDIzLjk1MjYgMTUuNDYxNiAyNC4zNDMxIDE1LjA3MTFMMzAuNzA3MSA4LjcwNzExWk0wIDlIMzBWN0gwVjlaIiBmaWxsPSIjRDJDMEM0Ii8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-position: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .callback { padding: 148px 0 307px 0; background-image: url("/local/templates/landing_seo/assets/css/../img/form-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: var(--purple); } .callback__title { margin-bottom: 64px; color: var(--white); } .callback__title span:not(.callback__director-name) { display: block; color: var(--white); } .callback__title span.callback__director-name { font-size: 3rem; } .callback__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .callback__director { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 18px; padding-left: 14px; margin-right: 70px; } .callback__director-wrap-img { position: relative; display: block; margin-right: 20px; width: 80px; height: 80px; } .callback__director-wrap-img::before { content: ""; position: absolute; top: -11px; left: -11px; display: block; width: 51px; height: 51px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNTNDMiAyNC44MzM1IDI0LjgzMzUgMiA1MyAyIiBzdHJva2U9IiNEOTc1NzUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-size: 51px; } .callback__director-img { position: relative; display: block; border-radius: 50%; width: 100%; height: 100%; overflow: hidden; } .callback__director-img img { display: block; width: 100%; height: auto; } .callback__director-data { padding-top: 10px; } .callback__director-name { margin-bottom: 5px; color: var(--light-red); } .callback__director-description { margin-bottom: 20px; font-size: 2rem; font-weight: 400; line-height: 1.3; color: var(--grey-bg); } .callback__director-social { display: -webkit-box; display: -ms-flexbox; display: flex; } .callback__director-social-link:not(:last-child) { margin-right: 30px; } .callback__director-social-icon { display: block; width: 16px; height: 16px; } .callback__form { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 20px; } .callback__form-fields { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 71px; margin-bottom: 27px; } .callback__form-agreement { margin-bottom: 24px; } .callback__form-recapcha { margin-bottom: 50px; } .callback__form-recapcha-wrap { position: relative; width: fit-content; } .callback__form-recapcha-wrap.error { outline: 1px solid var(--red); } .callback__form-fields-input { margin-right: 30px; max-width: 360px; width: 100%; } .callback__form-input, .callback__form-textarea { border: none; background-color: var(--grey-bg); } .callback__form-input:-webkit-autofill, .callback__form-input:-webkit-autofill:hover, .callback__form-input:-webkit-autofill:focus, .callback__form-input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--grey-bg) inset !important; } .callback__form-input-wrap, .callback__form-textarea-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .callback__form-textarea-wrap { max-width: 423px; width: 100%; height: auto; } .callback__form-input-wrap:not(:last-child) { margin-bottom: 16px; } .callback__form-input { height: 50px; } .callback__form-label { position: relative; margin-bottom: 8px; font-size: 1.1rem; line-height: 1.45; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sand-color); } .callback__form-label sup, .modal__form-label sup { font-size: inherit; color: inherit; left: -0.32em; } .callback__form-textarea { padding-top: 10px; height: 140px; resize: none; } .callback__form-submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .callback__form-btn { margin-right: 41px; min-width: 241px; } .reviews { padding: 145px 0 153px 0; background-color: var(--purple); } .reviews__title { margin-bottom: 76px; color: var(--white); } .reviews__item { padding: 97px 140px 79px 133px; background-color: var(--light-grey-bg); min-height: 100%; height: auto; } .reviews__autor { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 12px; margin-bottom: 36px; } .reviews__autor::before { content: "”"; position: absolute; top: 0; right: 0; font-size: 7.2rem; line-height: 1; color: var(--red); } .reviews__autor-wrap-img { position: relative; display: block; margin-right: 20px; width: 80px; height: 80px; } .reviews__autor-wrap-img::before { content: ""; position: absolute; top: -11px; left: -11px; display: block; width: 51px; height: 51px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNTNDMiAyNC44MzM1IDI0LjgzMzUgMiA1MyAyIiBzdHJva2U9IiNEOTc1NzUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-size: 51px; } .reviews__autor-img { border-radius: 50%; overflow: hidden; } .reviews__autor-info { padding-top: 10px; } .reviews__autor-name { margin-bottom: 5px; } .reviews__autor-description { font-size: 2rem; font-weight: 400; line-height: 1.3; color: var(--light-grey); } .reviews__autor-text { font-size: 2rem; font-weight: 500; line-height: 1.8; } .reviews__slider { max-width: 100%; width: 100%; } .reviews__slider-wrap { position: relative; padding: 0 93px 82px 93px; margin: 0 -93px; max-width: 92%; } .reviews__slider-wrap .reviews-button-prev { top: calc(50% - 60px); right: auto; left: 0; width: 60px; height: 60px; } .reviews__slider-wrap .reviews-button-next { top: calc(50% - 60px); right: 0; left: auto; width: 60px; height: 60px; } .reviews__slider-wrap .reviews-button-next::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .reviews__slider-wrap .reviews-button-prev::after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .reviews-button-next::after, .reviews-button-prev::after { width: 60px; height: 60px; } .gallery { position: relative; } .gallery-pagination { z-index: 20000; } .reviews-pagination, .gallery-pagination { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .reviews-pagination .swiper-pagination-bullet, .gallery-pagination .swiper-pagination-bullet { margin: 0 6px; width: 6px; height: 6px; background-color: var(--grey-bg); opacity: 1; } .reviews-pagination .swiper-pagination-bullet-active, .gallery-pagination .swiper-pagination-bullet-active { background-color: var(--red); } .cases { padding-top: 138px; } .cases__top { margin-bottom: 54px; } .cases__middle { background-color: var(--light-grey-bg); } .cases__bottom { background-color: var(--grey-bg); } .cases__slider-wrapper { padding-left: 10px; } .cases__detail { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 57px; padding-bottom: 48px; } .cases__detail-right-block { width: inherit; } .cases__detail-left-block { align-self: baseline; margin-right: 102px; max-width: 38%; width: 100%; max-height: 400px; } .error .error-text { display: block; } .cases__detail-img { position: relative; display: block; margin-bottom: 40px; width: 100%; height: auto; } .cases__detail-img::before { content: ""; position: absolute; top: 50%; left: 50%; display: block; border-radius: 50%; width: 64px; height: 64px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjAxIDIyQzguMjAwMDEgMjIgMS42NTAwMyAxNi40MiAwLjA5MDAyNjkgMTEuMjlMMCAxMUwwLjA5MDAyNjkgMTAuNzFDMS42OTAwMyA1LjQ2MDAyIDguMzkwMDEgMCAxNi4wMSAwQzIzLjYzIDAgMzAuMzIgNS40NjAwMiAzMS45MiAxMC43MUwzMi4wMSAxMUwzMS45MiAxMS4yOUMzMC4zNiAxNi40MiAyMy44MiAyMiAxNi4wMSAyMlpNMi4xMDAwNCAxMUMzLjU3MDA0IDE1LjE0IDkuMjMwMDEgMjAgMTYuMDEgMjBDMjIuNzkgMjAgMjguNDQgMTUuMTQgMjkuOTEgMTFDMjguNCA2LjcyIDIyLjYyIDIgMTYuMDEgMkM5LjQwMDAxIDIgMy42MjAwNCA2LjcyIDIuMTAwMDQgMTFaIiBmaWxsPSIjNzk3MTdGIi8+CjxwYXRoIGQ9Ik0xNi4wMDk4IDE2QzE1LjAyMDkgMTYgMTQuMDU0MiAxNS43MDY3IDEzLjIzMTkgMTUuMTU3M0MxMi40MDk3IDE0LjYwNzkgMTEuNzY4OCAxMy44MjcgMTEuMzkwNCAxMi45MTM0QzExLjAxMTkgMTEuOTk5OCAxMC45MTI5IDEwLjk5NDUgMTEuMTA1OCAxMC4wMjQ1QzExLjI5ODggOS4wNTQ2NCAxMS43NzUgOC4xNjM3MiAxMi40NzQyIDcuNDY0NDZDMTMuMTczNSA2Ljc2NTE5IDE0LjA2NDQgNi4yODkwMSAxNS4wMzQzIDYuMDk2MDhDMTYuMDA0MiA1LjkwMzE1IDE3LjAwOTUgNi4wMDIxNiAxNy45MjMyIDYuMzgwNTlDMTguODM2OCA2Ljc1OTAzIDE5LjYxNzcgNy4zOTk5IDIwLjE2NzEgOC4yMjIxNUMyMC43MTY1IDkuMDQ0MzkgMjEuMDA5OCAxMC4wMTExIDIxLjAwOTggMTFDMjEuMDA5OCAxMi4zMjYxIDIwLjQ4MyAxMy41OTc4IDE5LjU0NTMgMTQuNTM1NUMxOC42MDc2IDE1LjQ3MzIgMTcuMzM1OCAxNiAxNi4wMDk4IDE2Wk0xNi4wMDk4IDcuOTk5OThDMTUuNDE2NCA3Ljk5OTk4IDE0LjgzNjQgOC4xNzU5NSAxNC4zNDMxIDguNTA1NTlDMTMuODQ5NyA4LjgzNTI0IDEzLjQ2NTIgOS4zMDM3NiAxMy4yMzgxIDkuODUxOTRDMTMuMDExIDEwLjQwMDEgMTIuOTUxNiAxMS4wMDMzIDEzLjA2NzQgMTEuNTg1M0MxMy4xODMxIDEyLjE2NzIgMTMuNDY4OSAxMi43MDE4IDEzLjg4ODQgMTMuMTIxM0MxNC4zMDggMTMuNTQwOSAxNC44NDI2IDEzLjgyNjYgMTUuNDI0NSAxMy45NDI0QzE2LjAwNjQgMTQuMDU4MSAxNi42MDk3IDEzLjk5ODcgMTcuMTU3OCAxMy43NzE2QzE3LjcwNiAxMy41NDQ2IDE4LjE3NDUgMTMuMTYgMTguNTA0MiAxMi42NjY3QzE4LjgzMzggMTIuMTczMyAxOS4wMDk4IDExLjU5MzMgMTkuMDA5OCAxMUMxOS4wMDk4IDEwLjIwNDMgMTguNjkzNyA5LjQ0MTI4IDE4LjEzMTEgOC44Nzg2N0MxNy41Njg1IDguMzE2MDYgMTYuODA1NCA3Ljk5OTk4IDE2LjAwOTggNy45OTk5OFoiIGZpbGw9IiM3OTcxN0YiLz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-color: var(--white); background-size: 32px; background-position: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cases__detail-img img { width: 100%; height: auto; } .cases__detail-link { font-size: 1.7rem; line-height: 1.88; color: var(--red); } .cases__detail-subtitle { margin-bottom: 48px; font-size: 3rem; line-height: 0.93; letter-spacing: 0.02em; text-transform: uppercase; } .cases__detail-right-head { padding: 24px 0; } .cases__detail-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 10px; border-bottom: 1px solid var(--grey-bg); } .cases__detail-tab-link { position: relative; display: block; width: 100%; height: 100%; font-size: 1.1rem; line-height: 1.82; letter-spacing: 0.08em; text-transform: uppercase; } .cases__detail-tab-link::before { content: ""; position: absolute; bottom: -11px; left: 0; display: none; width: 100%; height: 3px; background-color: var(--red); } .cases__detail.swiper-slide-active .cases__detail-tab-link.active::before, .cases__detail.swiper-slide-duplicate-active .cases__detail-tab-link.active::before, .cases__detail-tab-link[data-start]::before { display: block; } .cases__detail-tab-content { display: none; } .cases__detail-tab:not(:last-child) { margin-right: 60px; } .cases__detail-text { position: absolute; padding-bottom: 28px; max-width: 85%; font-size: 1.7rem; font-weight: 400; line-height: 1.88; color: var(--grey); overflow: hidden; visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; } .cases__detail-text.hide-text::before { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 45%; background: -o-linear-gradient(top, rgba(239, 238, 239, 0) 0%, #efeeef 100%); background: -webkit-gradient( linear, left top, left bottom, from(rgba(239, 238, 239, 0)), to(#efeeef) ); background: linear-gradient(180deg, rgba(239, 238, 239, 0) 0%, #efeeef 100%); } .cases__detail.swiper-slide-active .cases__detail-text.active, .cases__detail.swiper-slide-duplicate-active .cases__detail-text.active, .cases__detail-text[data-start] { position: relative; visibility: visible; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; opacity: 1; } .cases__wrap-slider { max-width: 102%; position: relative; padding: 47px 93px 40px 93px; margin: 0 -93px; } .cases__wrap-slider .cases-button-next::after, .cases__wrap-slider .cases-button-prev::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCA2NSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjkyODkyIDcuMjkyODlDLTAuMDk3NjMzNCA3LjY4MzQyIC0wLjA5NzYzMzQgOC4zMTY1OCAwLjI5Mjg5MiA4LjcwNzExTDYuNjU2ODUgMTUuMDcxMUM3LjA0NzM4IDE1LjQ2MTYgNy42ODA1NCAxNS40NjE2IDguMDcxMDcgMTUuMDcxMUM4LjQ2MTU5IDE0LjY4MDUgOC40NjE1OSAxNC4wNDc0IDguMDcxMDcgMTMuNjU2OUwyLjQxNDIyIDhMOC4wNzEwNyAyLjM0MzE1QzguNDYxNTkgMS45NTI2MiA4LjQ2MTU5IDEuMzE5NDYgOC4wNzEwNyAwLjkyODkzMkM3LjY4MDU0IDAuNTM4NDA4IDcuMDQ3MzggMC41Mzg0MDggNi42NTY4NSAwLjkyODkzMkwwLjI5Mjg5MiA3LjI5Mjg5Wk02NSA3TDEgN1Y5TDY1IDlWN1oiIGZpbGw9IiM3OTcxN0YiLz4KPC9zdmc+Cg=="); background-size: 64px; } .cases__wrap-slider .cases-button-prev, .cases__wrap-slider .cases-button-next { top: 50%; margin-top: 0; width: 64px; height: 64px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cases__wrap-slider .cases-button-prev { right: auto; left: 0; } .cases__wrap-slider .cases-button-next { right: 0; left: auto; } .cases__wrap-slider .cases-button-next::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cases__wrap-slider .cases-button-prev::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .cases-button-next::after, .cases-button-prev::after { width: 64px; height: 64px; } .cases__slider-main-item { /* position: relative; */ cursor: pointer; } .cases__slider-main-item.swiper-slide-thumb-active .cases__slider-main-item-img { border-color: var(--red); } .cases__slider-main-item.swiper-slide-thumb-active .cases__slider-main-item-description { color: var(--red); } .cases__slider-main-item-description { font-size: 1.3rem; font-weight: 700; line-height: 2; text-transform: uppercase; } .cases__slider-main-item-img { display: -webkit-box; display: -ms-flexbox; display: flex; border: 3px solid transparent; } .cases__slider-main-item-img img { width: 100%; height: auto; } .fancybox__content { background-color: transparent; } .fancybox__backdrop { background-color: var(--dark-purple); } .fancybox__content :focus:not(.carousel__button.is-close) { outline: none; } .gallery { display: none; } .gallery .swiper-button-next, .gallery .swiper-button-prev { top: 50%; width: 64px; height: 64px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .gallery .swiper-button-next::after, .gallery .swiper-button-prev::after { width: 64px; height: 64px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCA2NSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTY0LjcwNzEgOC43MDcxMUM2NS4wOTc2IDguMzE2NTggNjUuMDk3NiA3LjY4MzQyIDY0LjcwNzEgNy4yOTI4OUw1OC4zNDMxIDAuOTI4OTMyQzU3Ljk1MjYgMC41Mzg0MDggNTcuMzE5NSAwLjUzODQwOCA1Ni45Mjg5IDAuOTI4OTMyQzU2LjUzODQgMS4zMTk0NiA1Ni41Mzg0IDEuOTUyNjIgNTYuOTI4OSAyLjM0MzE1TDYyLjU4NTggOEw1Ni45Mjg5IDEzLjY1NjlDNTYuNTM4NCAxNC4wNDc0IDU2LjUzODQgMTQuNjgwNSA1Ni45Mjg5IDE1LjA3MTFDNTcuMzE5NSAxNS40NjE2IDU3Ljk1MjYgMTUuNDYxNiA1OC4zNDMxIDE1LjA3MTFMNjQuNzA3MSA4LjcwNzExWk02NCA3TDAgN1Y5TDY0IDlWN1oiIGZpbGw9IiNFRkVFRUYiLz4KPC9zdmc+Cg=="); background-size: 64px; } .gallery .swiper-button-next { right: -95px; } .gallery .swiper-button-prev { left: -95px; } .gallery__main-slider { max-width: 1096px; width: 100%; } .gallery__main-slider-slide img { width: 100%; height: auto; } .gallery__main-slider-wrap { position: relative; padding-bottom: 60px; } .gallery__additionaly-slider { max-width: 290px; width: 100%; } .gallery__additionaly-slider-slide { max-width: 86px; width: 100%; height: 54px; } .gallery__additionaly-slider-slide.swiper-slide-thumb-active { border: 2px solid var(--red); } .gallery__additionaly-slider-slide img { width: 100%; height: 100%; } .gallery__title { margin-bottom: 24px; font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em; color: var(--light-grey-bg); } .gallery__close { position: fixed; top: 64px; right: 121px; display: block; border: none; padding: 0; width: 36px; height: 36px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAzNiAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMzLjk0NDUgMC4yODgyNTdMMCAzNC4yMzI3TDEuNzg2NTUgMzYuMDE5M0wzNS43MzEgMi4wNzQ4MUwzMy45NDQ1IDAuMjg4MjU3WiIgZmlsbD0iI0VGRUVFRiIvPgo8cGF0aCBkPSJNMi4wNTU1MyAwTDAuMjY4OTggMS43ODY1NUwzNC4yMTM1IDM1LjczMUwzNiAzMy45NDQ1TDIuMDU1NTMgMFoiIGZpbGw9IiNFRkVFRUYiLz4KPC9zdmc+Cg=="); background-position: center; background-repeat: no-repeat; background-size: 36px; background-color: transparent; } .intro__title { margin-bottom: 32px; max-width: 100%; color: var(--white); } .intro__title span { display: block; color: var(--white); } .intro__title span:not(.redline) { color: var(--light-red); } .intro__text { margin-bottom: 88px; max-width: 60%; font-size: 2rem; font-weight: 400; line-height: 1.5; color: var(--grey-bg); } .intro__item { font-weight: 400; color: var(--white); padding-left: 25px; } .intro__item:not(:last-child) { margin-bottom: 24px; } .intro__item span { font-weight: 600; color: inherit; } .unordered-list .intro__item::before { top: 10px; } .btn_intro { padding-right: 72px; padding-left: 72px; } .application { padding: 128px 0 90px 0; /* background-color: var(--light-grey-bg); */ } .application__title { max-width: 850px; margin-bottom: 76px; } .application__list { margin-bottom: 76px; } .application__list.unordered-list li::before { top: 7px; } .application__item { padding-left: 34px; } .application__item::before { top: 7px; } .application__item:not(:last-child) { margin-bottom: 36px; } .application__text { margin-bottom: 48px; max-width: 55%; font-size: 2rem; font-weight: 400; line-height: 2; color: var(--grey); } .application__btn { min-width: 298px; } .application__info { margin-bottom: 70px; max-width: 850px; } .info { position: relative; padding-left: 30px; } .info::before { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 3px; height: 100%; background-color: var(--light-red); transform: translateY(-50%); } .info__text { font-size: 2rem; font-weight: 400; line-height: 2; color: var(--grey); } .info__text span { font-weight: 700; color: inherit; } .form { padding: 42px 30px 50px 30px; } .form__title { margin-bottom: 22px; font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em; color: var(--white); } .form__label { margin-bottom: 8px; display: block; font-weight: 500; font-size: 1.1rem; line-height: 1.45; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sand-color); } .form__input { border: none; width: 100%; height: 50px; background-color: var(--white); } .application__form { display: flex; align-items: flex-end; background-image: url("/local/templates/landing_seo/assets/css/../img/form-1-bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; max-width: 1238px; flex-wrap: wrap; } .application__form .form__fields { /* margin-right: 30px; */ width: calc(70% - 15px); width: 100%; } .application__form .form__submit { width: calc(33% - 15px); align-self: flex-start; } .application__form .form__fields { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; } .application__form .form__wrap { width: calc(33% - 15px); } .application__form .form__wrap:not(:last-child) { /* margin-right: 30px; */ } .application__form .form__wrap-recapcha { margin-right: 30px; } .application__form .modal__checkbox { margin-bottom: 6px; } .form .modal__checkmark { color: var(--white); } .form__submit { height: 100%; } .application__form .form__btn { padding: 14px 0; width: 100%; min-height: 50px; } .about-us__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 52px 140px; margin-right: 195px; width: 100%; } /* .about-us__item { max-width: 400px; } */ .about-us__item-subtitle { margin-bottom: 17px; font-weight: 600; font-size: 2rem; line-height: 1.4; letter-spacing: 0.02em; color: var(--purple); } .about-us__item-text { font-weight: 400; font-size: 1.7rem; line-height: 1.88; color: var(--grey); } .integration { padding: 144px 0 113px 0; background-color: var(--light-grey-bg); } .integration__title { margin-bottom: 76px; max-width: 80%; } .integration__list { max-width: 401px; width: 100%; } .integration__list:first-child { margin-right: 140px; } .integration__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .integration__item:not(:last-child) { margin-bottom: 52px; } .integration__subtitle { margin-bottom: 17px; color: var(--purple); } .integration__text { font-size: 1.7rem; font-weight: 400; line-height: 1.88; color: var(--grey); } .monitoring { padding: 145px 0 158px 0; background-color: var(--light-grey-bg); } .monitoring__title { margin-bottom: 76px; } .monitoring__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .monitoring__info { margin-right: 18px; width: 39%; } .monitoring__img { width: 52%; } .monitoring__img img { width: 100%; height: auto; } .monitoring__text { margin-bottom: 24px; font-size: 1.7rem; line-height: 1.88; color: var(--grey); } .monitoring__list.unordered-list li::before { top: 11px; } .monitoring__item { padding-left: 23px; font-size: 1.7rem; font-weight: 400; line-height: 1.88; } .monitoring__item:not(:last-child) { margin-bottom: 17px; } .tarrifs { padding: 152px 0 0 0; } .tarrifs__title { margin-bottom: 76px; } .tarrifs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 76px; max-width: 1236px; width: 100%; } .tarrifs__item:not(:last-child) { margin-bottom: 48px; } .tarrifs__item:last-of-type .tarrifs__item-name-title span { color: var(--red); } .tarrifs__item-accordeon { margin-top: auto; } .tarrifs__item-accordeon + .tarrifs__item-accordeon { margin-top: 32px; } .tarrifs__item-accordeon-link { display: none; } .tarrifs__item-left, .tarrifs__item-right { width: calc(50% - 32px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tarrifs__item-left { margin-right: 63px; } .tarrifs__item-right-content { border-bottom: 1px solid var(--light-grey-bg); padding-bottom: 30px; margin-bottom: 39px; } .tarrifs__item-block { border: 1px solid var(--grey-bg); padding: 48px; background-color: var(--white); } .modal .tarrifs__item-block { background-color: rgba(255, 255, 255, 0.8); } .tarrifs__item-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; } .tarrifs__item-name-img { 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; border-radius: 50%; padding: 14px; margin-right: 24px; width: 86px; height: 86px; background-color: var(--light-grey-bg); } .premium .tarrifs__item-name-title span { color: var(--red); } .tarrifs__item-name-title { font-size: 2.8rem; line-height: 1; } .tarrifs__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .tarrifs__item-point { padding-left: 22px; } .tarrifs__item-point:not(:last-child) { margin-bottom: 16px; } .tarrifs__item-text { font-size: 1.3rem; font-weight: 500; line-height: 2; color: var(--grey); } .tarrifs__item-text.tarrifs__item-text--title:not(:last-child) { font-weight: 700; line-height: 1; margin-bottom: 5px; } .tarrifs__item-text:not(:last-child) { margin-bottom: 12px; } .tarrifs__item-text .bold { color: var(--grey); } .tarrifs__item-performers { margin-top: auto; max-width: 80%; } .tarrifs__item-terms { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; } .tarrifs__item-terms-count { display: flex; align-items: baseline; align-self: baseline; margin-right: 17px; font-size: 4.8rem; font-weight: 500; line-height: 1.14; letter-spacing: 0.05em; } .tarrifs__item-terms-text { max-width: 60%; font-size: 1.7rem; line-height: 1.53; font-weight: 500; } .tarrifs__item-price-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 17px; } .tarrifs__item-price-total { margin-right: 30px; font-size: 2.8rem; line-height: 1.5; letter-spacing: 0.05em; } .tarrifs__item-price-hourly { font-size: 1.7rem; font-weight: 500; line-height: 2; letter-spacing: 0.05em; } .tarrifs__item-btn { min-width: 100%; } .tarrifs .swiper-button-prev, .tarrifs .swiper-button-next { display: none; } .tarrifs__pagination { display: none; } .clients { padding: 145px 0; } .clients__content { margin-bottom: 140px; max-width: 1100px; width: 100%; } .clients__text { font-size: 1.7rem; font-weight: 400; line-height: 1.88; color: var(--grey); } .clients__text:not(:last-child) { margin-bottom: 20px; } .clients__title { margin-bottom: 76px; } .clients__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; } .clients__item img { width: 100%; max-height: 70px; -o-object-fit: contain; object-fit: contain; } .application__title { margin-bottom: 76px; } .clients__slider-wrapper { position: relative; margin-bottom: 60px; max-width: 1100px; width: 100%; padding: 0 68px; } .clients__btn-next, .clients__btn-prev { top: 20% !important; z-index: 11; } .clients__btn-next { left: auto; right: -100px; -webkit-transform: rotate(90deg) translateY(-50%); -ms-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%); } .clients__btn-prev { right: auto; left: -100px; -webkit-transform: rotate(90deg) translateY(-50%); -ms-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%); } .swiper-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clients__pagination { position: absolute; left: 50%; bottom: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .clients__pagination .swiper-pagination-bullet { margin: 0 6px; min-width: 6px; height: 6px; background-color: var(--grey-bg); opacity: 1; } .clients__pagination .swiper-pagination-bullet-active { background-color: var(--red); } .cases__detail.clicked.swiper-slide-active .cases__detail-tab-link[data-start]::before { content: none; } .cases__detail.clicked.swiper-slide-active .cases__detail-text[data-start] { display: none; } .cases-toggle-btn { position: absolute; bottom: -1px; left: 50%; border: none; width: 100%; font-weight: 500; font-size: 12px; line-height: 2.67; text-transform: uppercase; color: var(--red); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .error-page { 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; background-color: var(--purple); } .error-page__wrap { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 100px 0; } .error-page__title { margin-bottom: 68px; font-size: 28.8rem; line-height: 1; letter-spacing: 0.15em; background-color: var(--red); background-image: -o-linear-gradient(#d8402b, #3f315d 100%); background-image: -webkit-gradient( linear, left top, left bottom, from(#d8402b), to(#3f315d) ); background-image: linear-gradient(#d8402b, #3f315d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; text-align: center; } .error-page__warning { margin-bottom: 52px; font-size: 5.2rem; font-weight: 600; line-height: 1.25; letter-spacing: 0.05em; color: var(--white); text-align: center; } .error-page__text { margin-bottom: 35px; max-width: 1000px; font-size: 1.8rem; font-weight: 400; line-height: 1.5; letter-spacing: 0.02em; color: var(--white); text-align: center; } .error-page__btn { padding: 17px 64px; } .not-found .footer { display: none; opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .callback .modal__checkbox { margin-bottom: 0; max-width: 350px; } .callback .modal__checkmark::before, .callback .modal__checkmark::after { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .callback .modal__checkmark { text-decoration: none; color: var(--sand-color); } .modal__checkbox { position: relative; display: block; padding-left: 37px; margin-bottom: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .modal__checkmark::before { content: ""; position: absolute; top: 7px; left: 0; border: 1px solid #c4c4c4; height: 22px; width: 22px; background-color: var(--white); } .modal__checkmark:after { content: ""; position: absolute; top: 0; left: 0; display: none; width: 15px; height: 15px; left: 5px; top: 11px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjE5NDQgMi44NTlMNy4yMTk0NSAxMC44MzM0QzYuNjI4ODkgMTEuNDI0IDUuNjcwOTIgMTEuNDI0IDUuMDc5ODEgMTAuODMzNEwwLjk2MzEwMiA2LjcxNjM2QzAuMzcyMzI1IDYuMTI1NjkgMC4zNzIzMjUgNS4xNjc2MSAwLjk2MzEwMiA0LjU3NjgzQzEuNTUzOTkgMy45ODU5NSAyLjUxMTg5IDMuOTg1OTUgMy4xMDI1MSA0LjU3NjYxTDYuMTQ5OTUgNy42MjQwOEwxMy4wNTQ2IDAuNzE5MzY2QzEzLjY0NTUgMC4xMjg0NzcgMTQuNjAzNSAwLjEyODkyNSAxNS4xOTQxIDAuNzE5MzY2QzE1Ljc4NDggMS4zMTAxNCAxNS43ODQ4IDIuMjY3ODkgMTUuMTk0NCAyLjg1OVoiIGZpbGw9IiNEODQwMkIiLz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-position: center; } .modal__checkmark { font-size: 1.2rem; font-weight: 500; line-height: 1.67; color: var(--grey); } .modal__agreement { color: var(--light-red); text-decoration: underline; } .modal__checkbox input:checked ~ .modal__checkmark:after, .modal__checkbox input[checked] ~ .modal__checkmark:after { display: block; } .prices__item:last-child .prices__rate-name { color: var(--red); } .btn:disabled { background-color: #c1c2c6; border-color: #c1c2c6; pointer-events: none; cursor: default; } .cases__slider-wrapper { position: relative; padding-bottom: 200px; } .cases-btn-next, .cases-btn-prev { position: absolute; bottom: 115px; top: auto; right: auto; width: 60px; } .cases-btn-next { left: calc(50% + 65px); transform: rotate(180deg); } .cases-btn-prev { right: calc(50% + 65px); transform: rotate(180deg); } .cases-pagination { position: absolute; left: 50%; bottom: 75px; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .cases-pagination .swiper-pagination-bullet { margin: 0 6px; width: 6px; height: 6px; background-color: #a990ac; } .cases-pagination .swiper-pagination-bullet-active { background-color: var(--red); } .cases-btn-prev::after, .cases-btn-next::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCA2MSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjkyODkzIDcuMjkyODlDLTAuMDk3NjMxMSA3LjY4MzQyIC0wLjA5NzYzMTEgOC4zMTY1OCAwLjI5Mjg5MyA4LjcwNzExTDYuNjU2ODUgMTUuMDcxMUM3LjA0NzM4IDE1LjQ2MTYgNy42ODA1NCAxNS40NjE2IDguMDcxMDcgMTUuMDcxMUM4LjQ2MTU5IDE0LjY4MDUgOC40NjE1OSAxNC4wNDc0IDguMDcxMDcgMTMuNjU2OUwyLjQxNDIxIDhMOC4wNzEwNyAyLjM0MzE1QzguNDYxNTkgMS45NTI2MiA4LjQ2MTU5IDEuMzE5NDYgOC4wNzEwNyAwLjkyODkzMkM3LjY4MDU0IDAuNTM4NDA4IDcuMDQ3MzggMC41Mzg0MDggNi42NTY4NSAwLjkyODkzMkwwLjI5Mjg5MyA3LjI5Mjg5Wk0xIDlINjFWN0gxVjlaIiBmaWxsPSIjRDg0MDJCIi8+Cjwvc3ZnPgo="); background-size: contain; width: 60px; } .fancybox__content>.carousel__button.is-close { display: none; } .contacts { padding-top: 140px; } @media screen and (min-width: 1024px) { .fancybox__slide { padding: 15px 100px; } } @media screen and (max-width: 1903px) { h1 { font-size: 6.4rem; line-height: 1.12; } .intro__title span { display: inline; } h2 { font-size: 4.8rem; line-height: 1.25; } h3 { font-size: 1.8rem; line-height: 1.56; } h4 { font-size: 1.4rem; line-height: 1.43; } .container { padding: 0 185px; } .intro__container { padding-bottom: 80px; } .unordered-list li::before { top: 8px; } .header { padding: 29px 0; } .header.fixed .header__logo { margin-right: 20px; } .header.fixed .header__contacts-link { margin-bottom: 7px; } .header.fixed .menu { margin-right: 30px; } .header.fixed .menu__item:not(:last-child) { margin-right: 20px; } .header.fixed .header__contacts-item:not(:last-child) { margin-right: 0; } .header__container { padding: 0 20px; max-width: 1260px; } .header__logo { margin-right: 40px; } .header__logo-icon { max-width: 150px; max-height: 41px; } .header__contacts-link { font-size: 1.6rem; line-height: 1.3; } .header__contacts-item:last-child { display: none; } .header__contacts-item:not(:last-child) { margin-right: 0; } .header__dots { right: 42px; bottom: 21px; } .header__dots-desctop { display: none; } .header__dots-desctop-mini { width: 76px; height: 511px; display: block; } .header__scroll-btn.up, .header__scroll-btn.down { left: 74px; } .menu { margin-right: 27px; } .menu__item:not(:last-child) { margin-right: 20px; } .footer__top { padding: 26px 0 23px 0; } .footer__top-wrap { padding-left: 312px; } .footer__top-content { margin-right: 30px; } .footer__top-text { margin-bottom: 12px; font-size: 1.8rem; line-height: 1.56; } .footer__top-mark { font-size: 1.8rem; line-height: 1.56; } .footer__top-btn { min-width: 281px; } .footer__bottom { padding-top: 43px; } .footer__bottom-spoiler { margin-bottom: 0; font-size: 1.2rem; line-height: 1.5; } .footer__bottom-link { margin-bottom: 52px; font-size: 4rem; line-height: 1.5; } .footer__bottom-services { padding-left: 0; } .footer__bottom-services-block:not(:last-child) { margin-right: 44px; } .footer__bottom-services-link { font-size: 1rem; line-height: 1.8; } .footer__copyright { padding: 52px 0 64px 0; } .footer__copyright-text { margin-right: 305px; } .footer__copyright-wrap { padding-left: 0; } .footer__copyright-social { margin-right: 0; margin-left: 0; } .footer__copyright-social-link { font-size: 1rem; line-height: 1.8; } .working-process { padding: 80px 0 145px 0; } .working-process__title { margin-bottom: 50px; } .working-process__subtitle { max-width: 60%; } .working-process__list { gap: 34px 117px; width: 97%; } .working-process__item:not(:nth-child(3n + 3))::after { right: -87px; width: 72px; background-position-x: right; } .working-process__item::before { top: -7px; right: -5px; font-size: 10rem; } .working-process__text { max-width: 100%; } .working-process__download { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .team { padding: 80px 0 90px 0; } .team__title { margin-bottom: 60px; } .team__item { max-width: 242px; } .team__subtitle { margin-bottom: 12px; } .team__managers { margin-right: 64px; max-width: 28%; } .team__manager { padding-bottom: 35px; } .team-info__slider { bottom: 0; left: 0; } .team__manager-name { margin-bottom: 12px; } .team__manager-phone, .team__manager-mail { font-size: 1.4rem; line-height: 2; } .team__text { font-size: 1.4rem; line-height: 2; } .team-button-next::after, .team-button-prev::after { width: 36px; height: 36px; background-size: contain; } .about-us { padding: 108px 0 85px 0; } .about-us__title { margin-bottom: 52px; max-width: 60%; } .about-us__revards { gap: 76px 60px; margin-right: 64px; } .about-us__revards-item-category { font-size: 1.3rem; line-height: 1.54; } .about-us__info-sertificate { margin-bottom: 36px; } .about-us__info-sertificate-img { margin-bottom: 12px; } .about-us__info-progress-item:not(:last-child) { margin-bottom: 52px; } .about-us__info-progress-value { font-size: 4.8rem; line-height: 1.25; } .about-us__info-progress-description { font-size: 1.1rem; line-height: 1.82; } .callback { padding: 140px 0 180px 0; } .callback__director { margin-right: 50px; } .callback__director-wrap-img { width: 62px; height: 62px; } .callback__director-wrap-img::before { top: -9px; left: -9px; width: 40px; height: 40px; background-size: 40px; } .callback__director-name { margin-bottom: 1px; } .callback__director-description { margin-bottom: 12px; font-size: 1.4rem; line-height: 2; } .callback__form-fields { margin-bottom: 45px; } .callback__form-fields-input { margin-right: 40px; } .callback__form-btn { margin-right: 67px; } .reviews { padding: 80px 0 118px 0; } .reviews__title { margin-bottom: 52px; } .reviews__slider-wrap { padding: 0 68px 52px 68px; margin: 0 -68px; max-width: 90%; } .reviews__slider-wrap .reviews-button-prev, .reviews__slider-wrap .reviews-button-next { top: calc(50% - 35px); } .reviews__item { padding: 96px 102px 69px 115px; } .reviews__autor { margin-bottom: 31px; } .reviews__autor-wrap-img { margin-right: 19px; width: 63px; height: 63px; } .reviews__autor-wrap-img::before { top: -9px; left: -9px; width: 40px; height: 40px; background-size: 40px; } .reviews__autor-wrap-img img { width: 100%; height: auto; } .reviews__autor-name { margin-bottom: 1px; } .reviews__autor-description { font-size: 1.4rem; line-height: 2; } .reviews__autor-text { font-size: 1.8rem; line-height: 1.78; } .cases { padding-top: 150px; } .cases__top { margin-bottom: 25px; } .cases__wrap-slider { padding: 41px 77px 36px 77px; margin: 0 -77px; max-width: 105%; } .cases__wrap-slider .cases-button-prev, .cases__wrap-slider .cases-button-next { width: 45px; height: 45px; } .cases__wrap-slider .cases-button-prev::after, .cases__wrap-slider .cases-button-next::after { width: 45px; height: 45px; background-size: 45px; } .cases__detail { padding: 46px 0 45px 0; } .cases__detail-left-block { max-width: 38%; margin-right: 56px; } .cases__detail-img { margin-bottom: 25px; } .cases__detail-link { font-size: 1.4rem; line-height: 2; } .cases__detail-subtitle { margin-bottom: 30px; } .cases__detail-right-head { padding-bottom: 12px; } .cases__detail-tabs { padding-bottom: 20px; } .cases__detail-tab-link::before { bottom: -21px; } .cases__detail-text { font-size: 1.4rem; line-height: 2; } .intro__title { max-width: 91%; margin-bottom: 30px; } .intro__text { margin-bottom: 133px; font-size: 1.8rem; line-height: 1.78; } .application { padding: 80px 0; } .application__title { margin-bottom: 51px; } .application__list { margin-bottom: 52px; } .application__text { margin-bottom: 40px; font-size: 1.4rem; } .integration { padding: 111px 0 71px 0; } .integration__title { margin-bottom: 60px; } .integration__subtitle { margin-bottom: 12px; } .integration__item:not(:last-child) { margin-bottom: 40px; } .integration__text { font-size: 1.4rem; line-height: 2; } .monitoring { padding: 77px 0 113px 0; } .monitoring__title { margin-bottom: 54px; } .monitoring__text, .monitoring__item { font-size: 1.4rem; line-height: 2; } .tarrifs { padding: 110px 0 0 0; } .tarrifs__title { margin-bottom: 52px; } .tarrifs__item:not(:last-child) { margin-bottom: 52px; } .tarrifs__item-block { padding: 40px; } .tarrifs__item-name { margin-bottom: 24px; } .tarrifs__item-name-title { font-size: 2.4rem; line-height: 1.17; } .tarrifs__item-point:not(:last-child) { margin-bottom: 12px; } .tarrifs__item-terms { margin-bottom: 17px; } .tarrifs__item-terms-text { max-width: none; } .tarrifs__item-right-content { margin-bottom: 41px; } .tarrifs__item-left { margin-right: 45px; } .clients { padding: 80px 0 90px 0; } .clients__title { margin-bottom: 51px; } .team__list { gap: 40px 60px; } } @media screen and (max-width: 1377px) { .clients__btn-next { right: -70px; } .clients__btn-prev { left: -70px; } .application__title { margin-bottom: 48px; } .clients__content { margin-bottom: 75px; } .clients__text { font-size: 1.4rem; line-height: 2; } .clients__text:not(:last-child) { margin-bottom: 18px; } h1 { font-size: 4.8rem; line-height: 1.33; } h2 { line-height: 1.33; } h4 { font-size: 1.4rem; line-height: 1.43; } .container { padding: 0 160px; } .intro__container { padding-bottom: 80px; } .intro { height: calc(100vh - 80px); } .timer__value { font-size: 4rem; } .timer__text { font-size: 1.2rem; } .header { padding: 19px 0 20px 0; } .header__container { padding: 0 20px; max-width: 1180px; } .header.fixed .menu__item:not(:last-child) { margin-right: 20px; } .header__dots { right: 61px; bottom: 35px; } .header__dots-desctop-mini { width: 64px; height: 433px; } .header__scroll-btn.up, .header__scroll-btn.down { left: 55px; } .header__scroll-btn-position_up, .header__scroll-btn-position_down { font-size: 1rem; line-height: 2; } .menu__item:not(:last-child) { margin-right: 14px; } .header_main .menu__item:not(:last-child) { margin-right: 9px; } .menu__link { font-size: 1rem; line-height: 2; } .footer__top { padding: 24px 0 23px 0; background-position: 8% 35%; background-size: 38%; } .footer__top::before { width: 5%; } .footer__top-wrap { padding-left: 165px; } .footer__top-content { margin-right: 61px; } .footer__top-text { margin-bottom: 5px; font-size: 1.3rem; line-height: 2; } .footer__top-mark { font-size: 1.6rem; line-height: 1.5; } .footer__top-btn { min-width: 261px; } .footer__bottom { padding-top: 34px; } .footer__bottom-spoiler { font-size: 1rem; line-height: 1.8; } .footer__bottom-link { margin-bottom: 40px; padding-left: 0; font-size: 3.6rem; line-height: 1.61; } .footer__bottom-subtitle { margin-bottom: 17px; } .footer__bottom-services-link:not(:last-child) { margin-bottom: 12px; } .footer__logo { margin-bottom: 17px; width: 166px; height: 44px; } .footer__copyright { padding: 40px 0 30px 0; } .footer__copyright-text { margin-right: auto; } .working-process { padding: 60px 0 53px 0; } .working-process__title { margin-bottom: 30px; } .working-process__subtitle { margin-bottom: 16px; } .working-process__list { gap: 34px 78px; } .working-process__item:not(:nth-child(3n + 3))::after { right: -57px; } .working-process__item::before { top: -4px; right: 30px; font-size: 8.6rem; } .working-process__download-icon { margin-right: 12px; } .team { padding: 84px 0; } .team__title { margin-bottom: 33px; max-width: 100%; } .team__subtitle { margin-bottom: 4px; } .team__item { max-width: 261px; } .team__managers { margin-right: 121px; } .team__manager-phone, .team__manager-mail { font-size: 1.3rem; } .swiper-pagination.swiper-pagination-fraction { font-size: 1.8rem; } .swiper-pagination-current { font-size: 4.8rem; line-height: 1.33; } .swiper-pagination-total { font-size: 1.8rem; } .swiper-pagination-current { margin-right: 0; } .about-us { padding: 64px 0 70px 0; } .about-us__wrap { padding-right: 0; } .about-us__title { margin-bottom: 65px; max-width: 100%; } .about-us__list { gap: 52px 100px; margin-right: 100px; } .about-us__info { margin-top: 0; } .about-us__info-sertificate-img { margin-bottom: 17px; } .about-us__revards { -ms-grid-columns: 1fr 163px 1fr; grid-template-columns: repeat(2, 1fr); gap: 58px 163px; margin-right: 166px; } .callback { padding: 48px 0 98px 0; } .callback__title { margin-bottom: 60px; } .callback__director { margin-right: 38px; } .callback__director-description { margin-bottom: 10px; font-size: 1.3rem; } .callback__form-label { margin-bottom: 5px; font-size: 1rem; line-height: 2; } .callback__form-input-wrap:not(:last-child) { margin-bottom: 12px; } .callback__form-fields { margin-bottom: 51px; } .callback__form-fields-input { margin-right: 30px; } .callback__form-btn { margin-right: 46px; min-width: 234px; } .reviews { padding: 60px 0 51px 0; } .reviews__title { margin-bottom: 49px; } .reviews__slider-wrap { max-width: 104%; } .reviews__item { padding: 61px 32px 54px 50px; } .reviews__autor { margin-right: 27px; } .reviews__autor-wrap-img { margin-right: 27px; } .reviews__autor-description { font-size: 1.3rem; } .reviews__slider-wrap .reviews-button-prev, .reviews__slider-wrap .reviews-button-next { width: 36px; height: 36px; } .reviews-button-next::after, .reviews-button-prev::after { width: 36px; height: 36px; background-size: 12px; } .cases { padding-top: 100px; } .cases__top { margin-bottom: 16px; } .cases__slider-wrapper { padding-left: 0; } .cases__detail { padding: 31px 0 25px 0; } .cases__detail-left-block { margin-right: 51px; } .cases__detail-img { margin-bottom: 10px; } .cases__detail-subtitle { margin-bottom: 20px; font-size: 2.4rem; line-height: 1.17; } .cases__detail-tab-link::before { bottom: -11px; } .cases__detail-right-head { padding-bottom: 13px; } .cases__detail-tabs { padding-bottom: 11px; } .cases__detail-text { font-size: 1.3rem; } .cases__wrap-slider { padding: 24px 68px 24px 68px; margin: 0 -68px; } .cases__wrap-slider .cases-button-prev::after, .cases__wrap-slider .cases-button-next::after { width: 36px; height: 36px; background-size: 36px; } .gallery__main-slider { max-width: 663px; } .gallery__main-slider-wrap { padding-bottom: 24px; } .gallery .swiper-button-next, .gallery .swiper-button-prev { display: none; } .gallery__close { top: 40px; right: 40px; width: 24px; height: 24px; background-size: 24px; } .intro__title { max-width: 73%; margin-bottom: 17px; } .intro__text { margin-bottom: 40px; font-size: 1.7rem; line-height: 1.88; } .application { padding: 40px 0; } .application__title { margin-bottom: 48px; } .application__subtitle { font-size: 1.6rem; line-height: 1.5; } .application__item:not(:last-child) { margin-bottom: 30px; } .application__text { margin-bottom: 0; font-size: 1.3rem; } .application__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .application__btn { margin-right: 30px; } .application__info-text { font-size: 1.8rem; line-height: 1.8; } .integration { padding: 46px 0 87px 0; } .integration__title { margin-bottom: 48px; } .integration__text { font-size: 1.3rem; } .integration__list:first-child { margin-right: 128px; } .integration__item:not(:last-child) { margin-bottom: 30px; } .monitoring { padding: 48px 0 28px 0; } .monitoring__title { margin-bottom: 48px; } .monitoring__text { margin-bottom: 17px; font-size: 1.3rem; } .monitoring__info { margin-right: 0; width: 52%; } .monitoring__img { width: 48%; } .monitoring__item:not(:last-child) { margin-bottom: 12px; } .tarrifs { padding: 60px 0 0 0; } .tarrifs__title { margin-bottom: 48px; } .tarrifs__list { margin-bottom: 0; } .tarrifs__item-right-content { padding-bottom: 24px; } .clients { padding: 64px 0 50px 0; } .clients__title { margin-bottom: 48px; } .team__list { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 22px 33px; } } @media screen and (max-width: 1265px) { h2 { font-size: 4rem; line-height: 1.2; } .container { padding: 0 130px; } .btn { padding: 11px 0; min-height: 46px; font-size: 1.1rem; line-height: 1.82; } .timer__btn { margin-right: 30px; min-width: 347px; } .timer__text::before { left: -23px; width: 18px; } .header { padding: 21px 0; } .header .menu__item:not(:last-child) { margin-right: 0; } .header.fixed .menu__item:not(:last-child) { margin-right: 18px; } .header.fixed .header__logo-icon_mobile, .header .menu .header__logo-icon_mobile { display: block; } .header__wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__logo { margin-right: 0; } .header__logo-icon { max-width: 138px; max-height: 37px; } .header__logo-icon_fixed { width: 24px; height: 24px; } .header__logo-icon_mobile { display: block; margin-top: auto; margin-bottom: 37px; max-width: 158px; max-height: 57px; } .header__contacts { margin-right: 120px; } .header__contacts-link { font-size: 1.4rem; line-height: 1.48; } .header__contacts-text { font-size: 0.9rem; line-height: 1.44; } .header__container { padding: 0 51px; } .header.fixed { padding: 9px 0; } .header.fixed .header__logo { width: 24px; height: 24px; } .header.fixed .header__contacts { margin-right: 70px; } .header__scroll-btn.up, .header__scroll-btn.down { left: 45px; } .header__scroll-btn.up { bottom: 165px; } .header__dots { right: 51px; bottom: 15px; } .header__dots-desctop-mini { width: 56px; height: 382px; } .menu { position: fixed; top: 0; left: 0; 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; height: 0; width: 100%; background-color: var(--grey-head-bg); -webkit-transition: 0.4s height linear; -o-transition: 0.4s height linear; transition: 0.4s height linear; overflow: hidden; z-index: 2; } .menu__list { -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .menu__item:not(:last-child) { margin-bottom: 22px; } .menu__link { font-size: 1.4rem; line-height: 1.43; } .menu.active { height: 100%; } .menu__close { position: absolute; top: 40px; right: 38px; display: block; border: none; width: 30px; height: 30px; background-color: transparent; } .menu__close::before, .menu__close::after { content: ""; position: absolute; top: 12px; left: -2px; display: block; width: 30px; height: 2px; background-color: var(--light-grey); } .menu__close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu__close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu__social { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 86px; margin-top: auto; } .menu__social::before { content: ""; position: absolute; top: -50px; left: 50%; width: 78px; height: 1px; background-color: var(--line); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .menu__social-tel { margin-bottom: 28px; font-size: 2rem; line-height: 1; letter-spacing: 0.075em; } .menu__social-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu__social-item:not(:last-child) { margin-right: 30px; } .menu__social-icon { width: 25px; height: 25px; } .menu__social-icon.facebook { width: 15px; } .burger { position: relative; display: block; border: none; padding: 0; width: 30px; height: 22px; background-color: transparent; } .burger__line { display: block; margin-left: auto; width: 20px; height: 2px; background-color: var(--dark-purple); } .burger__line::before, .burger__line::after { content: ""; position: absolute; right: 0; display: block; width: 32px; height: 2px; background-color: var(--dark-purple); } .burger__line::before { top: 0; } .burger__line::after { bottom: 0; } .footer__top-wrap { padding-left: 125px; } .footer__top-btn { min-width: 205px; } .footer__top-content { margin-right: 20px; } .footer__bottom { padding-top: 61px; } .footer__bottom-spoiler { font-size: 1.1rem; line-height: 1.82; } .footer__bottom-link { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; } .footer__arrow { margin-top: 20px; } .footer__copyright-text { font-size: 1.2rem; } .footer__copyright-social-item:not(:last-child) { margin-right: 16px; } .intro { height: 80vh; } .intro__container { padding-bottom: 61px; } .working-process { padding: 54px 0 87px 0; } .working-process__title { margin-bottom: 51px; } .working-process__list { -ms-grid-columns: 1fr 109px 1fr; grid-template-columns: repeat(2, 1fr); gap: 51px 109px; } .working-process__item { padding-top: 0; } .working-process__item::before { top: -25px; right: 22px; } .working-process__item:not(:nth-child(3n + 3))::after { display: none; } .working-process__item:not(:nth-child(2n + 2))::after { top: 19px; right: -84px; display: block; width: 86px; } .working-process__item_unordered { max-width: none; } .working-process__item_unordered::after { display: none !important; } .working-process__text_unordered { margin-bottom: 16px; } .working-process__download-text { max-width: 70%; } .team { padding: 50px 0 80px 0; } .team__title { margin-bottom: 50px; } .team__managers { margin-right: 109px; max-width: 38%; } .team__text { font-size: 1.3rem; } .team__manager { padding-bottom: 0; padding-left: 60px; } .team__manager-name { margin-bottom: 8px; font-size: 1.6rem; line-height: 1.5; } .team__manager-phone, .team__manager-mail { font-size: 1.2rem; } .about-us { padding: 60px 0 84px 0; } .about-us__title { margin-bottom: 53px; } .about-us__revards { gap: 58px 69px; margin-right: 76px; } .about-us__list { gap: 50px; margin-right: 50px; } .about-us__info-sertificate { margin-bottom: 51px; } .about-us__info-sertificate-profile { font-size: 1rem; line-height: 1.6; } .about-us__info-progress-value { margin-bottom: 1px; } .about-us__info-progress-description { font-size: 1.3rem; line-height: 1.54; } .callback { padding: 56px 0 63px 0; } .callback__title { margin-bottom: 34px; } .callback__director { padding: 0; margin-right: 55px; max-width: 231px; width: 100%; } .callback__director-data { padding-top: 0; } .callback__director-name { font-size: 1.6rem; line-height: 1.5; } .callback__director-wrap-img { margin-right: 18px; width: 53px; height: 53px; } .callback__director-wrap-img::before { top: -7px; left: -7px; width: 34px; height: 34px; background-size: 34px; } .callback__director-description { font-size: 1.2rem; } .callback__form { padding-top: 0; } .callback__form-fields { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 48px; } .callback__form-fields-input { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; margin-bottom: 8px; max-width: none; } .callback__form-input { height: 40px; } .callback__form-input-wrap { width: calc(50% - 8px); } .callback__form-input-wrap:not(:last-child) { margin-right: 16px; } .callback__form-input-wrap:not(:last-child) { margin-bottom: 0; } .callback__form-textarea-wrap { max-width: none; } .callback__form-textarea { height: 66px; } .callback__form-btn { margin-right: 50px; min-width: 204px; } .callback__form-mark { font-size: 1rem; line-height: 1.6; } .reviews { padding: 60px 0 26px 0; } .reviews__title { margin-bottom: 40px; } .reviews__item { padding: 41px 41px 44px 31px; } .reviews__autor { margin-right: 0; margin-bottom: 13px; } .reviews__autor-wrap-img { margin-right: 16px; width: 52px; height: 52px; } .reviews__autor-wrap-img::before { top: -8px; left: -8px; width: 33px; height: 33px; background-size: 33px; } .reviews__autor-info { padding-top: 0; } .reviews__autor-name { font-size: 1.6rem; line-height: 1.5; } .reviews__autor-description { font-size: 1.2rem; } .reviews__slider-wrap { padding: 0 47px 52px 47px; margin: 0 -47px; } .reviews__slider-wrap .reviews-button-prev, .reviews__slider-wrap .reviews-button-next { width: 24px; height: 24px; } .reviews-button-next::after, .reviews-button-prev::after { width: 24px; height: 24px; background-size: 16px; background-position: revert; } .cases { padding-top: 90px; } .cases__top { margin-bottom: 19px; } .cases__detail-img { margin-bottom: 13px; } .cases__detail-left-block { margin-right: 37px; } .cases__detail-subtitle { margin-bottom: 18px; } .cases__detail-link { font-size: 1.3rem; } .cases__detail-right-head { padding-bottom: 11px; } .cases__detail-tab:not(:last-child) { margin-right: 44px; } .cases__detail-tab-link { font-size: 1rem; line-height: 1.6; } .cases__detail-text { font-size: 1.2rem; } .cases__wrap-slider { padding: 32px 42px 30px 42px; margin: 0 -42px; max-width: 100%; } .cases__wrap-slider .cases-button-prev, .cases__wrap-slider .cases-button-next { width: 24px; height: 24px; } .cases__wrap-slider .cases-button-prev::after, .cases__wrap-slider .cases-button-next::after { width: 24px; height: 24px; background-size: 60px; background-position: left; } .intro__title { margin-bottom: 8px; max-width: none; } .intro__text { margin-bottom: 33px; max-width: 80%; } .application { padding: 52px 0 55px 0; } .application__title { margin-bottom: 40px; } .application__list { margin-bottom: 48px; } .application__item:not(:last-child) { margin-bottom: 24px; } .application__btn { min-width: 235px; } .application__text { max-width: none; font-size: 1.2rem; } .application__form { flex-direction: column; align-items: center; } .application__form .form__fields { width: 100%; margin-right: 0; } .application__form .form__submit { display: flex; width: 100%; margin-top: 30px; } .application__form .form__submit .modal__checkbox { width: calc(50% - 15px); } .application__form .modal__checkbox .modal__checkmark { display: block; max-width: 360px; } .application__form .form__btn { display: block; width: calc(50% - 15px); margin-left: 30px; } .integration { padding: 52px 0 70px 0; } .integration__title { max-width: none; margin-bottom: 40px; } .integration__subtitle { margin-bottom: 8px; } .integration__list:first-child { margin-right: 31px; } .integration__item:not(:last-child) { margin-bottom: 30px; } .monitoring { padding: 52px 0 18px 0; } .monitoring__title { margin-bottom: 40px; } .monitoring__item { font-size: 1.3rem; } .tarrifs { padding: 55px 0 0 0; } .tarrifs__title { margin-bottom: 40px; } .tarrifs__item:not(:last-child) { margin-bottom: 40px; } .tarrifs__item-block { padding: 36px; } .tarrifs__item-name-title { font-size: 2.2rem; line-height: 1.27; } .tarrifs__item-terms-text { font-size: 1.5rem; line-height: 1.6; } .tarrifs__item-price-hourly { font-size: 1.7rem; line-height: 2.2; } .clients { padding: 60px 0 50px 0; } .clients__title { margin-bottom: 40px; } } @media screen and (max-width: 1005px) { .error-page__title { font-size: 20rem; } .error-page__warning { font-size: 4rem; } .team-info-wrap { bottom: -8px; } .clients__btn-next { right: -40px; } .clients__btn-prev { left: -40px; } h1 { font-size: 4.5rem; line-height: 1.29; } h3 { font-size: 2rem; line-height: 1.4; } /* .container { padding: 0 156px; } */ .timer_tarrifs, .timer_intro { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .timer_intro .timer__text::before { content: none; } .timer__btn { margin-right: 0; margin-bottom: 21px; } .timer__text { max-width: none; } .header { padding: 13px 0 11px 0; } .header__container { padding: 0 40px; } .header__logo-icon { display: none; } .header__logo-icon_fixed { display: block; } .header__scroll-btn.up, .header__scroll-btn.down { left: 34px; } .header__scroll-btn.up { bottom: 110px; } .header__scroll-btn.down { bottom: 57px; } .header__dots { right: 41px; bottom: 33px; } .header__contacts { margin-right: 0; } .footer__top { padding: 25px 0 23px 0; background-image: url("/local/templates/landing_seo/assets/css/../img/footer-bg.png"); background-position: -22% 43%; background-size: 50%; } .footer__top::before { display: none; } .footer__top-container { padding: 0 35px; } .footer__top-wrap { padding-left: 170px; } .footer__top-content { margin-right: 44px; } .footer__top-text { font-size: 1.2rem; } .footer__top-btn { min-width: 188px; } .footer__bottom { padding-top: 74px; } .footer__bottom-link { margin-bottom: 70px; font-size: 3.5rem; line-height: 1.37; } .footer__bottom-subtitle { margin: 0 auto 17px auto; max-width: 315px; font-size: 1.8rem; line-height: 1.56; } .footer__bottom-services-wrap { -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; } .footer__bottom-services-block { max-width: 315px; width: 100%; } .footer__bottom-services-block:not(:last-child) { margin-right: 0; margin-bottom: 17px; } .footer__bottom-services-block:last-child { margin-top: 40px; } .footer__bottom-services-link:not(:last-child) { margin-bottom: 17px; } .footer__logo { margin-bottom: 12px; width: 113px; height: 30px; } .footer__copyright { padding: 40px 0 100px 0; } .footer__copyright-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 0 auto; max-width: 315px; width: 100%; } .footer__copyright-social { margin-bottom: 40px; } .intro { min-height: calc(100vh - 64px); height: auto; } .intro__container { padding: 0 100px 57px 100px; } .working-process { padding: 120px 0; } .working-process_support .working-process__item:not(:last-child)::after { content: none; } .working-process_support .working-process__item::before { top: -60px; right: 25px; } .working-process__title { margin-bottom: 81px; } .working-process__list { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 77px; } .working-process__item { width: 100%; } .working-process__item:not(:nth-child(2n + 2))::after { display: none; } .working-process__item:not(:last-child)::after { top: auto; right: 25px; bottom: -35px; display: block; width: 45px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .working-process__item::before { font-size: 11rem; } .working-process__subtitle { margin-bottom: 17px; } .working-process__text { font-size: 1.6rem; line-height: 1.87; } .team { padding: 111px 0 0 0; } .team_support { padding-bottom: 120px; } .team__title { margin-bottom: 27px; } .team__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .team__managers { margin: 0 0 73px 0; max-width: 83%; } .team__manager { padding-left: 97px; } .team__manager-name { margin-bottom: 17px; font-size: 2rem; line-height: 1.4; } .team__manager-phone, .team__manager-mail { font-size: 1.6rem; } .team__subtitle { margin-bottom: 17px; } .team__subtitle-managers { top: 30px; width: 35%; } .team__item { max-width: 353px; } .team__text { font-size: 1.7rem; line-height: 1.88; } .swiper-pagination.swiper-pagination-fraction { top: 120px; font-size: 2.4rem; } .swiper-pagination-current { font-size: 6rem; line-height: 1.07; } .swiper-pagination-total { font-size: 2.4rem; } .about-us__revards { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 52px; margin-right: 63px; } .about-us__revards-item { max-width: 228px; width: 100%; } /* .about-us__info { max-width: 136px; } */ .about-us__content { align-items: flex-start; } .about-us__info-profile { font-size: 1rem; line-height: 1.6; } .about-us__info { position: sticky; top: 80px; } .callback { padding: 118px 0 129px 0; background-image: url("/local/templates/landing_seo/assets/css/../img/form-bg-mobile.jpg"); } .callback__title { margin-bottom: 49px; } .callback__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .callback__director { margin-right: 0; margin-bottom: 40px; } .callback__form-input-wrap:not(:last-child) { margin-right: 30px; } .callback__form-fields-input { margin-bottom: 17px; } .callback__form-btn { margin-right: 30px; } .callback__form-mark { font-size: 1.1rem; line-height: 1.64; } .reviews { padding: 118px 0 130px 0; } .reviews__slider-wrap { padding: 0 0 60px 0; margin: 0; } .reviews__slider-wrap .reviews-button-prev, .reviews__slider-wrap .reviews-button-next { display: none; } .reviews__item { padding: 60px 37px 36px 36px; min-height: 625px; } .reviews__autor { margin-bottom: 40px; } .cases { padding-top: 130px; } .cases .container { height: 100%; } .cases__top { margin-bottom: 295px; } .cases__detail { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .cases__detail-left-block { 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; margin: 0 0 26px 0; max-width: 100%; } .cases__detail-link { margin-bottom: 19px; } .cases__detail-img { margin-bottom: 0; } .cases__detail-right-head { padding-top: 0; } .cases__detail-subtitle { margin-bottom: 2px; font-size: 2rem; line-height: 1.4; } .cases__detail-tabs { padding-bottom: 15px; } .cases__detail-tab-link::before { bottom: -15px; } .cases__detail-text { max-width: none; width: 100%; font-size: 1.5rem; line-height: 1.87; } .cases__middle { padding-bottom: 50px; } .cases__slider-wrapper { position: relative; top: -250px; margin-bottom: -250px; } .cases__wrap-slider { padding: 42px 0 37px 0; margin: 0; } .cases__slider-main-item-description { font-size: 1rem; line-height: 2.2; } .cases__wrap-slider .cases-button-prev, .cases__wrap-slider .cases-button-next { top: 44%; } .cases__wrap-slider .cases-button-next { right: -40px; } .cases__wrap-slider .cases-button-prev { left: -40px; } .intro__title { margin-bottom: 5px; } .intro__text { margin-bottom: 41px; } .application { padding: 120px 0 105px 0; } .application__text { margin-bottom: 24px; font-size: 1.4rem; } .application__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; } .application__form .form__wrap { width: 100%; } .application__form .form__wrap + .form__wrap { margin-top: 20px; } .application__form .form__wrap:not(:last-child) { margin-right: 0; } .application__form .form__submit { flex-direction: column; } .application__form .form__submit .modal__checkbox { width: fit-content; } .application__form .form__btn { width: 100%; margin-left: 0; } .integration { padding: 120px 0 128px 0; } .integration__list { max-width: none; width: 100%; } .integration__list:first-child { margin: 0 0 40px 0; } .integration__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .integration__item:not(:last-child) { margin-bottom: 40px; } .integration__text { font-size: 1.7rem; line-height: 1.88; } .monitoring { padding: 120px 0 125px 0; } .monitoring__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .monitoring__info { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .monitoring__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 40px; width: 100%; } .monitoring__text { font-size: 1.4rem; } .monitoring__item { font-size: 1.4rem; } .tarrifs__item-block { padding: 30px; } .tarrifs__item-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tarrifs__item-left { margin-right: 0; width: 100%; } .tarrifs__item-list { margin-bottom: 25px; } .tarrifs__item-performers { border-top: 1px solid var(--light-grey-bg); border-bottom: 1px solid var(--light-grey-bg); padding: 30px 0; max-width: 100%; } .tarrifs__item-right { padding-top: 30px; width: 100%; } .tarrifs__item-right-content { margin-bottom: 30px; } .tarrifs__item-terms { margin-bottom: 12px; } .tarrifs__item-terms-text { font-size: 1.7rem; font-weight: 500; } .clients { padding: 128px 0 107px 0; } .clients__title { margin-bottom: 52px; } .team__list { gap: 40px; } } @media screen and (max-width: 745px) { .error-page__title { margin-bottom: 30px; font-size: 10rem; } .error-page__warning { margin-bottom: 25px; font-size: 2rem; } .error-page__wrap { padding: 50px 0; } .error-page__text { font-size: 1.4rem; } .error-page__btn { padding: 17px 20px; } .clients__btn-next, .clients__btn-prev { display: none; } h1, h2 { font-size: 3.6rem; line-height: 1.33; } h3 { font-size: 1.8rem; line-height: 1.56; } .container { padding: 0 74px; } .timer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .timer__btn { margin: 0 0 16px 0; } .timer__text::before { display: none; } .header { padding: 14px 0 12px 0; } .header__container { padding: 0 16px; } .header__dots, .header__scroll-btn { display: none; } .footer__top { padding: 22px 0 27px 0; background-position: -128px 45%; background-size: 100%; } .footer__top-container { padding: 0 15px; } .footer__top-wrap { -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; padding-left: 52%; } .footer__top-text { font-size: 1.3rem; } .footer__top-mark { margin-bottom: 21px; } .footer__top-content { margin-right: 0; } .footer__bottom { padding-top: 79px; } .footer__bottom-link { margin-bottom: 68px; font-size: 2.7rem; line-height: 1.78; } .footer__arrow { margin-top: 18px; } .footer__copyright { padding: 40px 0 68px 0; } .intro { height: 65vh; } .intro__container { padding: 0 74px 87px 74px; } .working-process { padding: 76px 0 81px 0; } .working-process__title { margin-bottom: 63px; } .working-process__list { gap: 70px; } .working-process__item::before { top: -30px; right: 40px; font-size: 9.8rem; } .working-process__item:not(:last-child)::after { right: 45px; bottom: -25px; } .working-process__subtitle { max-width: 50%; } .team { padding: 76px 0 97px 0; } .team__managers { margin-bottom: 46px; max-width: 98%; } .team__manager-name { font-size: 1.8rem; line-height: 1.56; } .team__manager-mail, .team__manager-phone { line-height: 1.87; } .team__text { font-size: 1.6rem; line-height: 1.87; } .about-us { padding: 0 0 82px 0; } .about-us_white { padding: 86px 0 84px 0; } .about-us__title { margin-bottom: 56px; } .about-us__revards { gap: 68px; margin-right: 40px; } .about-us__list { gap: 35px; margin-right: 30px; } .about-us__info { max-width: 160px; } .about-us__info-progress-value { font-size: 4.2rem; line-height: 1.52; } .about-us__info-progress-description { font-size: 1.2rem; line-height: 1.67; } .about-us__info-progress-item:not(:last-child) { margin-bottom: 35px; } .callback { padding: 74px 0 87px 0; } .callback__director-description { margin-bottom: 8px; } .callback__form-fields { margin-bottom: 30px; } .callback__form-mark { display: none; } .callback__form-btn { margin-right: 0; } .reviews { padding: 75px 0 90px 0; } .reviews__item { padding: 60px 28px 36px 36px; } .reviews__autor::before { top: -20px; font-size: 6rem; } .cases { padding-top: 150px; } .cases__top { margin-bottom: 248px; } .cases__slider-wrapper { top: -208px; margin-bottom: -208px; } .cases__detail-subtitle { font-size: 1.8rem; line-height: 1.56; } .cases__wrap-slider { padding: 31px 0; } .gallery__main-slider { max-width: 510px; } .gallery__close { top: 24px; right: 15px; } .gallery__additionaly-slider { max-width: 248px; } .gallery__additionaly-slider-slide { max-width: 72px; height: 45px; } .intro__title { margin-bottom: 12px; } .intro__text { margin-bottom: 43px; max-width: none; font-size: 1.6rem; line-height: 1.87; } .application { padding: 74px 0 86px 0; } .application__list { margin-bottom: 40px; } .application__item { padding-left: 22px; } .application__subtitle { font-size: 1.8rem; } .integration { padding: 74px 0 80px 0; } .integration__text { font-size: 1.6rem; } .monitoring { padding: 77px 0 83px 0; } .tarrifs { padding: 86px 0 88px 0; } .tarrifs__item-name { margin-bottom: 27px; } .tarrifs__item-name-img { margin-right: 13px; max-width: 86px; width: 100%; } .tarrifs__item-list { border-top: 1px solid var(--light-grey-bg); padding-top: 24px; } .tarrifs__item-terms-text { font-size: 1.5rem; } .clients { padding: 77px 0 80px 0; } .clients__title { margin-bottom: 40px; } .callback__form-recapcha { margin-bottom: 35px; } } @media screen and (max-width: 539px) { h1 { font-size: 2.4rem; line-height: 1.5; } h2 { font-size: 2.2rem; line-height: 1.36; } h3 { font-size: 1.4rem; line-height: 1.86; } .container { padding: 0 48px; } .timer__btn { margin-bottom: 12px; min-width: auto; width: 100%; max-width: 347px; } .timer__btn span { display: none; } .timer__text { font-size: 1rem; } .unordered-list li::before { width: 6px; height: 6px; } .arrow-list li::before { width: 9px; height: 6px; background-size: 9px; } .header { padding: 9px 0 7px 0; } .header.fixed .header__logo { margin-right: 0; } .header.fixed .header__contacts { margin-right: 0; } .header__container { padding: 0 15px; } .header__contacts-link { margin-bottom: 0; font-size: 1.3rem; line-height: 1.6; } .header__contacts-text { font-size: 0.8rem; line-height: 1.62; } .menu__logo-icon_mobile { margin-bottom: 20px; } .menu__list { padding-top: 40px; } .menu__item:not(:last-child) { margin-bottom: 15px; } .menu__social { padding-bottom: 20px; } .menu__social-tel { margin-bottom: 20px; } .menu__close { top: 20px; right: 20px; } .footer__top { padding: 35px 0; background-image: none; } .footer__top-wrap { padding-left: 0; } .footer__top-text { margin-bottom: 5px; font-size: 1.1rem; line-height: 1.82; } .footer__top-btn { min-width: 220px; } .footer__bottom { padding-top: 53px; } .footer__bottom-spoiler { margin-bottom: 12px; font-size: 1rem; line-height: 1.6; text-align: left; } .footer__bottom-link { margin-bottom: 39px; font-size: 1.7rem; line-height: 1.65; text-align: left; } .footer__bottom-subtitle { margin-bottom: 12px; font-size: 1.4rem; line-height: 1.86; } .footer__bottom-services-link:not(:last-child) { margin-bottom: 12px; } .footer__bottom-services-block:not(:last-child) { margin-bottom: 12px; } .footer__bottom-services-block:last-child { margin-top: 20px; } .footer__arrow { margin-top: 7px; } .footer__copyright { padding: 35px 0 56px 0; } .footer__copyright-social { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 17px; } .footer__copyright-social-item { margin-top: 9px; } .footer__copyright-social-item:not(:last-child) { margin-right: 8px; } .overlay { padding: 10px 0; overflow: auto; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .modal { margin: auto; } .intro { min-height: calc(100vh - 50px); /* min-height: calc(93vh - 50px); */ height: auto; } .intro__container { padding: 0 30px 40px 30px; } .intro__item:not(:last-child) { margin-bottom: 15px; } .working-process { padding: 57px 0; } .working-process_support .working-process__item::before { top: -25px; } .working-process_support .working-process__subtitle { max-width: 43%; } .working-process__item_unordered { margin-top: 0; } .working-process__title { margin-bottom: 43px; } .working-process__list { gap: 45px; } .working-process__item::before { top: -20px; font-size: 8.6rem; } .working-process__item:not(:last-child)::after { right: 50px; bottom: -15px; width: 30px; } .working-process__subtitle { margin-bottom: 8px; } .working-process__text { font-size: 1.3rem; line-height: 1.85; } .team { padding: 58px 0 106px 0; } .team__subtitle { margin-bottom: 8px; } .team__subtitle-managers { top: 0px; } .team__text { font-size: 1.3rem; line-height: 1.85; } .team__managers { margin-bottom: 26px; } .team__manager { padding-bottom: 45px; } .team__manager-info { max-width: none; width: 100%; padding: 14px 22px 18px 22px; } .team-button-next { top: 20px; } .team-button-prev { bottom: 20px; } .team__manager-name { margin-bottom: 8px; font-size: 1.4rem; line-height: 1.86; } .team__manager-mail, .team__manager-phone { font-size: 1.3rem; line-height: 1.85; } .team .swiper-pagination.swiper-pagination-fraction { top: 70px; } .team .swiper-pagination-current { font-size: 4.8rem; } .team .swiper-pagination.swiper-pagination-fraction, .team .swiper-pagination-total { font-size: 1.8rem; line-height: 32px; } .about-us { padding: 57px 0; background-color: var(--light-grey-bg); } .about-us__title { margin-bottom: 40px; } .about-us__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-us__revards { gap: 40px; margin: 0 0 35px 0; } .about-us__info { max-width: none; } .about-us__info-sertificate { margin-bottom: 28px; } .about-us__info-sertificate-img { margin-left: auto; margin-right: auto; max-width: 224px; } .about-us__info-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-us__info-progress-item { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } /* .about-us__info-progress-item:not(:first-child) { margin-bottom: 0; } .about-us__info-progress-item:not(:nth-last-child(-n + 2)) { margin-bottom: 28px; } */ .about-us__info-progress-item:not(:nth-child(2n + 2)) { margin-right: 40px; } .about-us__info-progress-item { margin-bottom: 28px; } .about-us__info-progress-value { font-size: 3.6rem; line-height: 1.17; } .about-us__info-progress-description { font-size: 1rem; line-height: 2; } .about-us__item-subtitle { font-size: 1.7rem; margin-bottom: 20px; } .about-us__item-text { font-size: 1.5rem; } .about-us__info { position: relative; top: 0; margin-top: 30px; max-width: 100%; } .about-us__info-profile { margin: auto; } .callback { padding: 54px 0; } .callback__title { margin-bottom: 23px; } .callback__director { margin-bottom: 32px; } .callback__director-wrap-img { margin-right: 10px; } .callback__form-fields { margin-bottom: 47px; } .callback__form-fields-input { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 12px; } .callback__form-submit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .callback__form-submit .modal__checkbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 20px; } .callback__form-btn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 223px; width: 100%; min-width: 204px; } .callback__form-input-wrap { width: 100%; } .callback__form-input-wrap:not(:last-child) { margin: 0 0 12px 0; } .callback__form-btn { max-width: 223px; width: 100%; } .reviews { padding: 58px 0 67px 0; } .reviews__title { margin-bottom: 24px; } .reviews__item { padding: 34px 20px 32px 21px; min-height: auto; } .reviews__autor { padding-left: 6px; margin-bottom: 12px; } .reviews__autor::before { display: none; } .reviews__autor-wrap-img { margin-right: 14px; max-width: 40px; width: 100%; height: 40px; } .reviews__autor-wrap-img::before { top: -6px; left: -6px; width: 24px; height: 24px; background-size: 24px; } .reviews__autor-name { font-size: 1.4rem; line-height: 1.86; } .reviews__autor-description { font-size: 1rem; line-height: 1.6; } .reviews__autor-text { font-size: 1.1rem; line-height: 1.82; } .reviews__slider-wrap { padding-bottom: 34px; } .reviews-pagination .swiper-pagination-bullet, .gallery-pagination .swiper-pagination-bullet { margin: 0 4px; width: 4px; height: 4px; } .cases { padding-top: 100px; } .cases__top { margin-bottom: 155px; } .cases__slider-wrapper { top: -150px; margin-bottom: -150px; } .cases__middle { padding-bottom: 20px; } .cases__detail-subtitle { font-size: 1.4rem; line-height: 1.86; } .cases__detail-link { font-size: 1.1rem; line-height: 1.82; } .cases__detail-tabs { padding-bottom: 9px; } .cases__detail-tab:not(:last-child) { margin-right: 7px; } .cases__detail-tab-link { font-size: 0.8rem; } .cases__detail-tab-link::before { bottom: -10px; } .cases__detail-left-block { margin-bottom: 17px; } .cases__detail-text { font-size: 1.1rem; line-height: 1.82; } .cases__wrap-slider { padding: 19px 0 15px 0; } .cases__slider-main-item-description { display: none; } .cases__wrap-slider .cases-button-prev::after, .cases__wrap-slider .cases-button-next::after { width: 16px; height: 16px; background-size: 35px; } .cases__wrap-slider .cases-button-prev { left: -30px; } .cases__wrap-slider .cases-button-next { right: -30px; } .cases__wrap-slider .cases-button-prev, .cases__wrap-slider .cases-button-next { top: 50%; } .cases__slider-main-item-img { border-width: 2px; } .gallery__title { font-size: 1.6rem; line-height: 1.5; } .gallery__main-slider { max-width: 290px; } .gallery__close { top: 16px; } .gallery__additionaly-slider { max-width: 182px; } .gallery__additionaly-slider-slide { max-width: 50px; height: 31px; } .intro__text { margin-bottom: 32px; font-size: 1.2rem; } .application { padding: 64px 0; } .application__subtitle { font-size: 1.4rem; } .application__list { margin-bottom: 24px; } .application__item:not(:last-child) { margin-bottom: 17px; } .application__text { margin-bottom: 20px; font-size: 1.3rem; } .application__info-text { font-size: 1.5rem; } .application__info { margin-bottom: 40px; } .integration { padding: 63px 0; } .integration__title { margin-bottom: 24px; } .integration__text { font-size: 1.3rem; } .integration__item:not(:last-child) { margin-bottom: 17px; } .integration__list:first-child { margin-bottom: 17px; } .monitoring { padding: 64px 0; } .monitoring__text { font-size: 1.3rem; } .monitoring__item { padding-left: 18px; font-size: 1.3rem; } .tarrifs { padding: 72px 0 0; } .tarrifs__title { margin-bottom: 24px; } .tarrifs__slider-wrap { position: relative; } .tarrifs__item:not(:last-child) { margin-bottom: 20px; } .tarrifs__item-block { padding: 20px 15px; } .tarrifs__item-name { margin-bottom: 20px; } .tarrifs__item-name-img { padding: 10px; max-width: 48px; height: 48px; } .tarrifs__item-name-img img { width: 100%; height: 100%; } .tarrifs__item-name-title { font-size: 1.4rem; } .tarrifs__item-list { border: 0; padding-top: 0; margin-bottom: 0; } .tarrifs__item-left { border-top: 1px solid var(--light-grey-bg); border-bottom: 1px solid var(--light-grey-bg); padding: 24px 0; } .tarrifs__item-performers { border: none; padding: 0; } .tarrifs__item-terms { display: block; margin-bottom: 24px; } .tarrifs__item-terms-count { display: inline; margin-right: 0; font-size: 1.3rem; font-weight: 700; } .tarrifs__item-terms-text { display: inline; font-size: 1.3rem; } .tarrifs__item-right { padding-top: 20px; } .tarrifs__item-right-content { margin-bottom: 20px; } .tarrifs__item-price-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tarrifs__item-price-total { margin-right: 15px; font-size: 2rem; } .tarrifs__item-price-hourly { font-size: 1rem; } .tarrifs__item-accordeon { position: relative; } .tarrifs__item-accordeon:first-child { margin-bottom: 25px; margin-bottom: 0; } .tarrifs__item-left .tarrifs__item-accordeon:nth-child(2) { display: none; } .tarrifs__item-accordeon:last-child { margin-bottom: 0; } .tarrifs__item-accordeon::before, .tarrifs__item-accordeon::after { content: ""; position: absolute; display: block; background-color: var(--light-purple); } .tarrifs__item-accordeon::before { top: 8px; left: 0; width: 24px; height: 2px; } .tarrifs__item-accordeon::after { top: -3px; left: 11px; width: 2px; height: 24px; } .tarrifs__item-accordeon.active .tarrifs__item-accordeon-subtitle { color: var(--red); } .tarrifs__item-accordeon.active::before { background-color: var(--red); } .tarrifs__item-accordeon.active::after { display: none; } .tarrifs__item-accordeon-link { display: block; padding-left: 41px; } .tarrifs__item-accordeon-subtitle { font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; text-transform: uppercase; } .tarrifs__item-accordeon-content { max-height: 0; overflow: hidden; -webkit-transition: 0.3s max-height linear; -o-transition: 0.3s max-height linear; transition: 0.3s max-height linear; } .tarrifs__item-accordeon-content-wrap { padding-top: 24px; } .tarrifs .swiper-button-next::after, .tarrifs .swiper-button-prev::after { width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE3IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNi4zNTM2IDQuMzUzNTVDMTYuNTQ4OCA0LjE1ODI5IDE2LjU0ODggMy44NDE3MSAxNi4zNTM2IDMuNjQ2NDVMMTMuMTcxNiAwLjQ2NDQ2NkMxMi45NzYzIDAuMjY5MjA0IDEyLjY1OTcgMC4yNjkyMDQgMTIuNDY0NSAwLjQ2NDQ2NkMxMi4yNjkyIDAuNjU5NzI4IDEyLjI2OTIgMC45NzYzMTEgMTIuNDY0NSAxLjE3MTU3TDE1LjI5MjkgNEwxMi40NjQ1IDYuODI4NDNDMTIuMjY5MiA3LjAyMzY5IDEyLjI2OTIgNy4zNDAyNyAxMi40NjQ1IDcuNTM1NTNDMTIuNjU5NyA3LjczMDggMTIuOTc2MyA3LjczMDggMTMuMTcxNiA3LjUzNTUzTDE2LjM1MzYgNC4zNTM1NVpNMTYgMy41TDAgMy41VjQuNUwxNiA0LjVWMy41WiIgZmlsbD0iIzc5NzE3RiIvPgo8L3N2Zz4K"); } .tarrifs .swiper-button-next, .tarrifs .swiper-button-prev { display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tarrifs .swiper-button-next { right: -33px; } .tarrifs .swiper-button-prev { left: -33px; } .tarrifs__pagination { position: absolute; left: 50%; bottom: 0; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tarrifs__pagination .swiper-pagination-bullet { margin: 0 3px; width: 5px; height: 5px; background-color: var(--grey-bg); } .tarrifs__pagination .swiper-pagination-bullet-active { background-color: var(--red); } .clients { padding: 60px 0 55px 0; } .clients__title { margin-bottom: 24px; } .team__list { gap: 17px; } .clients__pagination .swiper-pagination-bullet { margin: 0 4px; min-width: 4px; height: 4px; } .intro__item { padding-left: 15px; } .callback__form-recapcha { margin-left: -34px; margin-right: -34px; width: calc(100% + 68px); } .callback__form-submit { flex-direction: column; } } .contacts__title { margin-bottom: 58px; } .contacts__content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 140px; margin-bottom: 75px; } .contacts__content-title { margin-bottom: 20px; } .contacts__content-item { display: flex; align-items: center; } .contacts__content-item-phone { margin-bottom: 12px; } .contacts__content-phone { font-weight: 600; font-size: 3rem; line-height: 0.93; letter-spacing: 0.02em; color: #2a1c35; } .contacts__content-phone span { color: var(--red); } .contacts__icon { margin-right: 10px; width: 16px; height: 16px; } .contacts__content-item-address { margin-bottom: 6px; } .contacts__content-address, .contacts__content-time { font-style: normal; font-weight: 400; font-size: 1.7rem; line-height: 1.88; } .contacts__content-item-time { margin-bottom: 8px; } .contacts__content-mail { font-weight: 600; font-size: 1.8rem; line-height: 1.56; letter-spacing: 0.02em; } .contacts__map { position: relative; margin-bottom: 145px; max-height: 787px; height: 60vh; } .contacts__map-field { position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } .contacts__map-objects { position: relative; display: flex; padding-top: 22px; z-index: 1; } .contacts__map-object { margin-right: 11px; } .contacts__map-btn { border-color: transparent; border-radius: 5px; padding: 0 32px; min-height: auto; font-weight: 400; font-size: 1.7rem; line-height: 1.88; background-color: var(--white); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); text-transform: none; } .contacts__map-btn.current { background-color: var(--red); color: var(--white); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .fixed-offer { position: fixed; right: 77px; top: 120px; z-index: 11; opacity: 0; pointer-events: none; cursor: pointer; z-index: 99; } .fixed-offer.visible { opacity: 1; pointer-events: all; } .fixed-offer.hidden { display: none; } .fixed-offer__wrap { position: relative; border-radius: 50%; width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; background-color: var(--white); filter: drop-shadow(4px 4px 15px rgba(63, 49, 93, 0.2)); } .fixed-offer__icon { width: 66px; height: 66px; animation-name: leadAnimate; animation-duration: 3s; animation-iteration-count: infinite; transform-origin: 50% 50% } .fixed-offer__icon img, .fixed-offer__icon svg { display: block; width: 100%; height: 100%; object-fit: contain; } .fixed-offer__close { position: absolute; right: 0; top: -20px; border: none; width: 20px; height: 20px; background-color: transparent; cursor: pointer; } .fixed-offer__close::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .fixed-offer__close::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fixed-offer__close::before, .fixed-offer__close::after { content: ""; position: absolute; top: 7px; right: -2px; display: block; width: 20px; height: 1px; background-color: var(--red); } .modal-offer { display: none; padding: 55px 100px 65px 100px; max-width: 1435px; background-image: url("/local/templates/landing_seo/assets/img/gift.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; } .modal-offer.active { display: block; } .modal-offer__title { margin-bottom: 50px; font-weight: 600; font-size: 4.8rem; text-align: center; letter-spacing: 0.02em; color: var(--white); } .modal-offer__card { margin: 0 auto; /* max-width: 620px; background-color: rgba(255, 255, 255, 0.8); */ } .modal-offer__btn::before, .modal-offer__btn::after { background-color: var(--white); } .modal-offer__card.tarrifs__item-block { display: flex; flex-direction: column; align-items: center; padding: 79px 41px 53px 41px; margin: 0 auto; max-width: 618px; } .tarrifs-card__subtitle { margin-bottom: 47px; font-weight: 700; font-size: 2.8rem; line-height: 1.57; color: var(--purple); text-align: center; } .tarrifs-card__text { margin-bottom: 77px; font-weight: 400; font-size: 2rem; line-height: 1.6; text-align: center; color: var(--purple); padding: 0 5px; } .tarrifs-card__text span { display: block; font-size: 2.4rem; font-weight: 700; color: inherit; text-transform: uppercase; } .tarrifs__item-btn { width: 100%; } .tarrifs-card__mark { margin-bottom: 68px; font-weight: 700; font-size: 3.2rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--red); } .advantages { padding: 145px 0; /* background-color: var(--light-grey-bg); */ } .advantages__title { margin-bottom: 76px; } .advantages__content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 80px; } .advantages__list { max-width: 50%; } .advantages__list:first-child { margin-right: 50px; } .advantages__item { position: relative; } .advantages__item:not(:last-child) { margin-bottom: 52px; } .advantages__item::before, .advantages__item::after { content: ""; position: absolute; display: block; background-color: var(--light-purple); } .advantages__item::before { top: 13px; left: 0; width: 24px; height: 2px; } .advantages__item::after { top: 2px; left: 11px; width: 2px; height: 24px; } .advantages__item.active { border-bottom: 1px solid var(--grey-bg); } .advantages__item.active .advantages__subtitle { color: var(--red); } .advantages__item.active::before { background-color: var(--red); } .advantages__item.active::after { display: none; } .advantages__link { position: relative; display: block; padding-left: 41px; z-index: 1; } .advantages__info { max-height: 0; overflow: hidden; -webkit-transition: 0.3s max-height linear; -o-transition: 0.3s max-height linear; transition: 0.3s max-height linear; } .advantages__info-wrap { padding-top: 17px; padding-bottom: 24px; } .advantages__text { max-width: 80%; font-size: 1.7rem; font-weight: 400; line-height: 1.88; } .advantages__text:not(:last-child) { margin-bottom: 17px; } .advantages .advantages__form { display: flex; background-image: url("/local/templates/landing_seo/assets/css/../img/form-2-bg.jpg"); background-color: #3F315D; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; max-width: 1238px; flex-direction: column; } .advantages .form__fields-block { display: flex; width: 100%; } .advantages .form__fields-block > div:first-child { width: 35%; margin-right: 30px; } .advantages .form__fields-block > div:last-child { flex-grow: 1; } .advantages .advantages__form-textarea { height: 100%; display: flex; flex-direction: column; } .advantages__form-textarea textarea { padding-top: 10px; resize: none; flex-grow: 1; border: none; width: 100%; /* background-color: var(--light-grey-bg); */ } .advantages .advantages__form .form__wrap + .form__wrap { margin-top: 15px; } .advantages .advantages__form .form__submit { display: flex; align-items: center; width: 100%; margin-top: 37px; } .advantages .advantages__form sup, .working-process sup, .callback__form-label sup, .application__form sup { color: var(--light-red); } .advantages .advantages__form .form__submit .modal__checkbox { width: 35%; margin-right: 30px; margin-bottom: 0; } .advantages .advantages__form .form__submit .btn { width: 100%; /* max-width: 300px; */ flex: 1 1 0; margin-left: 30px; align-self: flex-start; } @media screen and (max-width: 1903px) { .fixed-offer { right: 42px; } .fixed-offer__wrap { width: 90px; height: 90px; } .fixed-offer__icon { width: 50px; height: 50px; } .advantages { padding: 80px 0 72px 0; } .advantages__title { margin-bottom: 52px; } .advantages__item:not(:last-child) { margin-bottom: 40px; } .advantages__info-wrap { padding-top: 12px; } .advantages__subtitle { line-height: 1.78; } .advantages__text { max-width: 90%; font-size: 1.4rem; line-height: 2; } .advantages__text:not(:last-child) { margin-bottom: 12px; } } @media screen and (max-width: 1377px) { .fixed-offer__wrap { width: 75px; height: 75px; } .fixed-offer__icon { width: 40px; height: 40px; } .modal-offer { padding: 30px 50px 30px 50px; } .modal-offer__title { margin-bottom: 40px; font-size: 3.6rem; } } @media screen and (max-width: 1005px) { .modal-offer { padding: 30px; } .modal-offer__title { margin-bottom: 30px; font-size: 3rem; } .contacts__content { grid-template-columns: repeat(1, 1fr); gap: 50px; } .contacts__title { margin-bottom: 40px; font-size: 3.6rem; } .contacts__map { max-height: none; height: 60vh; } .contacts__content-title { font-size: 1.8rem; } .contacts__content-phone { font-size: 2.4rem; } .contacts__content-address, .contacts__content-time { font-size: 1.3rem; } .contacts__content-mail { font-size: 1.6rem; } .about-us__list { grid-template-columns: 1fr } .about-us__item { max-width: 400px; } } @media screen and (max-width: 745px) { .contacts__title { margin-bottom: 30px; } .contacts__content { gap: 30px; margin-bottom: 55px; } .contacts__content-title { margin-bottom: 10px; font-size: 1.6rem; } .contacts__content-phone { margin-bottom: 6px; font-size: 2rem; } .contacts__content-mail { font-size: 1.4rem; } .contacts__map-object { margin-right: 9px; } .contacts__map-btn { padding: 0 20px; } .fixed-offer { display: none; } } @media screen and (max-width: 539px) { .modal-offer { padding: 15px; } .modal-offer__title { padding-right: 10px; margin-bottom: 20px; font-size: 2rem; } .modal-offer__btn { top: 10px; right: 10px; } .contacts__title { font-size: 2.2rem; } .callback__form-recapcha-wrap { display: flex; justify-content: center; transform: scale(.75); } } .tarrifs__item-name-icon { margin-left: auto; } .hit__icon, .vip__icon { display: none; } .hit .hit__icon { display: block; } .premium .vip__icon { display: block; } .tarrifs__item-terms-count span { margin-right: 5px; font-size: 1.7rem; font-weight: 600; } .modal-offer__subtitle { margin-bottom: 10px; font-size: 2.8rem; font-weight: 600; text-align: center; color: var(--purple); } .modal-offer__text { margin-bottom: 40px; font-size: 1.6rem; font-weight: 500; line-height: 2.125; letter-spacing: 0.02em; color: var(--purple); text-align: center; } .modal-offer__list { margin-bottom: 40px; } .modal-offer__item { position: relative; padding-left: 25px; font-weight: 500; font-size: 1.3rem; line-height: 2; } .modal-offer__item:not(:last-child) { margin-bottom: 20px; } .modal-offer__item span { font-weight: 700; } .modal-offer__item::before { content: ""; position: absolute; left: 0; top: 5px; display: block; width: 12px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNS4yOTQxMkw2LjQ0NDQ0IDEwTDE0IDIiIHN0cm9rZT0iI0Q4NDAyQiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-position: center center; background-size: contain; } .modal-offer__description { margin-bottom: 20px; font-size: 1.3rem; font-weight: 400; text-align: center; } .modal-offer__description span { font-size: 1.6rem; line-height: 2; font-weight: 700; color: var(--red); text-transform: uppercase; } @media screen and (max-width: 1377px) { .advantages { padding: 56px 0 60px 0; } .advantages__title { margin-bottom: 48px; } .advantages__text { max-width: 100%; font-size: 1.3rem; line-height: 2; } .advantages__item:not(:last-child) { margin-bottom: 34px; } .advantages__list { max-width: 375px; } .advantages__list:first-child { margin-right: 116px; } .team__managers { margin-right: 60px; } .team__list { grid-template-columns: repeat(2, 1fr); } .clients__btn-prev { left: -12px; } .clients__btn-next { right: 33px; } .contacts { padding-top: 90px; } .footer__copyright-wrap { padding-right: 0; } } @media screen and (max-width: 1265px) { .tarrifs__item-terms-count span { font-size: 1.5rem; } .advantages { padding: 88px 0 92px 0; } .advantages__title { margin-bottom: 40px; } .advantages__subtitle { font-size: 1.6rem; line-height: 1.5; } .advantages__item:not(:last-child) { margin-bottom: 40px; } .advantages__item::before { top: 11px; } .advantages__item::after { top: 0px; } .advantages__text { font-size: 1.2rem; } .advantages__list { max-width: 363px; } .advantages__list:first-child { margin-right: 29px; } .working-process .application__form .form__submit .modal__checkbox { margin-bottom: 0; } } @media screen and (max-width: 1005px) { .modal-offer__subtitle { font-size: 2.4rem; } .modal-offer__text, .modal-offer__list { margin-bottom: 30px; } .advantages { padding: 120px 0; } .advantages__title { margin-bottom: 52px; } .advantages__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .advantages__list { max-width: none; width: 100%; } .advantages__list:first-child { margin-right: 0; margin-bottom: 52px; } .advantages__subtitle { font-size: 2rem; line-height: 1.4; } .advantages__item:not(:last-child) { margin-bottom: 52px; } .advantages__text { font-size: 1.7rem; line-height: 1.88; } .advantages .form__fields-block { flex-direction: column; } .advantages .form__fields-block > div:first-child { width: 100%; margin-right: 0; margin-bottom: 15px; } .advantages__form-textarea textarea { height: 88px; } .advantages .advantages__form .form__submit { flex-direction: column; align-items: stretch; } .advantages .advantages__form .form__submit .modal__checkbox { width: fit-content; margin-right: 0; margin-bottom: 25px; } .advantages__form .modal__checkbox .modal__checkmark { display: block; max-width: 360px; } .advantages .advantages__form .form__submit .btn { max-width: 100%; } .team__subtitle-managers { top: 0; width: 100%; } .swiper-pagination.swiper-pagination-fraction { top: 0; } .tarrifs__item-accordeon + .tarrifs__item-accordeon { margin-top: 0; } } @media screen and (max-width: 745px) { .advantages { padding: 74px 0 84px 0; } .advantages__title { margin-bottom: 40px; } .advantages__list:first-child { margin-bottom: 28px; } .advantages__item:not(:last-child) { margin-bottom: 28px; } .advantages__subtitle { font-size: 1.8rem; line-height: 1.56; } .advantages__text { font-size: 1.4rem; line-height: 2; } .advantages__content { margin-bottom: 60px; } .team__title span { display: inline; } .callback__title span.callback__director-name { font-size: 2.5rem; } } @media screen and (max-width: 539px) { .modal-offer__subtitle { font-size: 1.8rem; } .modal-offer__text { font-size: 1.4rem; } .tarrifs__item-terms-count span { margin-right: 1px; font-size: 1.3rem; } .modal-offer__text, .modal-offer__list { margin-bottom: 20px; } .modal-offer__description span { font-size: 1.5rem; } .timer__text { display: none; } .tarrifs__item-name { flex-wrap: wrap; } .tarrifs__item-name-title { max-width: calc(100% - 61px); margin-right: auto; } .tarrifs__item-name-icon { margin-left: 0; margin-top: 10px; } .advantages { padding: 54px 0 60px 0; } .advantages__title { margin-bottom: 24px; } .advantages__item:not(:last-child) { margin-bottom: 17px; } .advantages__subtitle { font-size: 1.4rem; line-height: 1.86; } .advantages__info-wrap { padding-top: 8px; } .advantages__text { font-size: 1.3rem; line-height: 1.85; } .advantages__text:not(:last-child) { margin-bottom: 8px; } .advantages__content { margin-bottom: 40px; } .team .swiper-pagination.swiper-pagination-fraction, .team .swiper-pagination-total { top: 0; } .working-process__list { margin-bottom: 40px; } .callback__title span.callback__director-name { font-size: inherit; } .intro .intro__img picture { display: none; } .intro__text { font-size: 1.6rem; } .intro .intro__container { align-items: flex-start; } .intro .intro__wrap { padding-top: 60px; } } @media screen and (max-width: 745px) { .modal-offer__title { padding-right: 10px; } .fixed-offer { display: none; } .modal-offer { padding: 15px; } .contacts__title { margin-bottom: 30px; font-size: 2rem; } .contacts__content { gap: 30px; margin-bottom: 55px; } .contacts__content-title { margin-bottom: 10px; font-size: 1.6rem; } .contacts__content-phone { margin-bottom: 6px; font-size: 2rem; } .contacts__content-mail { font-size: 1.4rem; } .contacts__map-object { margin-right: 9px; } .contacts__map-btn { padding: 0 20px; } .modal-offer__card.tarrifs__item-block { padding: 15px; } .tarrifs-card__subtitle { margin-bottom: 30px; font-size: 2.4rem; } .tarrifs-card__text { margin-bottom: 40px; font-size: 1.6rem; } .tarrifs-card__text span { font-size: 1.8rem; } .tarrifs-card__mark { margin-bottom: 40px; font-size: 2.4rem; } } @media screen and (max-width: 1903px) { .intro { height: auto; } } @media (min-width: 1561px) and (max-width: 1903px) { .intro__container { align-items: flex-start; padding-top: 15vh; } } @media (min-width: 1266px) and (max-width: 1560px) { .intro__title { max-width: 100%; } /* .intro__wrap { padding-top: 5vh; } .intro__text { margin-bottom: 5vh; } */ .intro__text { margin-bottom: 55px; } .intro__container { align-items: flex-start; padding-top: 15vh; } } .modal-offer .modal__close { width: 30px; height: 30px; } .modal-offer .modal__close::before, .modal-offer .modal__close::after { top: 14px; right: -4px; width: 38px; } /* popup-quiz */ .popup-quiz .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content { height: 100%; } .popup-quiz .fancybox__content>.carousel__button.is-close { display: block; top: 0; } .popup-quiz .fancybox__content>.carousel__button.is-close svg path { color: var(--fancybox-color, #fff); } .popup-quiz .fancybox__spinner svg circle { stroke: #ffffff; } @media screen and (max-width: 539px) { .popup-quiz .fancybox__content { padding: 0; } .popup-quiz .fancybox__content>.carousel__button.is-close { top: -40px; } .intro h1 { font-size: 2.9rem; margin-bottom: 60px; } } @media screen and (max-width: 1377px) { .application__form .form__wrap-recapcha { transform: scale(0.8); transform-origin: 0; } } @media screen and (max-width: 1265px) { .application__form .form__wrap { width: calc(50% - 15px); } .application__form { align-items: flex-start; } .application__form .form__btn { margin-left: 0; } .application__form .checkbox-block { margin-top: 40px; } .application__form .form__wrap-recapcha { transform: scale(1); } .advantages .advantages__form .form__submit { flex-wrap: wrap; } .advantages .advantages__form .form__submit .btn { margin-left: 0; margin-top: 30px; max-width: 300px; flex: none; } } @media screen and (max-width: 1005px) { .application__form .form__wrap { width: 100%; } } @media screen and (max-width: 539px) { .application__form, .advantages .advantages__form { margin-left: -48px; margin-right: -48px; width: calc(100% + 96px); } .application__form .form__wrap-recapcha, .advantages .advantages__form .form__wrap-recapcha { transform: scale(0.85); transform-origin: 0; } .application__form .form__fields { margin-bottom: 5px; } .application__form .form__submit { margin-top: 10px; } .advantages .advantages__form .form__submit .modal__checkbox { margin-bottom: 10px; } .advantages .advantages__form .form__submit .btn { margin-top: 10px; } } .contacts__map-objects { flex-wrap: wrap; } /* End */ /* Start:/local/templates/landing_seo/styles.css?17484443011560*/ /*cookie popup*/ .cookies-popup { opacity: 0; visibility: hidden; position: fixed; left: 0; bottom: 0; width: 100%; background: var(--purple); z-index: 99999999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cookies-popup.open-cookie { opacity: 1; visibility: visible; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cookies-popup-container { 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; padding: 17px 34px; } .cookies-popup-text { padding-right: 15px; } .cookies-popup-text p { color: #FFFFFF; } .cookies-popup-text p a { border-bottom: 1px solid #fff; color: #FFFFFF; } .cookies-popup-btn a { text-align: center; color: #FFFFFF; padding: 11px; text-transform: uppercase; display: block; } @media screen and (max-width: 768px) { .cookies-popup-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 16px; } .cookies-popup-text { padding-right: 0; margin-bottom: 18px; } .cookies-popup-text p { margin: 0; } .cookies-popup-btn { padding-right: 0; margin: auto; } } /*cookie popup конец*/ .modal__agreement.modal_footer { color: unset; text-decoration: none; } /* End */ /* Start:/local/templates/landing_seo/template_styles.css?17484417852626*/ .landing-edit-mode, .landing-public-mode { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: flex; flex-direction: column; } .landing-layout-flex { display: flex; flex-wrap: nowrap; flex-direction: column; flex-grow: 1; } .landing-header + .landing-main { flex-grow: 1; } @media (min-width: 1px) { .landing-layout-breakpoint--all .landing-layout-flex { flex-direction: row; } .landing-layout-breakpoint--all .landing-layout-flex.sidebar-right, .landing-layout-breakpoint--all .landing-layout-flex.without-left { flex-direction: row-reverse; } .landing-layout-breakpoint--all .landing-layout-flex .landing-sidebar { width: 30%; } .landing-layout-breakpoint--all .landing-layout-flex .landing-main { width: 70%; } } @media (min-width: 576px) { .landing-layout-breakpoint--mobile .landing-layout-flex { flex-direction: row; } .landing-layout-breakpoint--mobile .landing-layout-flex.sidebar-right, .landing-layout-breakpoint--mobile .landing-layout-flex.without-left { flex-direction: row-reverse; } .landing-layout-breakpoint--mobile .landing-layout-flex .landing-sidebar { width: 30%; } .landing-layout-breakpoint--mobile .landing-layout-flex .landing-main { width: 70%; } } @media (min-width: 768px) { /*default*/ main:not([class*="landing-layout-breakpoint"]) .landing-layout-flex, .landing-layout-breakpoint--tablet .landing-layout-flex { flex-direction: row; } main:not([class*="landing-layout-breakpoint"]) .landing-layout-flex.sidebar-right, main:not([class*="landing-layout-breakpoint"]) .landing-layout-flex.without-left, .landing-layout-breakpoint--tablet .landing-layout-flex.sidebar-right, .landing-layout-breakpoint--tablet .landing-layout-flex.without-left { flex-direction: row-reverse; } main:not([class*="landing-layout-breakpoint"]) .landing-layout-flex .landing-sidebar, .landing-layout-breakpoint--tablet .landing-layout-flex .landing-sidebar { width: 30%; } main:not([class*="landing-layout-breakpoint"]) .landing-layout-flex .landing-main, .landing-layout-breakpoint--tablet .landing-layout-flex .landing-main { width: 70%; } } @media (min-width: 992px) { .landing-layout-breakpoint--desktop .landing-layout-flex { flex-direction: row; } .landing-layout-breakpoint--desktop .landing-layout-flex.sidebar-right, .landing-layout-breakpoint--desktop .landing-layout-flex.without-left { flex-direction: row-reverse; } /*for all*/ .landing-layout-flex .landing-sidebar { width: 300px; min-width: 300px; /* 30% * 992px */ } .landing-layout-flex .landing-main { width: calc(100% - 300px); } } /* End */ /* /local/templates/landing_seo/assets/css/libs/swiper-bundle.min.css?163973736013872 */ /* /local/templates/landing_seo/assets/css/libs/fancybox.css?165727081415659 */ /* /local/templates/landing_seo/assets/css/style.css?1701172499155680 */ /* /local/templates/landing_seo/styles.css?17484443011560 */ /* /local/templates/landing_seo/template_styles.css?17484417852626 */