

/* Start:/bitrix/templates/seoven_v8/css/fonts.css?1759861175958*/
@font-face {
   font-family: 'Museo Sans Cyrl';
   src: url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-300.woff2') format('woff2'),
        url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-300.woff') format('woff'),
        url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-300.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Museo Sans Cyrl';
   src: url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-500.woff2') format('woff2'),
        url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-500.woff') format('woff'),
        url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-500.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Museo Sans Cyrl';
   src: url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-900.woff2') format('woff2'),
        url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-900.woff') format('woff'),
        url('/bitrix/templates/seoven_v8/css/../fonts/MuseoSansCyrl-900.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}
/* End */


/* Start:/bitrix/templates/seoven_v8/css/swiper-bundle.min.css?175986117518458*/
/**
 * Swiper 11.1.15
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 18, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/bitrix/templates/seoven_v8/css/modal.css?17598611751444*/
.modal {
   position: fixed;
   width: 100%;
   height: 100%;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
   top: 0;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px;
   background: rgba(4, 3, 13, 0.8);
   overflow-y: auto;
   z-index: 9999;
   /* backdrop-filter: blur(3px); */
}
.modal.open {
   visibility: visible;
   opacity: 1;
   transition-delay: 0s;
}
.modal-bg {
   position: fixed;
   width: 100%;
   height: 100%;
}
.modal-container {
   max-width: calc(var(--form-max-width) + var(--modal-padding) * 2);
   width: 100%;
   margin: auto;
   background: var(--background-body);
   position: relative;
   padding: var(--modal-padding);
}
.big-image .modal-container {
   max-width: 1280px;
   padding: 60px;
}
.modal-close {
   position: absolute;
   right: 35px;
   top: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   aspect-ratio: 1;
   cursor: pointer;
}
.big-image .modal-close {
   top: 10px;
   right: 10px;
}
.modal-close::before,
.modal-close::after {
   content: '';
   position: absolute;
   left: 0;
   width: 100%;
   height: 3px;
   background: #E5E5E5;
   border-radius: 25px;
   transition: var(--transition-medium);
}
.modal-close::before {
   transform: rotate(45deg);
}
.modal-close::after {
   transform: rotate(-45deg);
}
/* End */


/* Start:/bitrix/templates/seoven_v8/css/sv-image.css?1759861175917*/
.svimage {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: transparent;
   transition: var(--transition-medium);

   opacity: 0;
   pointer-events: none;
   overflow: auto;
   z-index: 1500;
}
.svimage.open {
   opacity: 1;
   pointer-events: all;
   background-color: rgba(4, 3, 13, 0.8);
}
.svimage {scrollbar-width: none;}
.svimage::-webkit-scrollbar {height: 0; width: 0; display: none;}
.svimage::-webkit-scrollbar-track {background: transparent;}
.svimage::-webkit-scrollbar-thumb {background-color: transparent; border-radius: 0px; border: transparent;}
.svimage .modal-close {
   position: fixed;
   width: 60px;
   background-color: var(--background-body);
   border: 10px solid var(--background-body);
   z-index: 50;
}
.svimage img {
   object-fit: cover;
   object-position: top;
   transition: var(--transition-medium);
}
/* End */


/* Start:/bitrix/templates/seoven_v8/css/base.css?175986117568757*/
*,
*::before,
*::after {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   -webkit-tap-highlight-color: transparent;
   outline: none;
   font-family: var(--main-font-family), Tahoma;
}

:root {
   --width-container: 1550px;
   --padding-container: 15px;
   --container: calc(var(--width-container) + var(--padding-container) * 2);
   --header-height: 160px;
   --default-button-height: 58px;
   --default-button-font-size: 15px;
   --main-font-family: 'Museo Sans Cyrl';
   --form-max-width: 680px;
   --form-field-gap: 10px;
   --modal-padding: 100px;
   --background-maroon: #840A35;
   --background-body: #120D21;
   --background-dark: #04030D;
   --transition-default: 250ms;
   --transition-medium: 500ms;
   --transition-long: 5000ms;
   --default-block-margin-y: 100px;
}

pre {
   color: #fff;
}

html {
   height: 100%;
   scroll-behavior: smooth;
}
body {
   display: flex;
   flex-direction: column;
   min-height: 100%;
   font-weight: 300;
   background: var(--background-body);
}
img {
   display: block;
   max-width: 100%;
}
a {
   text-decoration: none;
}
ul {
   list-style: none;
}
h1 {
   font-size: 45px;
   font-weight: 900;
   letter-spacing: -0.04em;
   color: #fff;
}
h2 {
   font-size: 45px;
   font-weight: 900;
   letter-spacing: -0.04em;
   color: #fff;
   margin-bottom: 60px;
}
.h3,
h3 {
   font-size: 32px;
   font-weight: 900;
   letter-spacing: -0.04em;
   color: #fff;
}
button {
   font-size: 16px;
   border: none;
   background: none;
   cursor: pointer;
   white-space: nowrap;
}
textarea,
input {
   font-size: 16px;
}
.hidden {
   display: none!important;
}
.container {
   width: 100%;
   max-width: var(--container);
   margin: 0 auto;
   padding: 0 var(--padding-container);
}
.default--button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: var(--default-button-height);
   padding-inline: 15px;
   font-size: var(--default-button-font-size);
   font-weight: 900;
   color: #fff;
   background: var(--background-maroon);
   transition: var(--transition-default);
}
.default--button.disabled {
   pointer-events: none;
   opacity: 0.55;
}
.default--button .loader {
   height: calc(var(--default-button-height) - 20px);
}
.default--button .loader div {
   border-color: #fff transparent transparent transparent;
   border-width: 4px;
}
.default--button-cross,
.default--button-check {
   margin-left: 10px;
   stroke: #f9f9f9;
   stroke-linecap: round;
   stroke-width: 0.2rem;
   border-radius: 0.2rem;
   fill: none;
   transition: stroke-dashoffset 0.6s;
}
.default--button-cross {
   stroke-dasharray: 26;
   stroke-dashoffset: 26;
}
.default--button-check {
   stroke-dasharray: 25;
   stroke-dashoffset: 25;
}
.default--button.error .default--button-cross,
.default--button.success .default--button-check {
   stroke-dashoffset: 0;
}

.default--radio,
.default--checkbox {
   position: relative;
   display: inline-flex;
   width: fit-content;
   font-weight: 500;
   font-size: 16px;
   color: #fff;
   overflow: hidden;
}
.default--radio a,
.default--checkbox a {
   color: var(--background-maroon);
   font-weight: 600;
}
.default--radio input[type="radio"],
.default--checkbox input[type="checkbox"] {
   appearance: none;
   flex: 0 0 20px;
   width: 20px;
   height: 20px;
   margin-right: 15px;
   border: 1px solid #6C6484;
   border-radius: 0;
   background: var(--background-body);
   transition: var(--transition-default);
   cursor: pointer;
}
.default--radio:has(input[type="radio"]),
.default--checkbox:has(input[type="checkbox"]) {
   cursor: pointer;
}
.default--radio input[type="radio"]::before,
.default--checkbox input[type="checkbox"]::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   background: var(--background-maroon);
   width: 20px;
   height: 20px;
   transform: scale(0);
   transition: var(--transition-default);
}
.default--radio input[type="radio"]:checked::before,
.default--checkbox input[type="checkbox"]:checked::before {
   transform: scale(1);
}

.default--radio input[type="radio"] {
   position: relative;
   border-radius: 50%;
}
.default--radio input[type="radio"]::before {
   width: 13px;
   height: 13px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scale(0);
   border-radius: 50%;
}
.default--radio input[type="radio"]:checked {
   border-color: var(--background-maroon);
}
.default--radio input[type="radio"]:checked::before {
   transform: translate(-50%, -50%) scale(1);
}

.default--list li {
   display: flex;
   align-items: baseline;
   text-align: left;
}
.default--list li::before {
   content: '';
   display: inline-block;
   width: 12px;
   flex: 0 0 12px;
   height: 12px;
   margin-right: 25px;
   background: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25391 0.046875L11.0399 6.98368V5.19887C11.0399 4.99648 10.9679 4.81248 10.8239 4.68368L6.50391 0.267675C6.37791 0.120475 6.19791 0.046875 5.99991 0.046875H4.25391Z' fill='white' /%3E%3Cpath d='M11.0399 9.61487C11.0399 9.41247 10.9679 9.22847 10.8239 9.09967L2.18389 0.267675C1.89589 -0.026725 1.44589 -0.026725 1.15789 0.267675C0.869895 0.562075 0.869895 1.02207 1.15789 1.31647L9.79789 10.1485C10.0859 10.4429 10.5359 10.4429 10.8239 10.1485C10.9679 10.0013 11.0399 9.81728 11.0399 9.61487Z' fill='white' /%3E%3Cpath d='M11.04 0.782875C11.04 0.378075 10.716 0.046875 10.32 0.046875H8.57397L11.04 2.56768V0.782875Z' fill='white' /%3E%3Cpath d='M7.74596 10.3509L0.959961 3.41406V5.19886C0.959961 5.40126 1.03196 5.58526 1.17596 5.71406L5.49596 10.1301C5.63996 10.2589 5.81996 10.3509 5.99996 10.3509H7.74596Z' fill='white' /%3E%3Cpath d='M1.67996 10.3489H3.42596L0.959961 7.82812V9.61292C0.959961 10.0177 1.28396 10.3489 1.67996 10.3489Z' fill='white' /%3E%3C/svg%3E") top left no-repeat;
}
.view01--list li {
   display: flex;
   align-items: baseline;
   text-align: left;
}
.view01--list li:not(:last-child) {
   margin-bottom: 20px;
}
.view01--list li b {
   display: block;
}
.view01--list li::before {
   content: '';
   display: inline-block;
   width: 6px;
   flex: 0 0 6px;
   height: 6px;
   margin-right: 10px;
   background: currentColor;
   border-radius: 50%;
}

.default--block {
   margin-top: var(--default-block-margin-y);
}
.small--block {
   margin-top: 50px;
}
.opacity-dark {
   padding: 100px 0;
   background: rgba(4, 3, 13, 0.7);
}

.default-form {
   margin: 0 auto;
   max-width: var(--form-max-width);
}
.default-form .form-field {
   position: relative;
}
.default-form .form-field .form-field-error {
   position: absolute;
   top: 6px;
   right: 10px;
   color: var(--background-maroon);
   font-weight: 500;
   font-size: 14px;
   pointer-events: none;
}
.default-form .form-field .default--checkbox + .form-field-error {
   top: 100%;
   left: 35px;
}
.default-form .form-field + .form-field {
   margin-top: var(--form-field-gap);
}
.default-form .form-field textarea,
.default-form .form-field input[type="text"] {
   width: 100%;
   padding: 25px 30px;
   color: #fff;
   border: 1px solid #E5E5E5;
   border-radius: 0;
   background: transparent;
   transition: var(--transition-medium);
}
.default-form .form-field textarea:focus,
.default-form .form-field input[type="text"]:focus {
   border-color: var(--background-maroon);
   box-shadow: inset 0 0 5px 1px var(--background-maroon);
}
.default-form .form-field textarea::placeholder,
.default-form .form-field input[type="text"]::placeholder {
   font-weight: 500;
   color: #fff;
   opacity: 0.5;
}
.default-form .form-field textarea {
   min-height: 150px;
   resize: none;
}
.default-form .default--button {
   width: 100%;
   margin-top: 15px;
}
.default-form .form-field-col-2 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--form-field-gap);
}
.default-form .form-field-col-2 .form-field-col {
   width: calc(100% / 2 - var(--form-field-gap) * 1 / 2);
}
.default-form .form-field-h-full {
   height: 100%;
}

.arrow-view01 {
   width: 22px;
   height: 28px;
}
.arrow-view01.prev {
   background: url("data:image/svg+xml,%3Csvg width='22' height='28' viewBox='0 0 22 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1777 0.430877L11.1777 13.4309C11.0618 13.5981 10.9998 13.7968 10.9998 14.0002C10.9998 14.2037 11.0618 14.4023 11.1777 14.5696L20.1777 27.5696C20.3287 27.7877 20.5601 27.9368 20.8211 27.9842C21.0821 28.0317 21.3512 27.9735 21.5693 27.8225C21.7873 27.6715 21.9365 27.44 21.9839 27.1791C22.0313 26.9181 21.9732 26.649 21.8222 26.4309L13.2158 14.0002L21.8223 1.56948C21.897 1.4615 21.9498 1.33985 21.9776 1.21148C22.0053 1.0831 22.0075 0.950522 21.984 0.8213C21.9605 0.692078 21.9118 0.568747 21.8407 0.458348C21.7695 0.34795 21.6773 0.252645 21.5694 0.177877C21.4614 0.103109 21.3397 0.0503413 21.2114 0.0225865C21.083 -0.00516833 20.9504 -0.00736648 20.8212 0.0161175C20.692 0.0396014 20.5686 0.0883075 20.4582 0.159455C20.3478 0.230602 20.2524 0.322898 20.1777 0.430877Z' fill='white' /%3E%3Cpath d='M9.17768 27.5695C9.32868 27.7876 9.56013 27.9367 9.82111 27.9841C10.0821 28.0316 10.3512 27.9734 10.5693 27.8224C10.7874 27.6714 10.9365 27.4399 10.9839 27.179C11.0314 26.918 10.9732 26.6489 10.8222 26.4308L2.21578 14.0002L10.8223 1.56948C10.9733 1.3514 11.0315 1.08228 10.984 0.8213C10.9366 0.560324 10.7875 0.328878 10.5694 0.177877C10.4614 0.103109 10.3398 0.0503413 10.2114 0.0225865C10.083 -0.00516833 9.95043 -0.00736648 9.82121 0.0161175C9.56023 0.0635454 9.32878 0.212703 9.17778 0.430777L0.177783 13.4308C0.0619416 13.598 -0.00012207 13.7967 -0.00012207 14.0001C-0.00012207 14.2036 0.0619416 14.4022 0.177783 14.5695L9.17768 27.5695Z' fill='white' /%3E%3C/svg%3E") center no-repeat;
}
.arrow-view01.next {
   background: url("data:image/svg+xml,%3Csvg width='22' height='28' viewBox='0 0 22 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.82246 27.5691L10.8225 14.5691C10.9383 14.4019 11.0004 14.2032 11.0004 13.9998C11.0004 13.7963 10.9383 13.5977 10.8225 13.4304L1.82246 0.430422C1.67146 0.212347 1.44001 0.0631905 1.17904 0.0157623C0.918062 -0.0316658 0.648935 0.0265217 0.430861 0.177523C0.212788 0.328524 0.0636301 0.559971 0.016202 0.820946C-0.0312262 1.08192 0.0269594 1.35105 0.17796 1.56912L8.78436 13.9998L0.177861 26.4305C0.103093 26.5385 0.0503254 26.6602 0.0225706 26.7885C-0.00518417 26.9169 -0.00738335 27.0495 0.0161009 27.1787C0.0395851 27.3079 0.0882902 27.4313 0.159438 27.5417C0.230586 27.6521 0.322781 27.7474 0.43076 27.8221C0.53874 27.8969 0.66039 27.9497 0.788762 27.9774C0.917134 28.0052 1.04972 28.0074 1.17894 27.9839C1.30816 27.9604 1.43149 27.9117 1.54189 27.8405C1.65229 27.7694 1.74769 27.6771 1.82246 27.5691Z' fill='white' /%3E%3Cpath d='M12.8224 0.430523C12.6714 0.212448 12.44 0.0632915 12.179 0.0158634C11.918 -0.0315647 11.6489 0.0266209 11.4308 0.177622C11.2128 0.328623 11.0636 0.56007 11.0162 0.821045C10.9688 1.08202 11.0269 1.35115 11.1779 1.56922L19.7843 13.9998L11.1778 26.4305C11.0268 26.6486 10.9687 26.9177 11.0161 27.1787C11.0635 27.4397 11.2127 27.6711 11.4307 27.8221C11.5387 27.8969 11.6604 27.9497 11.7887 27.9774C11.9171 28.0052 12.0497 28.0074 12.1789 27.9839C12.4399 27.9365 12.6713 27.7873 12.8223 27.5692L21.8223 14.5692C21.9382 14.402 22.0002 14.2033 22.0002 13.9999C22.0002 13.7964 21.9382 13.5978 21.8223 13.4305L12.8224 0.430523Z' fill='white' /%3E%3C/svg%3E") center no-repeat;
}

.accordion-default .accordion-default-drop {
   max-height: 0;
   overflow: hidden;
   transition: var(--transition-default);
}

.anim-hidden {
   max-height: 0;
   overflow: clip;
   transition: var(--transition-medium);
}

.js-add-message {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-weight: 900;
   font-size: 20px;
   color: #fff;
   width: 100%;
   text-align: center;
   transition: var(--transition-medium);
}

.arrow-scroll-top {
   position: fixed;
   bottom: -70px;
   right: 35px;
   width: 45px;
   height: 45px;
   z-index: 2500;
   backdrop-filter: blur(5px);
   border-radius: 50%;
   cursor: pointer;
   transition: var(--transition-default);
   overflow: hidden;
}
.arrow-scroll-top.show {
   bottom: 35px;
}
.arrow-scroll-top svg {
   width: 100%;
   height: 100%;
}

*[id] {
   scroll-margin-top: 30px;
}

.loader-container {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 15px 0;
}
.loader-container.absolute {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   margin: 0;
}
.loader,
.loader div {
  box-sizing: border-box;
}
.loader {
   display: inline-block;
   position: relative;
   height: 70px;
   aspect-ratio: 1;
}
.loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 8px solid var(--background-maroon);
  border-radius: 50%;
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--background-maroon) transparent transparent transparent;
}
.loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.loader div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.circle-plus {
   position: relative;
   display: inline-block;
   width: 20px;
   flex: 0 0 20px;
   height: 20px;
   background: #fff;
   border-radius: 50%;
}
.circle-plus::before,
.circle-plus::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 10px;
   height: 2px;
   border-radius: 5px;
   background: var(--background-dark);
   transition: var(--transition-default);
}
.circle-plus::after {
   width: 2px;
   height: 10px;
}
header .header-content .header-menu .header-menu-parent.active .circle-plus::after,
.frequent-questions .frequent-questions-items .frequent-questions-item.active .circle-plus::after {
   transform: translate(-50%, -50%) rotate(90deg);
}





header {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: var(--header-height);
   z-index: 150;
}
header.fixed {
   --header-height: 80px;

   position: fixed;
   top: calc(var(--header-height) * -1);
   background: var(--background-body);
}
header.show {
   top: 0;
   transition: top var(--transition-default);
}
header .container {
   height: 100%;
}
header .header-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   column-gap: 15px;
   padding: 15px 0;
   height: 100%;
}
header .header-content .logo {
   position: relative;
   flex: 0 0 170px;
   margin-right: 100px;
}
header .header-content .logo img {
   height: 100%;
}
header .header-content .header-menu ul {
   display: flex;
   column-gap: 60px;
   height: 100%;
}
header .header-content .header-menu ul li {
   position: relative;
   width: fit-content;
}
header .header-content .header-menu ul li::before {
   content: '';
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   height: 1px;
   width: 0;
   background: #fff;
   transition: var(--transition-default);
}
header .header-content .header-menu ul li a {
   position: relative;
   display: inline-flex;
   align-items: center;
   height: 50px;
   font-weight: 500;
   color: #fff;
   z-index: 10;
}
header .header-content .header-menu ul li .touch-device {
   display: none;
}
header .header-content .header-menu .header-menu-parent ul {
   display: flex;
   position: absolute;
   top: calc(100% + 35px);
   left: 50%;
   transform: translateX(-50%);
   flex-direction: column;
   padding: 15px 20px;
   height: auto;
   background-color: rgba(31, 26, 49, 0.85);
   box-shadow: 0 4px 138px 0 rgba(0, 0, 0, 0.25);
   backdrop-filter: blur(4px);

   pointer-events: none;
   opacity: 0;
   transition: var(--transition-medium);
   visibility: hidden;
}
header .header-content .header-menu .header-menu-parent .accordion-default-title .circle-plus {
   display: none;
}
header .header-content .header-menu .header-menu-parent ul::before {
   content: '';
   position: absolute;
   top: -65px;
   left: 0;
   width: 100%;
   height: 65px;
}
header .header-content .header-menu .header-menu-parent ul li a {
   white-space: nowrap;
   height: 35px;
}
header .header-content .header-contacts {
   display: none;
}
header .header-content .header-info {
   display: flex;
   align-items: center;
   column-gap: 85px;
}
header .header-content .header-info ul li + li {
   margin-top: 5px;
}
header .header-content .header-info ul li a {
   color: #fff;
}
header .header-content .phone {
   font-size: 18px;
   font-weight: 900;
   white-space: nowrap;
}
header .header-content .header-info ul li .email {
   font-weight: 500;
   text-decoration: underline;
}
header .header-content .header-info button {
   padding-left: 65px;
   padding-right: 65px;
}
header .header-content .header-burger {
   position: relative;
   display: none;
   flex: 0 0 30px;
   width: 30px;
   height: 25px;
   cursor: pointer;
}
header .header-content .header-burger span,
header .header-content .header-burger::before,
header .header-content .header-burger::after {
   content: '';
   position: absolute;
   left: 0;
   display: block;
   background: #fff;
   width: 100%;
   height: 3px;
   border-radius: 25px;
   transition: transform var(--transition-default), top var(--transition-default) 0.3s, bottom var(--transition-default) 0.3s;
}
header .header-content .header-burger span {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 50%;
}
header .header-content .header-burger::before {
   top: 0;
}
header .header-content .header-burger::after {
   bottom: 0;
}
header .header-content .header-menu-contacts .default--button {
   display: none;
}



.breadcrumb {
   margin: 40px 0;
}
.breadcrumb .bx-breadcrumb {
   display: flex;
}
.breadcrumb .bx-breadcrumb .bx-breadcrumb-item {
   color: #fff;
}
.breadcrumb .bx-breadcrumb .bx-breadcrumb-item + .bx-breadcrumb-item {
   margin-left: 5px;
}
.breadcrumb .bx-breadcrumb .bx-breadcrumb-item + .bx-breadcrumb-item span {
   margin-left: 5px;
}
.breadcrumb .bx-breadcrumb .bx-breadcrumb-item a {
   color: #fff;
}
.breadcrumb .bx-breadcrumb .bx-breadcrumb-item span {

}



.banner-number {
   display: flex;
   flex-direction: column;
   height: 100vh;
}
.banner-number.h--75 {
   height: 75vh;
}
.banner-number .banner {
   position: relative;
   flex: 1;
   height: 50%;
}
.banner-number .banner .banner-decor {
   position: absolute;
   top: -20px;
   left: calc(50% - 850px);
   display: block;
   width: 200px;
   height: 140px;
   background: #ddd;
   opacity: 0.35;
   border-radius: 100%;
   filter: blur(65px);
   mix-blend-mode: color-dodge;
}
.banner-number .banner .bg-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.banner-number .banner .container {
   margin-top: calc(var(--header-height)  / 2);
   height: calc(100% - var(--header-height) / 2);
}
.banner-number .banner .banner-info {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 100%;
   color: #fff;
   font-weight: 500;
   z-index: 10;
}
.banner-number .banner .banner-info .left h1 {
   max-width: 945px;
   margin-bottom: 15px;
}
.banner-number .banner .banner-info .left .default--button {
   display: flex;
   width: fit-content;
   margin-top: 60px;
   padding-left: 100px;
   padding-right: 100px;
}
.we-in-numbers .we-in-numbers-content {
   display: flex;
   justify-content: space-between;
   column-gap: 15px;
   padding: 75px 0;
}
.we-in-numbers .we-in-numbers-content .we-in-numbers-item {
   max-width: 200px;
   color: #fff;
}
.we-in-numbers .we-in-numbers-content .we-in-numbers-item > span {
   display: block;
   margin-bottom: 10px;
   font-size: 35px;
   font-weight: 900;
   color: #6A5AA1;
   transition: 0.25s;
}
.we-in-numbers .we-in-numbers-content .we-in-numbers-item > .active {
   transform: scale(1.3) translateX(23px);
}
.we-in-numbers .we-in-numbers-content .we-in-numbers-item > span span {
   display: inline-block;
   transition: 0.25s;
}



.we-in-numbers.mobile {
   display: none;
}



.center-button {
   text-align: center;
}
.center-button .default--button {
   padding-inline: 50px;
}



.preview-info .container {
   display: flex;
   column-gap: 90px;
}
.preview-info .left {
   width: 50%;
}
.preview-info .left h2 {
   margin-bottom: 0;
}
.preview-info .right {
   width: 50%;
   margin-top: 10px;
}
.preview-info .right ul,
.preview-info .right p {
   color: #fff;
}
.preview-info .right .default--button {
   margin-top: 45px;
   padding-inline: 75px;
}



.tasks .tasks-items {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
}
.tasks .tasks-items .tasks-item {
   display: flex;
   align-items: center;
   column-gap: 30px;
   width: calc(100% / 3 - 30px * 2 / 3);
   padding: 70px 40px;
   font-weight: 900;
   font-size: 20px;
   color: #fff;
   background: #1F1A31;
}
.tasks .tasks-items .tasks-item:last-child {
   background: transparent;
   justify-content: center;
}
.tasks .tasks-items .tasks-item:last-child .default--button {
   width: 100%;
   max-width: 400px;
}



.more-info .partners {
   background: var(--background-dark);
   padding: 90px 0;
}
.more-info .partners .partners-content {
   display: flex;
   flex-wrap: wrap;
   column-gap: 100px;
   row-gap: 60px;
}
.more-info .partners .partners-content .partners-item {
   display: flex;
   align-items: center;
   column-gap: 25px;
   row-gap: 10px;
   width: calc(100% / 3 - 100px * 2 / 3);
   color: #fff;
}
.more-info .partners .partners-content .partners-item img {
   width: 80px;
   flex: 0 0 80px;
}
.more-info .direction-of-activity .direction-of-activity-content {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item {
   display: flex;
   flex-direction: column;
   width: calc(100% / 3 - 30px * 2 / 3);
   padding: 70px 60px;
   background-image: url("/bitrix/templates/seoven_v8/css/../images/decorative-lines07.webp");
   background-color: #A6073F;
   background-position: 95% bottom;
   background-repeat: no-repeat;
   background-size: 1050px;
   background-blend-mode: soft-light;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item:nth-child(3n+2) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/decorative-lines06.webp");
   background-color: #E0A900;
   background-position: 95% bottom;
   background-repeat: no-repeat;
   background-size: 1050px;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item:nth-child(3n+2) button {
   background: #957208;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item:nth-child(3n+3) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/decorative-lines05.webp");
   background-color: #079ABC;
   background-position: 45% bottom;
   background-repeat: no-repeat;
   background-size: 1050px;
   background-blend-mode: normal;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item:nth-child(3n+3) button {
   background: #127187;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item h3 {
   margin-bottom: 25px;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item ul {
   margin-bottom: 40px;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item ul li {
   color: #fff;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item ul li + li {
   margin-top: 15px;
}
.more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item button {
   margin-top: auto;
   width: 100%;
}
.how-we-work .smoke-view01 {
   position: relative;
}
.how-we-work .smoke-view01::before {
   content: '';
   position: absolute;
   top: -340px;
   left: -500px;
   width: 1500px;
   height: 1350px;
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view01.webp") center / contain no-repeat;
   z-index: -1;
}
.how-we-work-content {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
}
.how-we-work-content .how-we-work-item {
   width: calc(100% / 3 - 30px * 2 / 3);
   padding: 70px 65px;
   font-weight: 500;
   color: #e5e5e5;
   background: url("/bitrix/templates/seoven_v8/css/../images/how-we-work06.avif") 20% 0 / cover no-repeat, #1F1A31;
}
.how-we-work-content .how-we-work-item:nth-child(3n+2) {
   background: url("/bitrix/templates/seoven_v8/css/../images/how-we-work02.avif") 50% 0 / cover no-repeat, #1F1A31;
}
.how-we-work-content .how-we-work-item:nth-child(3n+3) {
   background: url("/bitrix/templates/seoven_v8/css/../images/how-we-work05.avif") 70% 0 / cover no-repeat, #1F1A31;
}
.how-we-work-content .how-we-work-item .title-number {
   margin-bottom: 50px;
   font-size: 65px;
   font-weight: 900;
   line-height: 0.8;
   color: #6A5AA1;
}
.how-we-work-content .how-we-work-item .sub-title {
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: 900;
}
.projects {
   overflow-x: clip;
}
.projects .projects-items {
   position: relative;
}
.projects [class*="smoke-view"]::before {
   content: '';
   position: absolute;
   width: 1700px;
   height: 1400px;
   z-index: -1;
}
.projects [class*="smoke-view"].left::before {
   top: 710px;
   left: -600px;
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view03.webp") center / contain no-repeat;
}
.projects [class*="smoke-view"].left.center::before {
   top: 10%;
}
.projects [class*="smoke-view"].right::before {
   top: 750px;
   left: 480px;   
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view02.webp") center / contain no-repeat;
}
.projects .projects-items .projects-item + .projects-item {
   margin-top: 30px;
}
.projects .projects-items .projects-item {
   display: grid;
   display: -ms-grid;
   grid-template-columns: 1fr 1fr auto;
   -ms-grid-columns: 1fr 1fr auto;
   align-items: center;
   -webkit-align-items: center;
   column-gap: 25px;
   color: #e5e5e5;
}
.projects .projects-items .projects-item + .default--button {
   display: none;
   margin-top: 30px;
   width: 100%;
}
.projects .projects-items .projects-item img {
   width: 100%;
   height: 375px;
   object-fit: cover;
}
.projects .projects-items .projects-item .projects-item-center {
   max-width: 440px;
}
.projects .projects-items .projects-item .projects-item-center * + * {
   margin-top: 25px;
}
.projects .projects-items .projects-item .projects-item-center .name {
   display: flex;
   column-gap: 5px;
   font-weight: 700;
   font-size: 26px;
}
.projects .projects-items .projects-item .projects-item-center .name .svg-cont {
   display: none;
   align-items: center;
   justify-content: center;
   flex: 0 0 30px;
}
.projects .projects-items .projects-item .projects-item-center .name svg {
   width: 30px;
   height: 20px;
   transition: 0.1s;
}
.projects .projects-items .projects-item .projects-item-center > span {
   display: block;
   transition: var(--transition-medium);
}
.projects .projects-items .projects-item .projects-item-right > * + * {
   margin-top: 30px;
}
.projects .projects-items .projects-item .projects-item-right .production-time {
   position: relative;
   padding-left: 55px;
   font-weight: 500;
   font-size: 14px;
   color: #e5e5e5;
}
.projects .projects-items .projects-item .projects-item-right .production-time .time-anim {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}
.projects .projects-items .projects-item .projects-item-right .production-time span {
   display: block;
   font-weight: 900;
   margin-top: 5px;
}
.projects .projects-items .projects-item .projects-item-right .production-time-item:not(:last-child) {
   margin-bottom: 10px;
}
.projects .projects-items .projects-item .projects-item-right .default--button {
   padding-inline: 85px;
}



.include-view01 [class*="smoke-view"] {
   position: relative;
}
.include-view01 [class*="smoke-view"]::before {
   content: '';
   position: absolute;
   width: 1500px;
   height: 1350px;
   z-index: -1;
}
.include-view01 [class*="smoke-view"].right::before {
   top: -370px;
   right: -910px;
}
.include-view01 .smoke-view03::before {
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view03.webp") center / contain no-repeat;
}
.include-view01 h2 {
   max-width: 1080px;
}
.include-view01 h2:not(:last-child) {
   margin-bottom: 40px;
}
.include-view01 p {
   max-width: 1130px;
   font-weight: 900;
   color: #fff;
}
.include-view01 p:not(:last-child) {
   margin-bottom: 100px;
}
.include-view01 .default--button {
   max-width: 430px;
   width: 100%;
}



.price-services .price-services-items {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}
.price-services .price-services-items .price-services-item {
   display: flex;
   flex: 1 0 auto;
   flex-direction: column;
   width: calc(100% / 3 - 20px * 2 / 3);
   background: #000;
   padding: 70px 60px;
   background-blend-mode: soft-light;
}
.price-services .price-services-items .price-services-item p {
   margin-top: 20px;
   color: #fff;
}
.price-services .price-services-items .price-services-item span {
   display: block;
   margin: 30px 0 60px;
   color: #fff;
   font-weight: 900;
   font-size: 32px;
}
.price-services .price-services-items .price-services-item.yellow {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/decorative-lines06.webp");
   background-color: #E0A900;
   background-position: 95% bottom;
   background-repeat: no-repeat;
   background-size: 1050px;
}
.price-services .price-services-items .price-services-item.yellow .default--button {
   background: #957208;
}
.price-services .price-services-items .price-services-item.blue {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/decorative-lines05.webp");
   background-color: #079ABC;
   background-position: 45% bottom;
   background-repeat: no-repeat;
   background-size: 1050px;
   background-blend-mode: normal;
}
.price-services .price-services-items .price-services-item.blue .default--button {
   background: #127187;
}
.price-services .price-services-items .price-services-item.purple {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/decorative-lines07.webp");
   background-color: #673BB7;
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: 1050px;
   background-blend-mode: color-dodge;
}
.price-services .price-services-items .price-services-item.purple .default--button {
   background: #572ea1;
}
.price-services .price-services-items .price-services-item .default--button {
   display: flex;
   padding-inline: 80px;
   margin: auto auto 0;
   max-width: 360px;
   width: 100%;
}



.advertising-campaign h2 {
   margin-bottom: 40px;
}
.advertising-campaign p {
   color: #fff;
}
.advertising-campaign .default--button {
   margin-top: 50px;
   padding-inline: 120px;
}



.often-order h2 {
   margin-bottom: 35px;
}
.often-order .often-order-subtitle {
   max-width: 1000px;
   margin-bottom: 65px;
   font-weight: 500;
   font-size: 16px;
   color: #fff;
}
.often-order .often-order-items {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
}
.often-order .often-order-items .often-order-item {
   display: flex;
   flex-direction: column;
   padding: 50px;
   width: calc(100% / 3 - 30px * 2 / 3);
   color: #fff;
   background: #1F1A31;
}
.often-order .often-order-items .often-order-item * + * {
   margin-top: 45px;
}
.often-order .often-order-items .often-order-item .often-order-item-title {
   display: flex;
   align-items: flex-start;
   column-gap: 25px;
   flex: 1;
   font-weight: 900;
   font-size: 20px;
}
.often-order .often-order-items .often-order-item label {
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}
.often-order .often-order-items .often-order-item label:has(> input[type="checkbox"]:checked)::after {
   transform: scale(1);
}
.often-order .often-order-items .often-order-item .default--button {
   width: 100%;
}
.often-order .often-order-form form {
   margin-top: 30px;
   transition: var(--transition-medium);
}
.often-order .often-order-form.active {
   display: block;
}
#there-websites-steps-link {
   scroll-margin-top: 80px;
}
#weReachYou {
   scroll-margin-top: 100px;
}



.color-blocks [class*="smoke-view"] {
   position: relative;
}
.color-blocks [class*="smoke-view"]::before {
   content: '';
   position: absolute;
   width: 1500px;
   height: 1350px;
   z-index: -1;
}
.color-blocks [class*="smoke-view"].left::before {
   top: -340px;
   left: -500px;
}
.color-blocks [class*="smoke-view"].right::before {
   top: -420px;
   right: -310px;
}
.color-blocks .smoke-view01::before {
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view01.webp") center / contain no-repeat;
}
.color-blocks .smoke-view02::before {
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view02.webp") center / contain no-repeat;
}
.color-blocks .color-blocks-items {
   display: flex;
   gap: 30px;
   flex-wrap: wrap;
}
.color-blocks .color-blocks-items .color-blocks-item {
   position: relative;
   padding: 40px 30px 100px;
   width: calc(100% / 6 - 30px * 5 / 6);
   max-width: calc(100% / 2 - 30px * 1 / 2);
   flex: 1 1 auto;
   font-weight: 900;
   font-size: 20px;
   color: #fff;
   background-size: 80px 80px;
   background-repeat: no-repeat;
   background-position: calc(100% - 10px) calc(100% - 10px);
   background-blend-mode: overlay;
   z-index: 10;
}



.no-problem-in-list p {
   color: #fff;
   max-width: 760px;
}
.no-problem-in-list p a {
   font-weight: 900;
   color: var(--background-maroon);
}
.no-problem-in-list .default--button {
   margin-top: 70px;
   padding-inline: 70px;
}



.block-tiles .smoke-view02 {
   position: relative;
}
.block-tiles .smoke-view02::before {
   content: '';
   position: absolute;
   top: -540px;
   left: 230px;
   width: 1700px;
   height: 1400px;
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view02.webp") center / contain no-repeat;
   z-index: -1;
}
.block-tiles .block-tiles-items {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
}
.block-tiles .block-tiles-items .block-tiles-item {
   display: flex;
   flex-wrap: wrap;
   flex-grow: 1;
   column-gap: 30px;
   width: calc(100% / 3 - 30px * 2 / 3);
   background: #1F1A31;
   padding: 70px 40px;
}
.block-tiles .block-tiles-items .block-tiles-item .left {
   flex: 0 0 40px;
}
.block-tiles .block-tiles-items .block-tiles-item .right {
   width: calc(100% - 70px);
}
.block-tiles .block-tiles-items .block-tiles-item .right h3 {
   margin-bottom: 30px;
   font-weight: 900;
   font-size: 20px;
   color: #fff;
}
.block-tiles .block-tiles-items .block-tiles-item .right p {
   font-size: 16px;
   color: #fff;
}
.block-tiles .block-tiles-items .block-tiles-item .bottom {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 20px;
   width: 100%;
   margin-top: 80px;
}
.block-tiles .block-tiles-items .block-tiles-item .bottom .default--button {
   align-self: stretch;
}
.block-tiles .block-tiles-items .block-tiles-item .bottom .block-tiles-link {
   font-weight: 900;
   color: #fff;
   text-decoration: underline;
}
.block-tiles .block-tiles-description {
   margin-top: 65px;
   font-weight: 900;
   font-size: 20px;
   color: #fff;
}
.block-tiles .default--button {
   width: 100%;
}
.block-tiles .block-tiles-button {
   margin-top: 40px;
   max-width: 390px;
}



.technologies-and-techniques .technologies-and-techniques-items {
   display: flex;
   flex-wrap: wrap;
   gap: 70px 40px;
   height: auto;
}
.technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item {
   display: flex;
   align-items: flex-start;
   column-gap: 30px;
   width: calc(100% / 3 - 40px * 2 / 3);
}
.technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item .technologies-and-techniques-item-img {
   flex: 0 0 95px;
}
.technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item p {
   color: #fff;
}
.technologies-and-techniques .technologies-and-techniques-arrows {
   display: flex;
   align-items: center;
   justify-content: center;
   column-gap: 35px;
   margin-top: 90px;   
   font-weight: 900;
   color: #fff;
}
.technologies-and-techniques .technologies-and-techniques-arrows-count {
   font-weight: 900;
   font-size: 30px;
}
.technologies-and-techniques .technologies-and-techniques-arrows-count .active-count {
   display: inline-block;
   min-width: 40px;
}
.technologies-and-techniques .technologies-and-techniques-arrows-count .slash {
   margin: 0 10px;
   font-size: 30px;
}
.technologies-and-techniques .technologies-and-techniques-arrows-count .total-count {
   font-size: 20px;
   opacity: 0.35;
}



.problems .problems-content {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   -ms-grid-columns: repeat(2, 1fr);
   column-gap: 50px;
}
.problems .problems-content h2 {
   position: relative;
}
.problems .problems-content h2::before {
   content: '';
   position: absolute;
   top: -280px;
   left: -530px;
   width: 1500px;
   height: 1350px;
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view03.webp") center / contain no-repeat;
   z-index: -1;
}
.problems .problems-content .problems-arrows {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   column-gap: 35px;
   align-self: flex-end;
   font-weight: 900;
   color: #fff;
}
.problems .problems-content .problems-arrows .problems-arrows-count {
   font-weight: 900;
   font-size: 30px;
}
.problems .problems-content .problems-arrows .problems-arrows-count .active-count {
   display: inline-block;
   min-width: 40px;
}
.problems .problems-content .problems-arrows .problems-arrows-count .slash {
   margin: 0 10px;
   font-size: 30px;
}
.problems .problems-content .problems-arrows .problems-arrows-count .total-count {
   font-size: 20px;
   opacity: 0.35;
}
.problems .problems-content .swiper {
   width: 100%;
   grid-row: span 2;
   -ms-grid-row-span: 2;
}
.problems .problems-content .swiper .problems-items .problems-item {
   display: flex;
   gap: 25px;
   color: #fff;
}
.problems .problems-content .swiper .problems-items .problems-item .problems-item-content {
   width: 50%;
   flex: 1;
   padding: 100px 50px;
   background: #1F1A31;
}
.problems .problems-content .swiper .problems-items .problems-item .problems-item-content .problems-item-title {
   font-weight: 900;
   font-size: 22px;
}
.problems .problems-content .swiper .problems-items .problems-item .problems-item-content .problems-item-title + .problems-item-text {
   margin-top: 25px;
}



.will-work {
   position: relative;
}
.will-work .smoke-view01 {
   position: relative;
}
.will-work .smoke-view01::before {
   content: '';
   position: absolute;
   top: -620px;
   left: -550px;
   width: 1500px;
   height: 1350px;
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view01.webp") center / contain no-repeat;
   z-index: -1;
}
.will-work .sub-title {
   color: #fff;
   max-width: 985px;
   margin-top: -20px;
   margin-bottom: 80px;
}
.will-work .will-work-content {
   margin-left: calc(50% - var(--width-container) / 2);
}
.will-work .will-work-content .will-work-items {
   display: flex;
}
.will-work .will-work-content .will-work-items .will-work-item {
   display: flex;
   flex-direction: column;
   width: 370px;
   flex: 0 0 370px;
   height: auto;
   margin-right: 25px;
}
.will-work .will-work-content .will-work-items .will-work-item img {
   width: 100%;
   height: 480px;
   object-position: top;
   object-fit: cover;
}
.will-work .will-work-content .will-work-items .will-work-item .name {
   margin-top: 40px;
   font-weight: 900;
   font-size: 26px;
   color: #e5e5e5;
}
.will-work .will-work-content .will-work-items .will-work-item .post {
   margin-top: 15px;
   color: #fff;
}
.will-work .will-work-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
}
.will-work .will-work-arrow.prev {
   left: calc(50% - 850px);
}
.will-work .will-work-arrow.next {
   right: calc(50% - 850px);
}



.specialists-project h3 {
   font-size: 26px;
   margin-bottom: 45px;
}
.specialists-project .specialists-project-items {
   display: grid;
   display: -ms-grid;
   grid-template-columns: calc(100% / 3 - 25px * 4 / 3) repeat(4, 1fr);
   -ms-grid-columns: calc(100% / 3 - 25px * 4 / 3) repeat(4, 1fr);
   grid-auto-rows: 1fr;
   gap: 25px;
}
.specialists-project .specialists-project-items .specialists-project-item {
   position: relative;
   min-height: 144px;
   padding: 30px 25px;
   font-weight: 900;
   color: #fff;
   background-color: #1F1A31;
   background-repeat: no-repeat;
   background-size: cover;
}
.specialists-project .specialists-project-items .specialists-project-item:has(.card-empty.open) {
   display: none;
}
.specialists-project .specialists-project-items .specialists-project-item .specialists-project-item-card {
   display: none;
   opacity: 0;
   flex-direction: column;
   row-gap: 15px;
   justify-content: space-between;
   height: 100%;
   transition: var(--transition-default);
}
.specialists-project .specialists-project-items .specialists-project-item .specialists-project-item-card.open {
   display: flex;
}
.specialists-project .specialists-project-items .specialists-project-item .specialists-project-item-card.opacity {
   opacity: 1;
}
.specialists-project .specialists-project-items .specialists-project-item:nth-child(2) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/specialists-project-bg01.png");
}
.specialists-project .specialists-project-items .specialists-project-item:nth-child(3) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/specialists-project-bg02.png");
}
.specialists-project .specialists-project-items .specialists-project-item:nth-child(4) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/specialists-project-bg03.png");
}
.specialists-project .specialists-project-items .specialists-project-item:nth-child(5) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/specialists-project-bg04.png");
}
.specialists-project .specialists-project-items .specialists-project-item:nth-child(6) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/specialists-project-bg05.png");
}
.specialists-project .specialists-project-items .specialists-project-item:nth-child(7) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/specialists-project-bg06.png");
}
.specialists-project .specialists-project-items .specialists-project-item:nth-child(8) {
   background-image: url("/bitrix/templates/seoven_v8/css/../images/specialists-project-bg07.png");
}
.specialists-project .specialists-project-items .specialists-project-item .specialists-project-item-percent {
   font-size: 26px;
   text-align: center;
   color: #6A5AA1;
}
.specialists-project .specialists-project-items .specialists-project-item .specialists-project-item-title {
   display: flex;
   align-items: center;
   column-gap: 25px;
}
.specialists-project .specialists-project-items .specialists-project-item.list-item {
   grid-row: span 2;
   -ms-grid-row-span: 2;
   padding: 85px 70px;
}
.specialists-project .specialists-project-items .specialists-project-item.list-item ul li {
   width: fit-content;
   transition: var(--transition-default);
}
.specialists-project .specialists-project-items .specialists-project-item.list-item ul li span {
   font-size: 20px;
   cursor: pointer;
}
.specialists-project .specialists-project-items .specialists-project-item.list-item ul .active {
   color: #8a72d8;
}
.specialists-project .specialists-project-items .specialists-project-item.list-item ul li + li {
   margin-top: 10px;
}
.specialists-project .specialists-project-items .specialists-project-item.time-block {
   padding: 0;
   background: transparent;
}
.specialists-project .specialists-project-items .specialists-project-item.time-block .specialists-project-item-time {
   font-size: 47px;
   min-height: 38px;
   line-height: 0.8;
   color: #8a72d8;
}
.specialists-project .specialists-project-items .specialists-project-item.time-block .specialists-project-item-hours {
   font-size: 18px;
   line-height: 0.7;
   color: #8a72d8;
}
.specialists-project .specialists-project-items .specialists-project-item.time-block .specialists-project-item-text {
   margin-top: 10px;
   font-size: 16px;
   color: #fff;
}
.specialists-project .specialists-project-items .specialists-project-item.time-block .specialists-project-item-card {
   height: fit-content;
}



.reviews-letters .reviews-letters-tabs {
   position: relative;
   display: flex;
   column-gap: 50px;
}
.reviews-letters-tabs.smoke-view04::before {
   content: '';
   position: absolute;
   top: -550px;
   left: 300px;
   width: 1700px;
   height: 1400px;
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view04.webp") center / contain no-repeat;
   z-index: -1;
}
.reviews-letters .reviews-letters-tabs .reviews-letters-tab {
   opacity: 0.3;
   /* cursor: pointer; */
}
.reviews-letters .reviews-letters-tabs .reviews-letters-tab.active {
   opacity: 1;
}
.reviews-letters .reviews-letters-content {
   position: relative;
}
.reviews-letters .reviews-letters-content .reviews-letters-items {
   display: flex;
   /* column-gap: 20px; */
}
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item {
   display: flex;
   flex-direction: column;
   width: calc(100% / 2 - 20px * 1 / 2);
   height: auto;
   margin-right: 20px;
   padding: 100px 70px;
   color: #fff;
   background: #1F1A31;
   transition: var(--transition-default);
}
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item.active,
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item.swiper-slide-active {
   background: var(--background-maroon);
}
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item svg path {
   fill: #3E3462;
   transition: var(--transition-default);
}
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item.active svg path,
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item.swiper-slide-active svg path {
   fill: #FF146A;
}
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item .reviews-letters-text {
   margin: 30px 0 60px;
}
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item .reviews-letters-name {
   margin-top: auto;
   font-weight: 900;
   font-size: 26px;
   color: #e5e5e5;
}
.reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item .reviews-letters-post {
   margin-top: 10px;
}
.reviews-letters .reviews-letters-content .arrow-view01 {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}
.reviews-letters .reviews-letters-content .arrow-view01.prev {
   left: -75px;
}
.reviews-letters .reviews-letters-content .arrow-view01.next {
   right: -75px;
}



.work-all-world {
   position: relative;
   background: transparent;
}
.work-all-world::before {
   content: '';
   position: absolute;
   top: calc(var(--default-block-margin-y) * -1);
   left: 0;
   width: 100%;
   height: 1300px;
   background: url("/bitrix/templates/seoven_v8/css/../images/map-bg.webp") top / cover no-repeat;
   mix-blend-mode: color-burn;
   z-index: -1;
}
.work-all-world .work-all-world-items {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}
.work-all-world .work-all-world-items .work-all-world-item {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 70px 25px;
   width: calc(100% / 6 - 20px * 5 / 6);
   background: #1F1A31;
}



.frequent-questions {
   overflow-x: clip;
}
.frequent-questions h2 {
   position: relative;
}
.frequent-questions .smoke-view04::before {
   content: '';
   position: absolute;
   top: -350px;
   left: 360px;
   width: 1700px;
   height: 1400px;
   background: url("/bitrix/templates/seoven_v8/css/../images/smoke-view04.webp") center / contain no-repeat;
   z-index: -1;
}
.frequent-questions .frequent-questions-items .frequent-questions-item {
   color: #fff;
}
.frequent-questions .frequent-questions-items .frequent-questions-item + .frequent-questions-item {
   margin-top: 20px;
}
.frequent-questions .frequent-questions-items .frequent-questions-item .frequent-questions-item-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   column-gap: 15px;
   padding: 45px 55px;
   font-weight: 900;
   font-size: 20px;
   background: var(--background-dark);
   cursor: pointer;
}
.frequent-questions .frequent-questions-items .frequent-questions-item .frequent-questions-item-drop-content {
   margin-top: 10px;
   padding: 45px 55px;
   background: #1F1A31;
}



.bottom-banner {
   position: relative;
   min-height: 345px;
}
.bottom-banner img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.bottom-banner-info {
   position: absolute;
   inset: 0;
   color: #fff;
   display: flex;
   align-items: center;
}
.bottom-banner-info h2 {
   margin-bottom: 20px;
}
.bottom-banner-info .bottom-banner-info-text {
   margin-bottom: 50px;
}
.bottom-banner-info .default--button {
   padding-inline: 100px;
}


.there-websites {
   --there-websites-col: 2;
   --there-websites-gap: 25px;
   color: #fff;
}
.there-websites .there-websites-items {
   display: flex;
   flex-wrap: wrap;
   gap: var(--there-websites-gap);
}
.there-websites .there-websites-item {
   --item-column-gap: 45px;

   display: -ms-grid;
   display: grid;
   -ms-grid-columns: calc(55% - var(--item-column-gap) / 2) calc(45% - var(--item-column-gap) / 2);
   grid-template-columns: calc(55% - var(--item-column-gap) / 2) calc(45% - var(--item-column-gap) / 2);
   column-gap: var(--item-column-gap);
   padding: 45px;
   width: calc((100% - (var(--there-websites-gap) * (var(--there-websites-col) - 1))) / var(--there-websites-col));
   background: #1F1A31;
}
.there-websites .there-websites-title {
   margin-bottom: 40px;
   font-weight: 900;
   font-size: 20px;
   color: #fff;
}
.there-websites p {
   margin-bottom: 70px;
} 
.there-websites .default--button {
   max-width: 265px;
   margin-top: auto;
}
.there-websites .there-websites-image {
   position: relative;
   -ms-grid-row: 1;
   -ms-grid-row-span: 3;
   grid-row: span 3 / 4;
   -ms-grid-column: 2;
   grid-column: 2;
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}
.there-websites .there-websites-image .loader {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 10;
}
.there-websites .there-websites-image::before {
   content: '';
   position: absolute;
   inset: 0;
   background: transparent;
   transition: var(--transition-default);
   cursor: pointer;
   z-index: 10;
}
.there-websites .there-websites-image::after {
   content: '';
   position: absolute;
   bottom: 10px;
   right: 10px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background-image: url("/bitrix/templates/seoven_v8/css/../images/zoom-arrows.svg");
   background-position: center;
   background-size: 25px;
   background-repeat: no-repeat;
   background-color: #1F1A31;
   opacity: 0.8;
   transition: var(--transition-default);
   z-index: 20;
   pointer-events: none;
}
.there-websites .there-websites-image img {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: top;
   transition: var(--transition-default);
}

.there-websites-info .there-websites-info-inner {
   display: flex;
   justify-content: space-between;
   gap: 40px 50px;
   color: #fff;
}
.there-websites-info .there-websites-info-inner:not(:last-child) {
   margin-bottom: 60px;
}
.there-websites-info .left h2 {
   margin-bottom: 0;
}
.there-websites-info .right {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   gap: 50px;
   flex: 0 0 50%;
   margin-top: 10px;
}
.there-websites-info .right .default--button {
   max-width: 490px;
   width: 100%;
   margin-left: 0;
}
.there-websites-info .there-websites-items {
   --there-websites-info-col-gap: 25px;

   display: flex;
   flex-wrap: wrap;
   gap: var(--there-websites-info-col-gap);
}
.there-websites-info .there-websites-items + .default--button {
   margin-top: 50px;
}
.there-websites-info .there-websites-item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: calc(100% / 3 - var(--there-websites-info-col-gap) * 2 / 3);
   padding: 70px 60px;
   background-color: #1F1A31;
}
.there-websites-info .there-websites-item.colors:nth-child(1) {
   background-color: #079ABC;
}
.there-websites-info .there-websites-item.colors:nth-child(2) {
   background-color: #E0A900;
}
.there-websites-info .there-websites-item.colors:nth-child(3) {
   background-color: #05897C;
}
.there-websites-info .there-websites-item span {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 15px;
   color: #fff;
   font-size: 16px;
}
.there-websites-info .there-websites-item span img {
   width: 40px;
}
.there-websites-info .there-websites-item .h3 {
   margin-left: 55px;
}
.there-websites-info .there-websites-item.colors h3 {
   text-align: center;
}
.there-websites-info .there-websites-item.colors span {
   text-align: center;
   justify-content: center;
}
.there-websites-info .default--button {
   display: flex;
   width: 100%;
   max-width: 390px;
   margin: 0 auto;
}

.there-websites-usage .there-websites-items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: repeat(2, 1fr);
   gap: 15px 20px;
}
.there-websites-usage .there-websites-item {
   display: flex;
   align-items: center;
   gap: 30px;
   padding: 40px;
   background-color: #1F1A31;
}
.there-websites-usage .there-websites-items .fit {
   -ms-grid-column: 1;
   -ms-grid-column-span: 1;
   grid-column: span 1 / 2;
}
.there-websites-usage .there-websites-items .no-fit {
   -ms-grid-column: 2;
   -ms-grid-column-span: 1;
   grid-column: span 1 / 3;
}
.there-websites-usage .there-websites-items h3 {
   -ms-grid-row-span: 1;
   grid-row: span 1 / 1;
   margin-bottom: 15px;
   align-self: end;
}
.there-websites-usage .there-websites-item .circle {
   position: relative;
   flex-shrink: 0;
   width: 40px;
   height: 40px;
   border-radius: 50%;
}
.there-websites-usage .there-websites-item .circle::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   transform: translate(-50%, -50%);
   z-index: 5;   
}
.there-websites-usage .there-websites-item .circle.circle--green {
   background-color: rgba(0, 246, 39, 0.15);;
}
.there-websites-usage .there-websites-item .circle.circle--green::before {
   background-color: #05A31E;
}
.there-websites-usage .there-websites-item .circle.circle--orange {
   background-color: rgba(180, 136, 23, 0.15);;
}
.there-websites-usage .there-websites-item .circle.circle--orange::before {
   background-color: #B48817;
}
.there-websites-usage .there-websites-item svg {
   flex-shrink: 0;
}
.there-websites-usage .there-websites-item p {
   color: #fff;
   font-weight: 900;
}



.there-websites-steps {}
.there-websites-steps [class*="smoke-view"] {
   position: relative;
}
.there-websites-steps [class*="smoke-view"]::before {
   content: '';
   position: absolute;
   top: -530px;
   left: -500px;
   width: 1500px;
   height: 1350px;
   z-index: -1;
   background: url("/bitrix/templates/seoven_v7/css/../images/smoke-view03.webp") center / contain no-repeat;
}
.there-websites-steps .steps {}
.there-websites-steps .steps-count {
   margin-bottom: 20px;
   font-weight: 900;
   font-size: 30px;
   color: #fff;
   overflow: hidden;
   transition: var(--transition-medium);
}
.there-websites-steps .steps-inner {
   display: flex;
   gap: 20px;
}
.there-websites-steps .steps-items {
   --box-shadow-size: 0;

   position: relative;
   display: flex;
   width: 50%;
   transition: var(--transition-medium);
   overflow: hidden;
}
.there-websites-steps .steps-items::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   box-shadow: 0 0 10px var(--box-shadow-size) rgb(8 7 22);
   z-index: 10;
   transition: var(--transition-medium);
}
.there-websites-steps .steps-items.loading {
   --box-shadow-size: 15px;
}
.there-websites-steps .steps-item {
   position: absolute;
   top: 0;
   left: 100px;
   flex-shrink: 0;
   width: 100%;
   visibility: hidden;
   height: fit-content;
   opacity: 0;
   transition: var(--transition-medium);
}
.there-websites-steps .steps-item.active {
   position: relative;
   top: 0;
   left: 0;
   visibility: visible;
   opacity: 1;
}
.there-websites-steps .steps-title {
   margin-bottom: 40px;
   font-weight: 900;
   font-size: 20px;
   color: #fff;
}
.there-websites-steps .steps-footnote {
   margin-top: 10px;
   font-weight: 900;
   font-size: 14px;
   color: #fff;
}
.there-websites-steps .steps-footnote-list {
   margin-top: 5px;
}
.there-websites-steps .steps-footnote-list li {
   display: flex;
   align-items: center;
   gap: 5px;
}
.there-websites-steps .steps-footnote-list li:not(:last-child) {
   margin-bottom: 5px;
}
.there-websites-steps .steps-footnote-list li::before {
   content: '- ';
}
.there-websites-steps .steps-item.last .steps-title {
   margin-bottom: 30px;
}
.there-websites-steps .total-price {
   font-weight: 900;
   font-size: 45px;
   color: #fff;
}
.there-websites-steps .steps-checkboxes {
   display: flex;
   flex-wrap: wrap;
   gap: 25px;
}
.there-websites-steps .steps-checkbox {
   width: 100%;
}
.there-websites-steps .steps-action {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   width: 50%;
}
.there-websites-steps .steps-action .loader-container {
   display: none;
   align-self: center;
   margin-bottom: 15px;
}
.there-websites-steps .steps-action .default-form {
   position: relative;
   left: 100px;
   max-width: none;
   width: 100%;
   max-height: 0;
   overflow: hidden;
   opacity: 0;
   transition: var(--transition-medium);
}
.there-websites-steps .steps-action .default-form textarea {
   height: 100%;
}
.there-websites-steps .steps-action .default-form .default--button {
   max-width: calc(50% - var(--form-field-gap) / 2);
}
.there-websites-steps .steps-controls {
   display: flex;
   justify-content: flex-end;
   gap: 15px;
   width: 100%;
   margin-top: auto;
   overflow: hidden;
   transition: var(--transition-medium);
}
.there-websites-steps .steps-prev,
.there-websites-steps .steps-next {
   width: 100%;
   max-width: 250px;
   transition: var(--transition-medium);
}
.there-websites .there-websites-image.loading::before {
   background: rgba(0, 0, 0, 0.4);
}
.there-websites .there-websites-image.loading::after {
   transform: scale(1.05);
   opacity: 1;
}
.there-websites .there-websites-image.loading img {
   transform: scale(1.05);
}



.choose-cms {
   color: #fff;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}
.choose-cms .choose-cms-description {
   margin-bottom: 75px;
   max-width: 1100px;
}
.choose-cms .choose-cms-items {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
.choose-cms .choose-cms-items {scrollbar-width: none;}
.choose-cms .choose-cms-items::-webkit-scrollbar {height: 0; width: 0; display: none;}
.choose-cms .choose-cms-items::-webkit-scrollbar-track {background: transparent;}
.choose-cms .choose-cms-items::-webkit-scrollbar-thumb {background-color: transparent; border-radius: 0px; border: transparent;}
.choose-cms .choose-cms-items.grab {
   cursor: grab;
}
.choose-cms .choose-cms-items.grab:active {
   cursor: grabbing;
}
.choose-cms .choose-cms-item {
   display: flex;
   column-gap: 15px;
}
.choose-cms .choose-cms-item:not(:last-child) .choose-cms-col {
   padding-bottom: 30px;
}
.choose-cms .choose-cms-item:first-child .choose-cms-col {
   padding-top: 40px;
}
.choose-cms .choose-cms-item:last-child .choose-cms-col {
   padding-bottom: 40px;
}
.choose-cms .choose-cms-col {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 calc((100% - 530px) / 3 - 15px * 2 / 3);
   width: calc((100% - 530px) / 3 - 15px * 2 / 3);
   padding: 0 40px;
   background: #1F1A31;
   text-align: center;
}
.choose-cms .choose-cms-col.prop-name {
   justify-content: flex-start;
   flex: 0 0 500px;
   width: 500px;
   margin-right: 15px;
   background: var(--background-dark);
   text-align: left;
}
.choose-cms .default--button {
   display: flex;
   max-width: 390px;
   width: 100%;
   margin: 55px auto 0;
}



.microservice .default--button {
   display: flex;
   width: 100%;
   max-width: 390px;
   margin: 0 auto;
}




main {
   flex: 1;
   overflow: hidden;
}


footer {
   padding: 80px 0;
}
footer .footer-content {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   color: #e5e5e5;
}
footer .footer-content .footer-column {
   width: calc(100% / 3 - 15px * 2 / 3);
}
footer .footer-content a {
   color: #e5e5e5;
}
footer .footer-content .footer-column .default--list li + li {
   margin-top: 5px;
}
footer .footer-content .copyright {
   display: block;
   width: 100%;
}
footer .footer-content .privacy-policy {
   display: block;
   width: 100%;
   margin-top: 20px;
   text-decoration: underline;
}
footer .footer-content .footer-column .footer-contacts-socials {
   display: flex;
   column-gap: 55px;
}
footer .footer-content .footer-column .footer-contacts-socials .footer-contacts a {
   display: block;
   font-weight: 900;
}
footer .footer-content .footer-column .footer-contacts-socials .footer-contacts span {
   display: block;
   margin-top: 5px;
}
footer .footer-content .footer-column .footer-contacts-socials .footer-socials-items .footer-socials-item {
   vertical-align: top;
}
footer .footer-content .footer-column .footer-contacts-socials .footer-socials-items .footer-socials-item + .footer-socials-item {
   margin-left: 20px;
}
footer .footer-content .footer-column .footer-email {
   display: block;
   margin-top: 45px;
   padding-left: 45px;
   background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0909 8.05041C19.093 7.93467 19.0426 7.82471 18.9553 7.75093L15.2578 4.65334V3.0619C15.2621 2.8579 15.0852 2.67851 14.8849 2.68212H12.9055L11.3728 1.39812C10.5773 0.731877 9.42244 0.731877 8.62699 1.39812L7.09431 2.68212H5.07795C4.87199 2.68212 4.70508 2.85211 4.70508 3.0619V4.68371L1.04453 7.75075C0.957173 7.82381 0.906747 7.93376 0.908878 8.04951C0.908878 8.06397 0.910299 8.07917 0.912429 8.09363V17.9931C0.912429 18.3577 1.20292 19.3248 2.21641 19.3248H17.7839C18.4856 19.34 19.1006 18.7063 19.0878 17.9931L19.0871 8.09363C19.0893 8.07917 19.0907 8.0647 19.0907 8.05023L19.0909 8.05041ZM7.22873 13.2125L1.66837 18.1054C1.66126 18.0692 1.65771 18.0316 1.65771 17.9933V8.8194C1.65771 8.8194 7.14837 13.1321 7.22873 13.2125ZM7.83171 13.6848L8.68967 14.3568C9.46666 14.9175 10.4929 14.9153 11.2764 14.3619L12.1422 13.6856L17.7125 18.5661H2.28489L7.83171 13.6848ZM18.3424 17.9933C18.3424 18.0324 18.3389 18.0707 18.3318 18.1076L12.7465 13.2139C14.1201 12.1477 16.9552 9.90078 18.3431 8.81875L18.3424 17.9933ZM18.1201 8.03464L15.2572 10.2807L15.2579 5.63593L18.1201 8.03464ZM9.10104 1.98501C9.62235 1.54808 10.3787 1.54808 10.9 1.98501L11.7331 2.68306H8.26786L9.10104 1.98501ZM14.5123 3.4419V10.8767C13.7502 11.472 11.5599 13.1836 10.8327 13.7521C10.3099 14.1058 9.6466 14.1051 9.13666 13.7485C8.42146 13.1886 6.1992 11.4481 5.45066 10.8622V3.4418L14.5123 3.4419ZM4.7054 5.66708V10.2606L1.8794 8.03541L4.7054 5.66708Z' fill='white' stroke='white' stroke-width='0.2' /%3E%3Cpath d='M12.0269 10.1953H7.93525C7.72929 10.1953 7.56238 10.3653 7.56238 10.5751C7.56238 10.7849 7.72928 10.9549 7.93525 10.9549H12.0269C12.2329 10.9549 12.3998 10.7849 12.3998 10.5751C12.3998 10.3653 12.2329 10.1953 12.0269 10.1953Z' fill='white' stroke='white' stroke-width='0.2' /%3E%3Cpath d='M6.81965 8.67362H13.1427C13.3487 8.67362 13.5156 8.50362 13.5156 8.29384C13.5156 8.08406 13.3487 7.91406 13.1427 7.91406L6.81965 7.91479C6.61369 7.91479 6.44678 8.08478 6.44678 8.29456C6.44749 8.50362 6.61439 8.67362 6.81965 8.67362Z' fill='white' stroke='white' stroke-width='0.2' /%3E%3Cpath d='M6.81965 6.38456H13.1427C13.3487 6.38456 13.5156 6.21456 13.5156 6.00478C13.5156 5.795 13.3487 5.625 13.1427 5.625L6.81965 5.62572C6.61369 5.62572 6.44678 5.79572 6.44678 6.0055C6.44749 6.21456 6.61439 6.38456 6.81965 6.38456Z' fill='white' stroke='white' stroke-width='0.2' /%3E%3C/svg%3E") left no-repeat;
}
footer .footer-content .footer-column .footer-location {
   margin-top: 45px;
   padding-left: 45px;
   background: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5002 2.38836C13.3106 1.24631 11.7964 0.469341 10.1488 0.15552C8.50118 -0.158301 6.79397 0.00509276 5.24267 0.625078C3.69137 1.24506 2.36551 2.29385 1.43245 3.63905C0.499378 4.98426 0.000927896 6.56558 1.03526e-05 8.18343C-0.00272478 9.86541 0.536567 11.5067 1.54346 12.8809L1.57818 12.9265L6.72931 19.1837C6.93828 19.437 7.20392 19.6416 7.50641 19.7823C7.80891 19.9229 8.14046 19.9959 8.47634 19.9959C8.81222 19.9959 9.14377 19.9229 9.44626 19.7823C9.74876 19.6416 10.0144 19.437 10.2234 19.1837L15.466 12.8839C16.6132 11.3048 17.1452 9.38646 16.9686 7.46661C16.7919 5.54677 15.9178 3.7485 14.5002 2.38836ZM14.2414 12.0265L14.2224 12.0509L9.03974 18.2868C8.97181 18.369 8.88536 18.4353 8.78694 18.4806C8.68851 18.5259 8.58068 18.549 8.4716 18.5483C8.35772 18.5492 8.24531 18.5234 8.14412 18.4731C8.04292 18.4228 7.95599 18.3494 7.89084 18.2594L2.77127 12.0448C2.04 11.0366 1.60946 9.8546 1.52641 8.62727C1.44336 7.39994 1.71098 6.17415 2.3002 5.083C2.88941 3.99186 3.77771 3.07708 4.86863 2.43799C5.95954 1.7989 7.21138 1.45994 8.48819 1.45791C9.76501 1.45588 11.018 1.79086 12.1111 2.42647C13.2042 3.06209 14.0956 3.97404 14.6886 5.0633C15.2815 6.15256 15.5534 7.3775 15.4745 8.60508C15.3957 9.83267 14.9692 11.016 14.2414 12.0265Z' fill='white' /%3E%3Cpath d='M8.49688 6.25781C8.10234 6.25781 7.71667 6.37051 7.38863 6.58165C7.06058 6.7928 6.8049 7.0929 6.65392 7.44402C6.50294 7.79514 6.46344 8.1815 6.54041 8.55425C6.61738 8.92699 6.80736 9.26938 7.08634 9.53811C7.36532 9.80685 7.72076 9.98986 8.10771 10.064C8.49466 10.1381 8.89575 10.1001 9.26025 9.95466C9.62476 9.80922 9.9363 9.56293 10.1555 9.24693C10.3747 8.93093 10.4917 8.55942 10.4917 8.17937C10.4917 7.66974 10.2815 7.18099 9.90741 6.82062C9.53332 6.46026 9.02593 6.25781 8.49688 6.25781Z' fill='white' /%3E%3C/svg%3E") left top no-repeat;
}
footer .footer-content .footer-column .footer-location a {
   margin-top: 10px;
   display: block;
   text-decoration: underline;
}
/* End */


/* Start:/bitrix/templates/seoven_v8/css/anim.css?17598611751563*/
.time-anim {
   width: 30px;
   height: 30px;
   position: relative;
   border-radius: 50%;
   border: 3px solid #fff;
}
.arrow {
   position: absolute;
   width: 4px;
   height: 10px;
   left: 10px;
   top: 3px;
   background: #fff;
   animation: timeArrows 10s infinite linear;
   transform-origin: 50% 90%;
   border-radius: 25px;
}
.arrow.two {
   animation: timeArrows 5s infinite linear;
}
@keyframes timeArrows {
   100% {
      transform: rotate(360deg);
   }
}

@keyframes modalCloseBefore {
   0%, 100% {transform: translateX(0) rotate(45deg);}
   10%, 30% {transform: translateX(-2px) rotate(45deg);}
   20%, 40% {transform: translateX(2px) rotate(45deg);}
   50%, 70% {transform: translateX(-2px) rotate(45deg);}
   60%, 80% {transform: translateX(2px) rotate(45deg);}
   90%, 100% {transform: translateX(0) rotate(45deg);}
}

@keyframes modalCloseAfter {
   0%, 100% {transform: translateX(0) rotate(-45deg);}
   10%, 30% {transform: translateX(-2px) rotate(-45deg);}
   20%, 40% {transform: translateX(2px) rotate(-45deg);}
   50%, 70% {transform: translateX(-2px) rotate(-45deg);}
   60%, 80% {transform: translateX(2px) rotate(-45deg);}
   90%, 100% {transform: translateX(0) rotate(-45deg);}
}

@keyframes bounce {
   0% {
      transform: translateY(0);
      opacity: 1;
   }
   40% {
      transform: translateY(-50px);
      opacity: 0;
   }
   41% {
      transform: translateY(50px);
      opacity: 0;
   }
   80%, 100% {
      transform: translateY(0);
      opacity: 1;
   }
}
/* End */


/* Start:/bitrix/templates/seoven_v8/css/media.css?175986117539837*/
@media (hover: hover) {
   .swiper {
      cursor: grab;
   }
   .swiper:active {
      cursor: grabbing;
   }

   .default--radio:hover input[type="radio"],
   .default--checkbox:hover input[type="checkbox"] {
      border-color: var(--background-maroon);
   }

   .modal-close:hover::before {
      animation: modalCloseBefore 1s infinite alternate;
      background: var(--background-maroon);
   }
   .modal-close:hover::after {
      animation: modalCloseAfter 1s infinite alternate;
      background: var(--background-maroon);
   }

   .default-form .form-field textarea:hover,
   .default-form .form-field input[type="text"]:hover {
      border-color: var(--background-maroon);
      box-shadow: inset 0 0 5px 1px var(--background-maroon);
   }

   .specialists-project .specialists-project-items .specialists-project-item.list-item ul li:hover {
      color: #8a72d8;
   }

   .there-websites .there-websites-image:hover::before {
      background: rgba(0, 0, 0, 0.4);
   }
   .there-websites .there-websites-image:hover::after {
      transform: scale(1.05);
      opacity: 1;
   }
   .there-websites .there-websites-image:hover img {
      transform: scale(1.05);
   }

   .arrow-scroll-top:hover{
      transform: scale(1.1);
   }
   .arrow-scroll-top:active{
      transform: scale(0.8);
   }
   .arrow-scroll-top:hover path {
      animation: bounce 2s cubic-bezier(0.65, 0, 0.35, 1) infinite;
   }
   .arrow-scroll-top:hover path:nth-child(2) {
      animation-delay: 0.2s;
   }

   @media (min-width: 1025px) {
      header .header-content .header-menu ul li:hover::before {
         width: 100%;
      }
      header .header-content .header-menu-parent:hover ul {
         pointer-events: all;
         opacity: 1;
         visibility: visible;
         top: calc(100% + 15px);
      }
   }
}

@media (hover: none) {
   .projects .projects-items .projects-item .projects-item-center .name .svg-cont:active svg {
      width: 20px;
   }

   .arrow-scroll-top:active{
      transform: scale(0.8);
   }

   header .header-content .header-menu-parent.open ul {
      pointer-events: all;
      opacity: 1;
      visibility: visible;
      top: calc(100% + 15px);
   }
   
   header .header-content .header-menu ul li .touch-device {
      display: inline-flex;
   }
}

@media (max-width: 1730px) {
   .will-work .will-work-arrow {
      display: none;
   }
   .will-work .will-work-content {
      margin: 0;
      padding: 0 30px;
   }
   .will-work .will-work-content .will-work-items .will-work-item {
      margin-right: 20px;
      width: calc(100% / 4 - 20px * 3 / 4);
      flex: 0 0 auto;
   }
   .will-work .will-work-content .will-work-items .will-work-item img {
      height: calc((100vw - 1024px)/(1730 - 1024) * (525 - 295) + 295px);
   }



   .reviews-letters .reviews-letters-content .arrow-view01 {
      display: none;
   }
   .reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item {
      padding: 90px 40px;
   }

   /* .there-websites .there-websites-image:active::before {
      background: rgba(0, 0, 0, 0.4);
   }
   .there-websites .there-websites-image:active::after {
      transform: scale(1.05);
      opacity: 1;
   }
   .there-websites .there-websites-image:active img {
      transform: scale(1.05);
   } */
}

@media (max-width: 1580px) {
   .banner-number .banner .banner-decor {
      left: -60px;
   }



   .specialists-project .specialists-project-items {
      grid-template-columns: calc(100% / 3 - 25px * 4 / 3) repeat(3, 1fr);
   }
   .specialists-project .specialists-project-items .specialists-project-item.list-item {
      grid-row: span 3;
      -ms-grid-row-span: 3;
   }
}

@media (max-width: 1500px) {
   .color-blocks .color-blocks-items .color-blocks-item {
      width: calc(100% / 3 - 30px * 2 / 3);
   }



   .specialists-project .specialists-project-items .specialists-project-item.list-item {
      padding-inline: 35px;
   }



   .choose-cms .choose-cms-col {
      flex: 0 0 330px;
      width: 330px;
   }
}

@media (max-width: 1440px) {
   .there-websites-info .there-websites-item {
      padding: 30px;
   }
}

@media (max-width: 1350px) {
   header .header-content .logo {
      margin-right: 0;
   }
   header .header-content .header-info {
      column-gap: 40px;
   }



   .more-info .partners .partners-content {
      gap: 40px;
   }
   .more-info .partners .partners-content .partners-item {
      width: calc(100% / 3 - 40px * 2 / 3);
   }



   .problems .problems-content {
      grid-template-columns: repeat(1, 1fr);
      -ms-grid-columns: repeat(1, 1fr);
   }
   .problems .problems-content .problems-arrows {
      margin-top: 50px;
      justify-content: center;
   }



   .tasks .tasks-items .tasks-item {
      padding: 40px;
      width: calc(100% / 2 - 30px * 1 / 2);
   }



   .price-services .price-services-items .price-services-item {
      padding: 50px 40px;
   }
}

@media (max-width: 1280px) {
   :root {
      --default-block-margin-y: 70px;
   }



   header .header-content .header-menu ul {
      column-gap: 25px;
   }



   .opacity-dark {
      padding: 70px 0;
   }



   .more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item {
      padding: 50px 40px;
   }



   .price-services .price-services-items .price-services-item {
      width: calc(100% / 2 - 20px * 1 / 2);
   }



   .projects .projects-items .projects-item {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: repeat(2, 1fr);
      gap: 25px;
   }
   .projects .projects-items .projects-item img {
      grid-row: span 2;
      -ms-grid-row-span: 2;
      height: calc((100vw - 768px)/(1280 - 768) * (300 - 380) + 380px);
   }
   .projects .projects-items .projects-item .projects-item-center {
      max-width: none;
   }



   .block-tiles .block-tiles-items {
      gap: 20px;
   }
   .block-tiles .block-tiles-items .block-tiles-item {
      width: calc(100% / 2 - 20px * 1 / 2);
      padding: 55px 25px;
   }



   .work-all-world .work-all-world-items .work-all-world-item {
      width: calc(100% / 4 - 20px * 3 / 4);
   }



   .technologies-and-techniques .technologies-and-techniques-items {
      gap: 30px;
   }
   .technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item {
      width: calc(100% / 2 - 30px * 1 / 2);
   }
   .technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item .technologies-and-techniques-item-img {
      flex: 0 0 100px;
   }



   .often-order .often-order-items {
      gap: 15px;
   }
   .often-order .often-order-items .often-order-item {
      width: calc(100% / 3 - 15px * 2 / 3);
      padding-inline: 25px;
   }
   .often-order .often-order-items .often-order-item * + * {
      margin-top: 30px;
   }
   .often-order .often-order-form form {
      margin-top: 15px;
   }
   #weReachYou {
      scroll-margin-top: 95px;
   }



   .there-websites .there-websites-item {
      --item-column-gap: 25px;
   }
   .there-websites-info .there-websites-item h3 {
      font-size: 24px;
   }
   .there-websites-info .there-websites-item .h3 {
      font-size: 24px;
      margin-left: 25px;
   }
   .there-websites .there-websites-title {
      margin-bottom: 25px;
   }
   .there-websites p {
      margin-bottom: 40px;
   }

   .there-websites-steps .steps-inner {
      flex-direction: column;
   }
   .there-websites-steps .steps-items {
      width: 100%;
   }
   .there-websites-steps .steps-action {
      width: 100%;
   }



   .choose-cms .choose-cms-item:first-child .choose-cms-col {
      padding-top: 30px;
   }
   .choose-cms .choose-cms-item:last-child .choose-cms-col {
      padding-bottom: 30px;
   }
   .choose-cms .choose-cms-col {
      padding: 0 30px;
   }
   .choose-cms .choose-cms-col.prop-name {
      width: 400px;
      flex-basis:400px;
   }
}

@media (max-width: 1179px) {
   .we-in-numbers .we-in-numbers-content {
      flex-wrap: wrap;
   }
   .we-in-numbers.pc .we-in-numbers-content .we-in-numbers-item {
      width: calc(100% / 3 - 70px * 2 / 3);
      max-width: none;
   }
}

@media (max-width: 1150px) {
   header .header-content .header-info button {
      padding-right: 25px;
      padding-left: 25px;
   }



   .we-in-numbers.pc .we-in-numbers-content {
      row-gap: 25px;
      column-gap: 70px;
      padding: 35px 0;
   }



   .more-info .partners .partners-content .partners-item {
      width: calc(100% / 2 - 40px * 1 / 2);
   }



   footer {
      padding-block: 60px;
   }
   footer .footer-content {
      justify-content: space-between;
   }
   footer .footer-content .footer-column:nth-child(3) {
      max-width: 220px;
   }
   footer .footer-content .footer-column .footer-contacts-socials {
      flex-direction: column;
      row-gap: 20px;
   }
   footer .footer-content .footer-column .footer-email {
      margin-top: 20px;
      background: transparent;
      padding-left: 0;
   }
   footer .footer-content .footer-column .footer-location {
      margin-top: 20px;
      background: transparent;
      padding-left: 0;
   }
}

@media (max-width: 1200px) {
   .specialists-project .specialists-project-items {
      grid-template-columns: auto repeat(2, 1fr);
      gap: 15px;
   }
   .specialists-project .specialists-project-items .specialists-project-item.list-item {
      grid-row: span 4;
      -ms-grid-row-span: 4;
   }
}

@media (max-width: 1024px) {
   :root {
      --header-height: 100px;
      --default-block-margin-y: 50px;
   }


   .show-mobile {
      display: inherit!important;
   }


   header {
      background: var(--background-body);
   }
   header.js-open-burger {
      position: fixed;
      top: 0;
      left: 0;
   }
   header .header-content .logo {
      height: 100%;
      flex: 0 0 auto;
   }
   header .header-content .header-menu-contacts {
      position: fixed;
      top: var(--header-height);
      left: 0;
      transform: translateX(100%);
      display: flex;
      flex-direction: column;
      gap: 40px;
      width: 100%;
      height: calc(100% - var(--header-height));
      padding: var(--padding-container) var(--padding-container) 25px;
      background: var(--background-body);
      transition: var(--transition-medium);
      overflow: auto;
   }
   header .header-content .header-menu-contacts p,
   header .header-content .header-menu-contacts a {
      color: #fff;
   }
   header.js-open-burger .header-content .header-menu-contacts {
      transform: translateX(0);
   }
   header .header-content .header-menu-contacts .default--button {
      margin-top: auto;
      flex-shrink: 0;
   }
   header.js-open-burger .header-content .header-burger span {
      transform: scale(0);
   }
   header.js-open-burger .header-content .header-burger::before,
   header.js-open-burger .header-content .header-burger::after {
      transition: transform var(--transition-default) 0.3s, top var(--transition-default), bottom var(--transition-default);
   }
   header.js-open-burger .header-content .header-burger::before {
      top: 11px;
      transform: rotate(45deg);
   }
   header.js-open-burger .header-content .header-burger::after {
      bottom: 11px;
      transform: rotate(-45deg);
   }
   header .header-content .header-menu {
      padding: 0 20px;
   }
   header .header-content .header-menu ul {
      flex-direction: column;
   }
   header .header-content .header-menu ul li {
      width: 100%;
   }
   header .header-content .header-menu ul li a {
      height: 60px;
   }
   header .header-content .header-menu .header-menu-parent {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
   }
   header .header-content .header-menu .header-menu-parent .accordion-default-title .circle-plus {
      display: inline-block;
   }
   header .header-content .header-menu .header-menu-parent .accordion-default-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-grow: 1;
      gap: 15px;
      height: 60px;
   }
   header .header-content .header-menu .header-menu-parent .accordion-default-title .circle-plus,
   header .header-content .header-menu .header-menu-parent .accordion-default-title .header-menu-parent-link {
      pointer-events: none;
   }
   header .header-content .header-menu .header-menu-parent ul {
      position: static;
      opacity: 1;
      visibility: visible;
      transform: translateX(0);
      padding: 10px 0;
      background-color: transparent;
      border-top: 1px solid #fff;
      pointer-events: all;
   }
   header .header-content .header-menu .header-menu-parent .accordion-default-drop {
      width: 100%;
   }
   header .header-content .header-menu .header-menu-parent ul > li a {
      height: 40px;
   }
   header .header-content .header-menu > ul > li {
      border-bottom: 1px solid #fff;
   }
   header .header-content .header-contacts {
      display: flex;
      flex-direction: column;
      gap: 40px;
      padding: 0 20px;
   }
   header .header-content .header-contacts-row {
      display: flex;
      gap: 20px;
   }
   header .header-content .header-contacts-row.location a {
      text-decoration: underline;
   }
   header .header-content .header-contacts-col {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }
   header .header-content .header-contacts .whatsapp {
      display: inline-block;
      margin-right: 10px;
   }
   header .header-content .header-contacts .telegram {
      display: inline-block;
   }
   header .header-content .header-contacts .email {
      font-weight: 900;
   }
   header .header-content .header-burger {
      display: block;
   }
   header .header-content .header-menu-contacts .default--button {
      display: inline-flex;
   }



   .banner-number .banner .container {
      margin-top: calc(var(--header-height));
      height: calc(100% - var(--header-height));
   }



   .price-services .price-services-items .price-services-item .default--button {
      width: 100%;
      padding-inline: 15px;
   }



   .preview-info .container {
      flex-direction: column;
   }
   .preview-info .left {
      width: 100%;
   }
   .preview-info .right {
      width: 100%;
      margin-top: 0;
   }
   .preview-info .right p {
      margin-top: 20px;
   }
   .preview-info .right .default--button {
      display: flex;
      width: fit-content;
      margin: 45px auto 0;
   }



   .we-in-numbers .we-in-numbers-content {
      padding: 60px 0;
   }



   .more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item {
      width: calc(100% / 2 - 30px * 1 / 2);
      flex-grow: 1;
   }



   .how-we-work-content .how-we-work-item {
      width: calc(100% / 2 - 30px * 1 / 2);
      flex-grow: 1;
   }



   .more-info .partners {
      padding: 60px 0;
   }



   .often-order .often-order-items .often-order-item {
      width: calc(100% / 2 - 15px * 1 / 2);
   }



   .will-work .will-work-content .will-work-items .will-work-item {
      width: calc(100% / 3 - 20px * 2 / 3);
   }
   .will-work .will-work-content .will-work-items .will-work-item img {
      height: calc((100vw - 680px)/(1024 - 680) * (400 - 250) + 250px);
   }


   .reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item {
      padding-inline: 25px;
   }



   .work-all-world .work-all-world-items .work-all-world-item {
      padding-block: 50px;
   }



   .frequent-questions .frequent-questions-items .frequent-questions-item .frequent-questions-item-title {
      padding-inline: 35px;
   }
   .frequent-questions .frequent-questions-items .frequent-questions-item .frequent-questions-item-drop-content {
      padding-inline: 35px;
   }



   .bottom-banner img {
      position: absolute;
      inset: 0;
   }


   [class*="smoke-view"]::before,
   .frequent-questions h2::before,
   .problems .problems-content h2::before,
   .projects .projects-items::before,
   .how-we-work h2::before {
      display: none;
   }



   .block-tiles .block-tiles-items .block-tiles-item .bottom {
      margin-top: 40px;
   }



   .opacity-dark {
      padding: 50px 0;
   }
   h2 {
      margin-bottom: 40px;
      font-size: 35px;
      text-align: center;
   }
   .banner-number .banner .banner-info .left h2 {
      text-align: left;
   }



   .reviews-letters .reviews-letters-tabs {
      justify-content: center;
   }



   .there-websites {
      --there-websites-col: 1;
   }



   .there-websites-info .there-websites-items {
      --there-websites-info-col-gap: 15px;
   }
   .there-websites-info .there-websites-item {
      padding: 20px;
   }
   .there-websites-info .there-websites-info-inner  {
      flex-direction: column;
   }
   .there-websites-info .there-websites-info-inner:not(:last-child) {
      margin-bottom: 40px;
   }
   .there-websites-info .there-websites-items + .default--button {
      margin-top: 30px;
   }
   .there-websites-info .right {
      gap: 30px;
      margin-top: 0;
   }
   .there-websites-info .right .default--button {
      margin-left: auto;
   }

   .there-websites-usage .there-websites-items h3 {
      font-size: 24px;
   }
   .there-websites-usage .there-websites-item {
      padding: 20px;
   }



   .choose-cms .choose-cms-item:first-child .choose-cms-col {
      padding-top: 20px;
   }
   .choose-cms .choose-cms-item:last-child .choose-cms-col {
      padding-bottom: 20px;
   }
   .choose-cms .choose-cms-col {
      flex: 0 0 280px;
      width: 280px;
      padding: 0 20px;
   }
   .choose-cms .choose-cms-col.prop-name {
      width: 300px;
      flex-basis: 300px;
   }



   .include-view01 p:not(:last-child) {
      margin-bottom: 50px;
   }



   header .header-content .header-menu ul li .touch-device {
      display: inline-flex;
   }
}

@media (max-width: 860px) {
   .specialists-project .specialists-project-items {
      grid-template-columns: repeat(2, 1fr);
   }
   .specialists-project .specialists-project-items .specialists-project-item.list-item {
      grid-row: span 2;
      -ms-grid-row-span: 2;
      padding-inline: 25px;
   }



   .reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item {
      width: 100%;
   }
   .reviews-letters .reviews-letters-content .reviews-letters-items .reviews-letters-item .reviews-letters-text {
      margin-bottom: 30px;
   }



   .tasks .tasks-items .tasks-item {
      padding: 40px 25px;
   }
   .tasks .tasks-items .tasks-item:last-child {
      padding-inline: 0;
   }



   .price-services .price-services-items .price-services-item {
      width: 100%;
   }



   footer .footer-content {
      row-gap: 5px;
   }
   footer .footer-content .footer-column:nth-child(1),
   footer .footer-content .footer-column:nth-child(2) {
      width: calc(100% / 2 - 15px * 1 / 2);
   }
   footer .footer-content .footer-column:nth-child(3) {
      width: 100%;
      max-width: none;
      margin-top: 45px;
   }
   footer .footer-content .footer-column .footer-contacts-socials {
      flex-direction: row;
   }
   footer .footer-content .footer-column .footer-email {
      padding-left: 45px;
      background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0909 8.05041C19.093 7.93467 19.0426 7.82471 18.9553 7.75093L15.2578 4.65334V3.0619C15.2621 2.8579 15.0852 2.67851 14.8849 2.68212H12.9055L11.3728 1.39812C10.5773 0.731877 9.42244 0.731877 8.62699 1.39812L7.09431 2.68212H5.07795C4.87199 2.68212 4.70508 2.85211 4.70508 3.0619V4.68371L1.04453 7.75075C0.957173 7.82381 0.906747 7.93376 0.908878 8.04951C0.908878 8.06397 0.910299 8.07917 0.912429 8.09363V17.9931C0.912429 18.3577 1.20292 19.3248 2.21641 19.3248H17.7839C18.4856 19.34 19.1006 18.7063 19.0878 17.9931L19.0871 8.09363C19.0893 8.07917 19.0907 8.0647 19.0907 8.05023L19.0909 8.05041ZM7.22873 13.2125L1.66837 18.1054C1.66126 18.0692 1.65771 18.0316 1.65771 17.9933V8.8194C1.65771 8.8194 7.14837 13.1321 7.22873 13.2125ZM7.83171 13.6848L8.68967 14.3568C9.46666 14.9175 10.4929 14.9153 11.2764 14.3619L12.1422 13.6856L17.7125 18.5661H2.28489L7.83171 13.6848ZM18.3424 17.9933C18.3424 18.0324 18.3389 18.0707 18.3318 18.1076L12.7465 13.2139C14.1201 12.1477 16.9552 9.90078 18.3431 8.81875L18.3424 17.9933ZM18.1201 8.03464L15.2572 10.2807L15.2579 5.63593L18.1201 8.03464ZM9.10104 1.98501C9.62235 1.54808 10.3787 1.54808 10.9 1.98501L11.7331 2.68306H8.26786L9.10104 1.98501ZM14.5123 3.4419V10.8767C13.7502 11.472 11.5599 13.1836 10.8327 13.7521C10.3099 14.1058 9.6466 14.1051 9.13666 13.7485C8.42146 13.1886 6.1992 11.4481 5.45066 10.8622V3.4418L14.5123 3.4419ZM4.7054 5.66708V10.2606L1.8794 8.03541L4.7054 5.66708Z' fill='white' stroke='white' stroke-width='0.2' /%3E%3Cpath d='M12.0269 10.1953H7.93525C7.72929 10.1953 7.56238 10.3653 7.56238 10.5751C7.56238 10.7849 7.72928 10.9549 7.93525 10.9549H12.0269C12.2329 10.9549 12.3998 10.7849 12.3998 10.5751C12.3998 10.3653 12.2329 10.1953 12.0269 10.1953Z' fill='white' stroke='white' stroke-width='0.2' /%3E%3Cpath d='M6.81965 8.67362H13.1427C13.3487 8.67362 13.5156 8.50362 13.5156 8.29384C13.5156 8.08406 13.3487 7.91406 13.1427 7.91406L6.81965 7.91479C6.61369 7.91479 6.44678 8.08478 6.44678 8.29456C6.44749 8.50362 6.61439 8.67362 6.81965 8.67362Z' fill='white' stroke='white' stroke-width='0.2' /%3E%3Cpath d='M6.81965 6.38456H13.1427C13.3487 6.38456 13.5156 6.21456 13.5156 6.00478C13.5156 5.795 13.3487 5.625 13.1427 5.625L6.81965 5.62572C6.61369 5.62572 6.44678 5.79572 6.44678 6.0055C6.44749 6.21456 6.61439 6.38456 6.81965 6.38456Z' fill='white' stroke='white' stroke-width='0.2' /%3E%3C/svg%3E") left no-repeat;
   }
   footer .footer-content .footer-column .footer-location {
      padding-left: 45px;
      background: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5002 2.38836C13.3106 1.24631 11.7964 0.469341 10.1488 0.15552C8.50118 -0.158301 6.79397 0.00509276 5.24267 0.625078C3.69137 1.24506 2.36551 2.29385 1.43245 3.63905C0.499378 4.98426 0.000927896 6.56558 1.03526e-05 8.18343C-0.00272478 9.86541 0.536567 11.5067 1.54346 12.8809L1.57818 12.9265L6.72931 19.1837C6.93828 19.437 7.20392 19.6416 7.50641 19.7823C7.80891 19.9229 8.14046 19.9959 8.47634 19.9959C8.81222 19.9959 9.14377 19.9229 9.44626 19.7823C9.74876 19.6416 10.0144 19.437 10.2234 19.1837L15.466 12.8839C16.6132 11.3048 17.1452 9.38646 16.9686 7.46661C16.7919 5.54677 15.9178 3.7485 14.5002 2.38836ZM14.2414 12.0265L14.2224 12.0509L9.03974 18.2868C8.97181 18.369 8.88536 18.4353 8.78694 18.4806C8.68851 18.5259 8.58068 18.549 8.4716 18.5483C8.35772 18.5492 8.24531 18.5234 8.14412 18.4731C8.04292 18.4228 7.95599 18.3494 7.89084 18.2594L2.77127 12.0448C2.04 11.0366 1.60946 9.8546 1.52641 8.62727C1.44336 7.39994 1.71098 6.17415 2.3002 5.083C2.88941 3.99186 3.77771 3.07708 4.86863 2.43799C5.95954 1.7989 7.21138 1.45994 8.48819 1.45791C9.76501 1.45588 11.018 1.79086 12.1111 2.42647C13.2042 3.06209 14.0956 3.97404 14.6886 5.0633C15.2815 6.15256 15.5534 7.3775 15.4745 8.60508C15.3957 9.83267 14.9692 11.016 14.2414 12.0265Z' fill='white' /%3E%3Cpath d='M8.49688 6.25781C8.10234 6.25781 7.71667 6.37051 7.38863 6.58165C7.06058 6.7928 6.8049 7.0929 6.65392 7.44402C6.50294 7.79514 6.46344 8.1815 6.54041 8.55425C6.61738 8.92699 6.80736 9.26938 7.08634 9.53811C7.36532 9.80685 7.72076 9.98986 8.10771 10.064C8.49466 10.1381 8.89575 10.1001 9.26025 9.95466C9.62476 9.80922 9.9363 9.56293 10.1555 9.24693C10.3747 8.93093 10.4917 8.55942 10.4917 8.17937C10.4917 7.66974 10.2815 7.18099 9.90741 6.82062C9.53332 6.46026 9.02593 6.25781 8.49688 6.25781Z' fill='white' /%3E%3C/svg%3E") left top no-repeat;
   }
   footer .footer-content .copyright {
      margin-top: 45px;
   }
}

@media (max-width: 768px) {
   :root {
      --modal-padding: 50px;
   }



   .more-info .partners .partners-content {
      gap: 20px;
   }
   .more-info .partners .partners-content .partners-item {
      flex-direction: column;
      text-align: center;
      width: calc(100% / 2 - 20px * 1 / 2);
   }



   .modal-close {
      top: 5px;
      right: 5px;
   }



   .more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item {
      width: 100%;
   }



   .advertising-campaign .default--button {
      width: 100%;
      padding-inline: 15px;
   }



   .work-all-world .work-all-world-items {
      gap: 10px;
   }
   .work-all-world .work-all-world-items .work-all-world-item {
      width: calc(100% / 3 - 10px * 2 / 3);
   }



   .technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item {
      flex-direction: column;
   }
   .technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item .technologies-and-techniques-item-img {
      flex: 0 0 auto;
      margin: 0 auto 15px;
   }
   .technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item p {
      text-align: center;
   }



   .how-we-work-content .how-we-work-item {
      width: 100%;
   }



   .projects .projects-items .projects-item {
      grid-template-columns: repeat(1, 1fr);
      -ms-grid-columns: repeat(1, 1fr);
      justify-items: normal
   }
   .projects .projects-items .projects-item img {
      height: calc((100vw - 360px)/(768 - 360) * (460 - 250) + 250px);
   }
   .projects .projects-items .projects-item .projects-item-center {
      max-width: none;
   }
   .projects .projects-items .projects-item .projects-item-right .default--button {
      width: 100%;
      padding-inline: 15px;
   }
   .projects .projects-items .projects-item .projects-item-right .production-time {
      display: flex;
      flex-direction: column;
      row-gap: 10px;
   }
   .projects .projects-items .projects-item .projects-item-right .production-time span {
      margin-top: 0;
   }
   .projects .projects-items .projects-item .projects-item-right .production-time-item {
      display: flex;
      column-gap: 5px;
   }
   .projects .projects-items .projects-item .projects-item-right .production-time-item:not(:last-child) {
      margin-bottom: 0;
   }



   .color-blocks .color-blocks-items {
      gap: 10px;
   }
   .color-blocks .color-blocks-items .color-blocks-item {
      width: calc(100% / 2 - 10px * 1 / 2);
      max-width: none;
   }



   .problems .problems-content .swiper .problems-items .problems-item {
      gap: 15px;
   }
   .problems .problems-content .swiper .problems-items .problems-item .problems-item-content {
      padding: 70px 30px;
   }



   .specialists-project .specialists-project-items .specialists-project-item.list-item {
      grid-column: span 2;
      -ms-grid-column-span: 2;
      padding-inline: 20px;
      padding-block: 50px;
   }



   .tasks .tasks-items {
      gap: 10px;
   }
   .tasks .tasks-items .tasks-item {
      width: 100%;
      column-gap: 20px;
   }
   .tasks .tasks-items .tasks-item:last-child {
      padding-bottom: 0;
   }



   .block-tiles .block-tiles-items {
      gap: 10px;
   }
   .block-tiles .block-tiles-items .block-tiles-item {
      width: calc(100% / 2 - 10px * 1 / 2);
   }



   .bottom-banner-info h2 {
      font-size: 32px;
      margin-bottom: 10px;
      text-align: center;
   }
   .bottom-banner-info .bottom-banner-info-text {
      margin-bottom: 20px;
      text-align: center;
   }
   .bottom-banner-info .default--button {
      display: block;
      margin: 0 auto;
   }



   .choose-cms .choose-cms-item:first-child .choose-cms-col {
      padding-top: 20px;
   }
   .choose-cms .choose-cms-item:last-child .choose-cms-col {
      padding-bottom: 20px;
   }
   .choose-cms .choose-cms-item:not(:last-child) .choose-cms-col {
      padding-bottom: 10px;
   }
   .choose-cms .choose-cms-col {
      flex: 0 0 170px;
      width: 170px;
      padding: 0 20px;
   }
   .choose-cms .choose-cms-col.prop-name {
      width: 230px;
      flex-basis: 230px;
   }


   
   .there-websites-usage .there-websites-items {
      -ms-grid-columns:1fr;
      grid-template-columns: repeat(1, 1fr);
   }
   .there-websites-usage .there-websites-items .fit {
      order: 1;
      grid-column: span 1;
   }
   .there-websites-usage .there-websites-items .fit.last-item {
      margin-bottom: 15px;
   }
   .there-websites-usage .there-websites-items .no-fit {
      order: 2;
      grid-column: span 1;
   }
   .there-websites-usage .there-websites-items h3 {
      -ms-grid-row-span: unset;
      grid-row: unset;
   }
   .there-websites-steps .steps-action .default-form .default--button {
      max-width: 100%;
   }
   .there-websites-steps .total-price {
      font-size: 35px;
   }



   .there-websites-info .there-websites-item {
      width: auto;
      flex: 1 1 240px;
   }



   .default-form .form-field-col-2 {
      flex-direction: column;
   }
   .default-form .form-field-col-2 .form-field-col {
      width: 100%;
   }

   
   
   .arrow-scroll-top {
      right: 15px;
   }
   .arrow-scroll-top.show {
      bottom: 15px;
   }
}

@media (max-width: 680px) {
   header .header-content .header-info ul {
      display: none;
   }



   .more-info {
      display: flex;
      flex-direction: column;
   }



   .we-in-numbers.pc {
      display: none;
   }



   .direction-of-activity {
      order: 1;
   }



   .we-in-numbers.mobile {
      display: block;
      order: 2;
   }
   .we-in-numbers.mobile .we-in-numbers-content {
      flex-wrap: nowrap;
   }
   .we-in-numbers.mobile .we-in-numbers-content .we-in-numbers-item {
      width: calc(100% / 4 - 15px * 3 / 4);
      text-align: center;
      font-size: 15px;
   }
   .will-work .will-work-content .will-work-items .will-work-item img {
      height: calc((100vw - 480px)/(680 - 480) * (390 - 290) + 290px);
   }
   .we-in-numbers.mobile .we-in-numbers-content .we-in-numbers-item:nth-child(2),
   .we-in-numbers.mobile .we-in-numbers-content .we-in-numbers-item:nth-child(4) {
      display: none;
   }



   .partners {
      order: 3;
   }



   .how-we-work {
      order: 4;
   }



   .often-order .often-order-items .often-order-item {
      width: 100%;
   }



   .we-reach-you {
      display: block;
   }



   .projects {
      order: 5;
   }



   .problems .problems-content .swiper .problems-items .problems-item {
      flex-direction: column;
   }
   .problems .problems-content .swiper .problems-items .problems-item .problems-item-content {
      width: 100%;
   }
   .problems .problems-content .swiper .problems-items .problems-item .problems-item-content .problems-item-title + .problems-item-text {
      margin-top: 15px;
   }



   .block-tiles .block-tiles-items .block-tiles-item {
      width: 100%;
   }



   .will-work .will-work-content .will-work-items .will-work-item {
      width: calc(100% / 2 - 20px * 1 / 2);
   }
}

@media (max-width: 640px) {
   .specialists-project .specialists-project-items {
      gap: 8px;
   }
   .specialists-project .specialists-project-items .specialists-project-item {
      padding-inline: 20px;
   }
   .specialists-project .specialists-project-items .specialists-project-item .specialists-project-item-title {
      column-gap: 15px;
   }
   .specialists-project .specialists-project-items .specialists-project-item.time-block .specialists-project-item-card {
      align-items: center;
   }
   .specialists-project .specialists-project-items .specialists-project-item.time-block .specialists-project-item-hours {
      text-align: center;
   }



   .work-all-world .work-all-world-items .work-all-world-item {
      width: calc(100% / 2 - 10px * 1 / 2);
   }
}

@media (max-width: 540px) {
   .color-blocks .color-blocks-items .color-blocks-item {
      width: 100%;
      min-height: 150px;
      padding: 40px 100px 40px 25px;
      background-position: calc(100% - 10px) center;
   }



   .we-in-numbers.mobile .we-in-numbers-content .we-in-numbers-item {
      width: calc(100% / 3 - 15px * 2 / 3);
   }
   .we-in-numbers.mobile .we-in-numbers-content .we-in-numbers-item:nth-child(3) {
      display: none;
   }



   .technologies-and-techniques .technologies-and-techniques-items {
      flex-direction: column;
   }
   .technologies-and-techniques .technologies-and-techniques-items .technologies-and-techniques-item {
      width: 100%;
   }



   footer .footer-content .footer-column:nth-child(1),
   footer .footer-content .footer-column:nth-child(2) {
      width: 100%;
   }
}

@media (max-width: 480px) {
   :root {
      --header-height: 80px;
      --default-button-height: 48px;
      --modal-padding: 20px;
   }



   .modal-container {
      padding-top: 70px;
      padding-bottom: 40px;
   }
   .modal-close {
      top: 15px;
      right: 15px;
   }



   .default--button {
      padding-inline: 15px;
   }



   .how-we-work-content .how-we-work-item {
      padding: 40px 25px;
   }
   .how-we-work-content .how-we-work-item .title-number {
      margin-bottom: 30px;
   }



   .banner-number {
      height: 75vh;
   }
   .banner-number .banner .banner-info .left h2 {
      font-size: 33px;
   }
   .banner-number .banner .banner-info .left .default--button {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
   }
   .banner-number .banner .banner-info .left {
      text-align: center;
   }



   .projects .projects-items .projects-item {
      position: relative;
   }
   .projects .projects-items .projects-item img {
      position: absolute;
      height: 100%;
      width: 100%;
   }
   .projects .projects-items .projects-item::before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: rgba(4, 4, 22, 0.25);
      z-index: 10;
      transition: var(--transition-medium);
   }
   .projects .projects-items .projects-item.active::before {
      background-color: rgba(4, 4, 22, 0.8);
   }
   .projects .projects-items .projects-item + .default--button {
      display: block;
   }
   .projects .projects-items .projects-item + .projects-item {
      margin-top: 10px;
   }
   .projects .projects-items .projects-item .projects-item-center {
      position: relative;
      display: flex;
      flex-direction: column-reverse;
      row-gap: 15px;
      padding: 25px;
      z-index: 20;
   }
   .projects .projects-items .projects-item .projects-item-center > span {
      opacity: 0;
   }
   .projects .projects-items .projects-item.active .projects-item-center > span {
      opacity: 1;
   }
   .projects .projects-items .projects-item .projects-item-center * + * {
      margin-top: 0;
   }
   .projects .projects-items .projects-item .projects-item-center .name {
      font-size: 22px;
   }
   .projects .projects-items .projects-item .projects-item-center .name span {
      width: calc(100% - 35px);
      flex: 0 0 calc(100% - 35px);
      text-shadow: 0px 0px 20px rgb(0 0 0);
   }
   .projects .projects-items .projects-item .projects-item-center .name .svg-cont {
      display: flex;
   }
   .projects .projects-items .projects-item.active .projects-item-center .name svg path {
      fill: var(--background-maroon);
   }
   .projects .projects-items .projects-item .projects-item-right {
      display: none;
   }



   .will-work .will-work-content .will-work-items .will-work-item {
      width: 100%;
   }
   .will-work .will-work-content .will-work-items .will-work-item img {
      height: calc((100vw - 360px)/(480 - 360) * (550 - 390) + 390px);
   }



   .specialists-project .specialists-project-items {
      grid-auto-rows: auto;
   }
   .specialists-project .specialists-project-items .specialists-project-item {
      padding-inline: calc((100vw - 414px)/(480 - 414) * (20 - 5) + 5px);
   }
   .specialists-project .specialists-project-items .specialists-project-item.list-item {
      grid-row: span 1;
      -ms-grid-row-span: 1;
   }



   .more-info .direction-of-activity .direction-of-activity-content .direction-of-activity-item {
      padding: 30px 25px;
   }



   .preview-info .right .default--button {
      width: 100%;
   }



   .banner-number .banner .banner-info .left h1 {
      font-size: 36px;
   }



   .center-button .default--button {
      width: 100%;
      padding-inline: 15px;
   }



   .no-problem-in-list .default--button {
      width: 100%;
      padding-inline: 15px;
   }
   


   .price-services .price-services-items .price-services-item {
      padding: 30px 25px;
   }



   .bottom-banner-info .default--button {
      width: 100%;
      padding-inline: 15px;
   }



   .there-websites .there-websites-item {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      padding: 25px;
   }
   .there-websites .there-websites-title {
      order: 1;
   }
   .there-websites .there-websites-image {
      order: 2;
      -ms-grid-row: auto;
      -ms-grid-row-span: 1;
      grid-row: auto;
      -ms-grid-column: 1;
      grid-column: 1;
      margin-bottom: 15px;
      height: 350px;
   }
   .there-websites .there-websites-image img {
      position: static;
   }
   .there-websites p {
      order: 3;
   }
   .there-websites .default--button {
      max-width: none;
      order: 4;
   }
   .there-websites-steps .steps-next {
      max-width: none;
   }
}

@media (max-width: 430px) {
   header .header-content {
      column-gap: 10px;
   }
   header .header-content .header-info button {
      padding-left: 15px;
      padding-right: 15px;
   }
}

@media (max-width: 414px) {
   .specialists-project .specialists-project-items .specialists-project-item {
      padding-inline: 5px;
   }
   .specialists-project .specialists-project-items .specialists-project-item .specialists-project-item-title {
      flex-direction: column;
      row-gap: 10px;
      text-align: center;
   }



   footer .footer-content .footer-column .footer-contacts-socials {
      column-gap: 20px;
   }
   footer .footer-content .footer-column .footer-email {
      padding-left: 25px;
   }
   footer .footer-content .footer-column .footer-location {
      padding-left: 25px;
   }
}

@media (max-width: 360px) {
   .will-work .will-work-content .will-work-items .will-work-item img {
      height: 390px;
   }
}



@media (max-height: 650px) {
   .banner-number {
      min-height: 700px;
   }
}

@media (max-height: 750px) {
   .banner-number .banner .banner-info .left h1 {
      font-size: 34px;
   }
}
/* End */
/* /bitrix/templates/seoven_v8/css/fonts.css?1759861175958 */
/* /bitrix/templates/seoven_v8/css/swiper-bundle.min.css?175986117518458 */
/* /bitrix/templates/seoven_v8/css/modal.css?17598611751444 */
/* /bitrix/templates/seoven_v8/css/sv-image.css?1759861175917 */
/* /bitrix/templates/seoven_v8/css/base.css?175986117568757 */
/* /bitrix/templates/seoven_v8/css/anim.css?17598611751563 */
/* /bitrix/templates/seoven_v8/css/media.css?175986117539837 */
