/* Start:/local/templates/brevis/assets/libs/swiper/swiper-bundle.min.css?175933361518432*/ /** * Swiper 11.1.9 * 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: July 31, 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-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-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-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/brevis/assets/libs/fancybox/cdn.jsdelivr.net_npm_@fancyapps_ui@5.0_dist_fancybox_fancybox.css?175933361224789*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/brevis/assets/css/style.css?1785313773658157*/ @font-face { font-family: "Inter"; src: url("/local/templates/brevis/assets/css/../fonts/Inter-Regular.woff2") format("woff2"), url("/local/templates/brevis/assets/css/../fonts/Inter-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/brevis/assets/css/../fonts/Manrope-Bold.woff2") format("woff2"), url("/local/templates/brevis/assets/css/../fonts/Manrope-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/brevis/assets/css/../fonts/Inter-Medium.woff2") format("woff2"), url("/local/templates/brevis/assets/css/../fonts/Inter-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/local/templates/brevis/assets/css/../fonts/Inter-Bold.woff2") format("woff2"), url("/local/templates/brevis/assets/css/../fonts/Inter-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/brevis/assets/css/../fonts/Manrope-Light.woff2") format("woff2"), url("/local/templates/brevis/assets/css/../fonts/Manrope-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/brevis/assets/css/../fonts/Manrope-Regular.woff2") format("woff2"), url("/local/templates/brevis/assets/css/../fonts/Manrope-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/brevis/assets/css/../fonts/Manrope-Medium.woff2") format("woff2"), url("/local/templates/brevis/assets/css/../fonts/Manrope-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Mulish"; src: url("/local/templates/brevis/assets/css/../fonts/Mulish-Bold.woff2") format("woff2"), url("/local/templates/brevis/assets/css/../fonts/Mulish-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } * { padding: 0; margin: 0; box-sizing: border-box; } html { scroll-behavior: auto; } button:focus { box-shadow: none !important; } *:focus { outline: none; } body { font-family: "Manrope", sans-serif; font-weight: 400; font-size: 16px; background: #1f1f1f; color: #777; position: relative; } body.fixed { overflow: hidden; } a { display: inline-block; font: inherit; color: inherit; transition: 300ms; text-decoration: none; } a:hover { text-decoration: none; } img { max-width: 100%; max-height: 100%; } a img { border: none; outline: none; } ul { margin: 0; padding: 0; list-style: none; } input, textarea, button { font-family: inherit; } .title-h1 { font-weight: 400; font-size: 65px; } .article__table table thead tr { background: linear-gradient(90deg, #dc4bff 20%, #9b36b3 60%, #491b55 100%); } .article__table table thead tr th:first-child { border-top-left-radius: 30px; overflow: hidden; } .article__table table thead tr th:last-child { border-top-right-radius: 30px; overflow: hidden; } .article__table table thead tr th { padding: 20px 10px; } .article__table table h3 { color: #dafe52; padding: 0; font-size: 16px; } .sitemap__list li a { font-size: 20px; margin-bottom: 10px; } @media only screen and (max-width: 1700px) { .title-h1 { font-size: 48px; } } @media only screen and (max-width: 1400px) { .title-h1 { font-size: 45px; } } @media only screen and (max-width: 991px) { .title-h1 { margin-bottom: 60px; font-size: 45px; } } @media only screen and (max-width: 767px) { .title-h1 { font-size: 38px; } .article__table table td, .article__table table td h3 { font-size: 14px; } .article__table { overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; } .article-inner__info .article__table table { min-width: 100%; width: auto; } .sitemap__list li a { font-size: 18px; } } @media only screen and (max-width: 767px) { .title-h1 br { display: none; } .title-h1 { white-space: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; } } .title-h2 { font-weight: 500; font-size: 36px; line-height: 110%; letter-spacing: -0.01em; } @media only screen and (max-width: 1700px) { .title-h2 { font-size: 33px; } } @media only screen and (max-width: 767px) { .title-h2 { font-size: 28px; } } @media only screen and (max-width: 400px) { .title-h2 { font-size: 24px; } .sitemap__list li a { font-size: 16px; } } @media only screen and (max-width: 767px) { .title-h2 br { display: none; } } .title-h3 { font-weight: 500; font-size: 28px; line-height: 110%; letter-spacing: -0.01em; } @media only screen and (max-width: 1700px) { .title-h3 { font-size: 26px; } } @media only screen and (max-width: 1400px) { .title-h3 { font-size: 24px; } } @media only screen and (max-width: 991px) { .title-h3 { font-size: 22px; } } @media only screen and (max-width: 767px) { .title-h3 { font-size: 20px; } } @media only screen and (max-width: 767px) { .title-h3 br { display: none; } } .border-gradient { --border-radius: 30px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; border-radius: var(--border-radius); } .badge { border-radius: 100px; background: #1F1F1F; color: #DAFE52; text-align: center; font-size: 14px; font-weight: 400; line-height: 120%; letter-spacing: -0.14px; text-transform: lowercase; padding: 4px 10px; } .border-gradient:after { display: block; content: ""; position: absolute; inset: 0px; transition: all .3s; padding: 1px; border-radius: var(--border-radius); background: linear-gradient(345deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; /* transition: 300ms; */ z-index: 0; } .title { text-transform: uppercase; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .subtitle, h2.subtitle { border-radius: 30px; padding: 0 30px; background: #1f1f1f; height: 40px; min-width: 120px; display: inline-flex; align-items: center; width: max-content; justify-content: center; line-height: 120%; letter-spacing: -0.01em; font-size: 16px; font-weight: 400; color: #aeaeae; position: relative; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .subtitle { margin-bottom: 30px; min-height: 40px; height: auto; padding: 10px 15px; } } .subtitle:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .container { max-width: 1600px; margin: 0 auto; } @media screen and (max-width: 1700px) { .container { width: 1300px; } } @media screen and (max-width: 1400px) { .container { width: 970px; } } @media screen and (max-width: 991px) { .container { width: 750px; } } @media screen and (max-width: 767px) { .container { width: 100%; padding: 0 20px; } } .button { display: flex; align-items: center; justify-content: center; border-radius: 60px; height: 60px; min-width: 355px; position: relative; background: linear-gradient(90deg, #dc4bff 0%, #9b36b3 44.5%, #491b55 100%); color: white; border: none; cursor: pointer; } @media only screen and (max-width: 767px) { .button { width: 100%; min-width: auto; } } .button:hover::before { opacity: 1; visibility: visible; } .button::before { content: ""; display: block; background: linear-gradient(90deg, #dc4bff 20%, #9b36b3 60%, #491b55 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 60px; transition: 300ms; opacity: 0; visibility: hidden; } .button::after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 60px; background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -10.28%, rgba(255, 255, 255, 0.2) 15.14%, #dc4bff 78.68%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .button-inner { position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; gap: 13px; width: 100%; height: 100%; padding: 0 30px; } @media only screen and (max-width: 1400px) { .button-inner { padding: 0 20px; } } @media only screen and (max-width: 767px) { .button-inner { padding: 10px 10px; } } .button-inner span { font-weight: 500; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; text-align: center; color: #fff; } .button-inner svg { transition: 300ms; } .button-inner svg path { transition: 300ms; } .button-checkbox {} .button-checkbox .button-inner { width: 100%; padding: 0; } .button-checkbox .button-inner .form__checkbox { width: 100%; height: 100%; justify-content: center; cursor: pointer; align-items: center; } .button-checkbox .button-inner::before, .button-checkbox .button-inner::after { pointer-events: none; } .button-yellow { background: #1f1f1f; color: #DAFE52; } .button-yellow:hover::after { opacity: 0; visibility: hidden; } .button-yellow:hover .button-inner::before { opacity: 1; visibility: visible; } .button-brandbook { margin-bottom: 30px; width: max-content; } .button-yellow::before { display: none; } .button-yellow::after { background: linear-gradient(283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); } .button-yellow .button-inner div { text-shadow: 0 var(--font-shadow) 0 #d3f651; } .button-yellow .button-inner::before { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 60px; background: linear-gradient(-283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; opacity: 0; visibility: hidden; } .button-yellow .button-inner span { color: #d3f651; } .btn-ellipse { position: relative; width: 50px; height: 50px; min-width: 50px; border-radius: 100%; transition: 300ms; padding: 1px; overflow: hidden; } .btn-ellipse:hover .btn-ellipse__inner { background: #dafe52; } .btn-ellipse:hover .btn-ellipse__inner svg path { fill: #262626; } .btn-ellipse:before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -7.45%, rgba(255, 255, 255, 0.2) 23.01%, #30302f 79.91%); transition: opacity 0.4s ease; z-index: 0; } .btn-ellipse__inner { position: relative; background: #1f1f1f; border-radius: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; width: 100%; height: 100%; transition: 300ms; } .btn-ellipse__inner svg path { transition: 300ms; } .btn-ellipse.dop::before { background: linear-gradient(283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); } .btn-ellipse.dop:hover::before { background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -7.45%, rgba(255, 255, 255, 0.2) 23.01%, #30302f 79.91%); } .btn-ellipse.dop:hover .btn-ellipse__inner { background: #1f1f1f; } .btn-ellipse.dop:hover .btn-ellipse__inner svg path { fill: #fff; } .btn-ellipse.dop .btn-ellipse__inner { background: #dafe52; } .btn-ellipse.dop .btn-ellipse__inner svg { transform: rotate(270deg); } .btn-ellipse.dop .btn-ellipse__inner svg path { fill: #262626; } .wrapper { overflow: hidden; } .wrapper.wrapper-visible { overflow: visible; } .block { position: fixed; bottom: 40px; right: 20px; z-index: 500; } @media only screen and (max-width: 991px) { .block { display: none; } } .block__calc { display: flex; margin-bottom: 23px; width: 80px; height: 80px; position: relative; } @media only screen and (max-width: 1700px) { .block__calc { width: 60px; height: 60px; } } @media only screen and (max-width: 1400px) { .block__calc { width: 50px; height: 50px; } } .block__calc:hover .services__drop-footnote { opacity: 1; visibility: visible; } .block__calc:hover img:first-child { opacity: 0; } .block__calc:hover img:last-child { opacity: 1; } .block__calc .services__drop-footnote { left: -195px; top: 50%; transform: translate(0%, -50%); } .block__calc img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 500ms; } .block__calc img:first-child { position: absolute; left: 0; top: 0; z-index: 5; } .block__calc img:last-child { opacity: 0; } .scroll-top { width: 80px; height: 80px; min-width: 80px; border-radius: 100%; position: relative; cursor: pointer; transition: 300ms; padding: 1px; overflow: hidden; } @media only screen and (max-width: 1700px) { .scroll-top { width: 60px; height: 60px; min-width: 60px; } } @media only screen and (max-width: 1400px) { .scroll-top { width: 50px; height: 50px; min-width: 50px; } } .scroll-top:hover::before { transform: rotate(90deg); } .scroll-top:before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(0deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); transition: 300ms; z-index: 0; } .scroll-top__inner { position: relative; background: #1f1f1f; border-radius: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; width: 100%; height: 100%; transition: 300ms; } .scroll-top__inner img { transform: rotate(180deg); width: 16px; height: auto; } @media only screen and (max-width: 1400px) { .scroll-top__inner img { width: 12px; } } .cookie { position: fixed; bottom: 150px; left: 50%; transform: translate(-50%, 0%); z-index: 500; display: flex; justify-content: space-between; gap: 30px; align-items: center; border-radius: 30px; background: #262626; padding: 20px 40px; width: 1600px; display: none; } @media only screen and (max-width: 1700px) { .cookie { width: 1300px; bottom: 100px; } } @media only screen and (max-width: 1400px) { .cookie { width: 970px; } } @media only screen and (max-width: 991px) { .cookie { display: none; } } .cookie__text { line-height: 130%; letter-spacing: -0.01em; color: #8c8c8c; } .cookie__text span { color: #dafe52; } .cookie .button { min-width: 200px; height: 50px; background: #1f1f1f; cursor: pointer; transition: 300ms; } .cookie .button:hover { background: #dafe52; } .cookie .button:hover .button-inner span { color: #1f1f1f; } .cookie .button::before { display: none; } .cookie .button::after { background: linear-gradient(283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); } .header { position: absolute; top: 0; left: 0; width: 100%; z-index: 500; margin: 0 auto; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: linear-gradient(161.13deg, rgba(32, 32, 32, 0.7) 13.38%, #202020 87.91%); } @media only screen and (max-width: 991px) { .header { display: none; } } .header.dop { transform: translateY(-110%); position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 500; width: 100%; } .header.dop .header-top { display: none; } .header.fixed { transform: none; transition: 300ms; } .header-top { background: #262626; padding: 21px 0; position: relative; z-index: 2; transition: 300ms; } @media only screen and (max-width: 1700px) { .header-top { padding: 15px 0; } } .header-bottom { position: relative; z-index: 1; padding: 21px 0; } .header.fixed .header__bottom-phone, .header.fixed .header__bottom-socials { display: block; } .header__bottom-info { display: flex; align-items: center; width: max-content; gap: 10px; } .header__bottom-phone { display: none; } .header__bottom-phone a { color: white; font-weight: 500; } .header__bottom-socials { display: none; } .header__bottom-socials .header__social li a { background: #262626; } @media only screen and (max-width: 1700px) { .header-bottom { padding: 15px 0; } } .header__inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 50px; } @media only screen and (max-width: 1400px) { .header__inner { gap: 30px; } } .header__social { display: flex; align-items: flex-start; gap: 10px; } @media only screen and (max-width: 1400px) { .header__social { gap: 7px; } } .header__social li a { width: 38px; min-width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #1f1f1f; border-radius: 100%; } @media only screen and (max-width: 1400px) { .header__social li a { width: 30px; min-width: 30px; height: 30px; } } @media only screen and (max-width: 1400px) { .header__social li a svg { height: 17px; width: auto; } } .header__social li a svg path { transition: 300ms; } .header__social li a:hover { background: #fff; } .header__social li a:hover svg path { fill: #1f1f1f; } .header__social.white li a { background: #fff; width: 50px; min-width: 50px; height: 50px; } .header__social.white li a:hover { background: #dafe52; } /* .header__social.white li a:hover svg path { fill: #fff; } */ .header__social.white li a svg { /* height: 24px; */ width: auto; } .header__social.white li a svg path { fill: #262626; } .header__nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; gap: 40px; } .header__nav .space-char { min-width: 3px; } @media only screen and (max-width: 1700px) { .header__nav { gap: 30px; } } @media only screen and (max-width: 1400px) { .header__nav { position: static; transform: none; gap: 20px; } } .header__nav li { color: #aeaeae; font-size: 14px; letter-spacing: -0.01em; } .header__nav li:hover { color: #dafe52; } .header__nav.header__nav-content li { color: #fff; font-weight: 700; line-height: 105%; letter-spacing: -0.01em; text-transform: uppercase; } .header__nav.header__nav-content li:hover { color: #dafe52; } .header__nav.header__nav-content .header__head { position: static; } .header__nav.header__nav-content .header__head::after { background: url(/local/templates/brevis/assets/css/../images/arrow-white.svg) no-repeat; width: 10px; min-width: 10px; background-size: 10px; height: 6px; } .header__nav.header__nav-content .header__drop { /* &::before { background: #1f1f1f; } */ } .header__nav.header__nav-content .header__drop li { text-transform: none; } .header__head { position: relative; display: flex; align-items: center; gap: 9px; } .header__head:hover { /* span { color: #dafe52; } */ } .header__head:hover::after { transform: rotate(180deg); } .header__head:hover .header__drop { opacity: 1; visibility: visible; } .header__head:hover .header__drop::before { display: block; } .header__head::after { content: ""; display: block; background: url(/local/templates/brevis/assets/css/../images/arrow-gray.svg) no-repeat; width: 10px; min-width: 10px; background-size: 10px; height: 6px; transition: 300ms; } .header__head.header-services .header__items { justify-content: flex-start; gap: 100px; } @media only screen and (max-width: 1700px) { .header__head.header-services .header__items { gap: 80px; } } .header__head.header-services .header__item:first-child .header__info { grid-template-columns: 1fr 1fr 1fr; -moz-column-gap: 60px; column-gap: 60px; row-gap: 25px; } @media only screen and (max-width: 1700px) { .header__head.header-services .header__item:first-child .header__info { -moz-column-gap: 40px; column-gap: 40px; } } @media only screen and (max-width: 1400px) { .header__head.header-services .header__item:first-child .header__info { -moz-column-gap: 30px; column-gap: 30px; grid-template-columns: 1fr 1fr; } } .header__head.header-services .header__info { grid-template-columns: 1fr 1fr 1fr; -moz-column-gap: 60px; column-gap: 60px; row-gap: 25px; } @media only screen and (max-width: 1700px) { .header__head.header-services .header__info { -moz-column-gap: 40px; column-gap: 40px; } } @media only screen and (max-width: 1400px) { .header__head.header-services .header__info { -moz-column-gap: 30px; column-gap: 30px; grid-template-columns: 1fr 1fr; } } .header__head.header__head-price { position: relative !important; } .header__head-another { display: none; } .header.fixed .header__head-another { display: flex; } .header.fixed .header_head-themes { display: none; } .header__head-another .header__drop { width: 225px; } .header__drop { border-radius: 0 0 30px 30px; padding: 30px 30px 40px 30px; background: #262626; position: absolute; top: 50px; left: 50%; transform: translate(-50%, 0%); width: auto; opacity: 0; visibility: hidden; transition: 300ms; } .header__drop::before { content: ""; display: block; background: transparent; width: 100%; height: 40px; position: absolute; top: -35px; left: 0; display: none; } .header__drop>ul li { margin-bottom: 19px; text-align: center; } .header__drop>ul li:last-child { margin-bottom: 0; } .header__drop>ul li a { color: #d9d9d9; font-weight: 500; letter-spacing: -0.01em; } .header__drop>ul li a:hover { color: #dafe52; } .header__drop.content { border-radius: 30px; padding: 40px 40px 60px; width: 1600px; } @media only screen and (max-width: 1700px) { .header__drop.content { width: 1300px; } } @media only screen and (max-width: 1400px) { .header__drop.content { width: 970px; padding: 30px 25px 40px; top: 67px; } } .header__drop.content::before { background: transparent; width: 500px; left: 50%; transform: translate(-50%, 0%); z-index: 1; } @media only screen and (max-width: 1400px) { .header__drop.content::before { width: 380px; left: 41%; } } .header__items { display: flex; justify-content: space-between; align-items: flex-start; gap: 100px; } .about-page .application__items { gap: 60px; } .new-nums { padding-bottom: 180px; } .new-nums__info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .new-nums__wrapper { gap: 30px; } .new-nums__info .about__content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .new-nums__info .about__item { padding-bottom: 100px; } .new-nums__name { margin-bottom: 30px; } .new-nums__info .about__item:nth-child(1) .new-nums__name { font-size: 20px; color: white; } .new-nums__info .about__item:nth-child(1) span { color: white; } .new-nums__info .about__item:nth-child(2) { color: #1F1F1F; } .new-nums__info .about__item:nth-child(2) span { font-weight: 500; } .new-nums__info .about__item:nth-child(2) .new-nums__name { font-size: 20px; color: #1F1F1F; } .new-nums .about__items { padding: 0; } .new-nums .about__item .btn-ellipse { position: absolute; top: 30px; right: 30px; } .new-nums .new-nums__wrapper .application__items { margin-bottom: 0; padding-bottom: 60px; justify-content: flex-start; } @media (max-width:1400px) { .new-nums .new-nums__wrapper .application__items { justify-content: space-between; } .new-nums .new-nums__info .about__item { padding-bottom: 30px; } .new-nums .new-nums__info .about__item { padding-bottom: 30px; height: unset; } } .new-nums .about__items .about__item:nth-child(1) { grid-row: 1/3; } .new-nums .about__items .about__item:last-child { transition: all 1000ms, background .3s; } .new-nums .about__items .about__item:last-child:hover { background: #30302F; } .new-nums .about__items .about__item:last-child:hover .about__number { -webkit-text-fill-color: transparent; } .new-nums .about__items .about__item:last-child:hover .about__content span { color: #bbb8b8; } .new-nums__wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); } .about-page .application__number { display: flex; justify-content: center; } .about-page .application__text { max-width: 150px; text-align: center; } @media (max-width:767px) { .new-nums .about__items .about__item:nth-child(1) { grid-row: unset; grid-column: unset; } .new-nums .about__items .about__item:nth-child(3) { grid-column: 1/3; } .new-nums__wrapper { grid-template-columns: repeat(1, 1fr); } .about-page .application__items { gap: 30px; } .new-nums .about__number { font-size: 46px; } .new-nums .about__items .about__item { height: 175px; } .new-nums__info .about__item:nth-child(2) { grid-column: 1/3; } .new-nums .new-nums__wrapper .application__items { padding-bottom: 30px; } .new-nums .application__number { margin-bottom: 10px; } } @media (max-width:577px) { .new-nums .about__items .about__item:nth-child(1) { grid-row: unset; grid-column: unset; } .new-nums .about__items .about__item:nth-child(3) { grid-column: unset; } /* .new-nums .new-nums__wrapper .application__items { justify-content: space-around; } */ .new-nums .about__items .about__item { height: 150px; } .new-nums__info .about__item:nth-child(2) { grid-column: unset; } .new-nums__info { grid-template-columns: repeat(1, 1fr); } .new-nums__info .new-nums__info .about__item { height: max-content; } .new-nums .about__items { grid-template-columns: repeat(1, 1fr); } } .header__drop-restyle {} .header__drop-restyle .header__item:first-child .header__info { grid-template-columns: repeat(1, 1fr); } @media only screen and (max-width: 1700px) { .header__items { gap: 50px; } } @media only screen and (max-width: 1400px) { .header__items { gap: 20px; } } .header__item:first-child .header__info { grid-template-columns: 1fr 1fr; -moz-column-gap: 84px; column-gap: 84px; row-gap: 25px; } @media only screen and (max-width: 1700px) { .header__item:first-child .header__info { -moz-column-gap: 30px; column-gap: 30px; } } .header__name { margin-bottom: 30px; font-weight: 500; line-height: 130%; letter-spacing: -0.01em; color: #d9d9d9; text-transform: none; display: flex; align-items: baseline; gap: 10px; } .header__name span { display: block; border-radius: 100%; width: 10px; min-width: 10px; height: 10px; } .header__info { display: grid; grid-template-columns: 1fr; gap: 25px; padding-left: 20px; } .header__info li a { font-weight: 500; line-height: 130%; letter-spacing: -0.01em; color: #777; position: relative; display: flex; align-items: center; gap: 10px; } .header__info li a:hover { color: #dafe52; } .header__tel { position: relative; display: flex; align-items: center; gap: 20px; } @media only screen and (max-width: 1700px) { .header__tel { gap: 10px; } } @media only screen and (max-width: 1400px) { .header__tel { flex-wrap: wrap; min-width: 146px; width: 146px; } } .header__tel>li:first-child { border-right: 1px solid #313131; padding-right: 20px; } @media only screen and (max-width: 1700px) { .header__tel>li:first-child { padding-right: 10px; } } @media only screen and (max-width: 1400px) { .header__tel>li:first-child { border-right: 0; padding-right: 0; } } .header__tel>li a { color: #fff; font-weight: 500; letter-spacing: -0.01em; } @media only screen and (max-width: 1700px) { .header__tel>li a { font-size: 14px; } } .header__tel>li a:hover { color: #dafe52; } .header__tel-arrow img { transition: 300ms; width: 12px; min-width: 12px; height: 6px; } .header__tel-arrow:hover img { transform: rotate(180deg); } .header__tel-arrow:hover .header__tel-drop { opacity: 1; visibility: visible; } .header__tel-arrow:hover .header__tel-drop::before { display: block; } .header__tel-drop { position: absolute; top: 40px; left: 0; z-index: 5; width: 100%; opacity: 0; visibility: hidden; transition: 300ms; background: #262626; border-radius: 0 0 30px 30px; padding: 30px 20px 20px; } @media only screen and (max-width: 1700px) { .header__tel-drop { padding: 30px 15px 20px; } } @media only screen and (max-width: 1400px) { .header__tel-drop { width: 300px; left: auto; right: 0; top: 73px; } } .header__tel-drop::before { content: ""; display: block; background: #262626; width: 300px; height: 30px; position: absolute; top: -20px; right: 0; display: none; } .header__tel-drop ul { display: flex; gap: 10px; } @media only screen and (max-width: 1700px) { .header__tel-drop ul { gap: 7px; } } .header__tel-drop ul li:first-child { border-right: 1px solid #313131; padding-right: 10px; } @media only screen and (max-width: 1700px) { .header__tel-drop ul li:first-child { padding-right: 7px; } } .header__tel-drop ul li a { font-weight: 500; font-size: 14px; line-height: 105%; letter-spacing: -0.01em; color: #fff; } @media only screen and (max-width: 1700px) { .header__tel-drop ul li a { font-size: 13px; } } .header__tel-drop ul li a:hover { color: #dafe52; } .header__tel-items { margin-bottom: 20px; } @media only screen and (max-width: 991px) { .header__tel-items { margin-bottom: 30px; } } .header__tel-head { margin-bottom: 10px; font-weight: 500; line-height: 105%; letter-spacing: -0.01em; color: #777; } @media only screen and (max-width: 991px) { .header__tel-head { text-align: center; margin-bottom: 20px; font-size: 18px; } } @media only screen and (max-width: 767px) { .header__tel-head { font-size: 16px; } } .header__tel-btn { min-width: auto; width: 100%; background: #1f1f1f; } @media only screen and (max-width: 1400px) { .header__tel-btn { height: 50px; } } .header__tel-btn:hover { background: none; } .header__tel-btn:hover .button-inner span { color: #1f1f1f !important; } .header__tel-btn:hover .button-inner svg path { fill: #1f1f1f; } .header__tel-btn:hover .button-inner div { text-shadow: 0 var(--font-shadow) 0 #1f1f1f; } .header__tel-btn::before { background: linear-gradient(90deg, #dafe52 0%, #e0ff69 80%); } .header__tel-btn::after { background: linear-gradient(283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); } .header__logo { display: flex; max-width: 233px; height: auto; } @media only screen and (max-width: 1400px) { .header__logo { max-width: 180px; } } @media only screen and (max-width: 991px) { .header__logo { max-width: 233px; } } @media only screen and (max-width: 767px) { .header__logo { width: 100%; max-width: 220px; } } .header__logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header__block { width: 378px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } @media only screen and (max-width: 1700px) { .header__block { gap: 15px; width: 350px; } } @media only screen and (max-width: 1400px) { .header__block { width: 378px; } } @media only screen and (max-width: 991px) { .header__search { display: none; } } .header__search-click { background: #262626; border-radius: 30px; width: 100%; height: 50px; padding: 0 20px; display: flex; align-items: center; gap: 10px; cursor: pointer; } .header__search-click img { width: 20px; min-width: 20px; height: auto; } .header__search-click span { font-weight: 500; color: #777; } .header__search-drop { transition: 300ms; opacity: 0; visibility: hidden; position: fixed; left: 0; top: -150vh; z-index: 1000; background: #262626; width: 100%; height: 290px; padding: 40px 110px 45px; } .header__search-drop.active { top: 0; opacity: 1; visibility: visible; } .header__search-drop ul { display: flex; flex-wrap: wrap; gap: 15px; } .header__search-drop ul li { background: #1f1f1f; border-radius: 30px; color: #fff; transition: 300ms; } .header__search-drop ul li a { padding: 15px 29px; --background: #275efe; --text: #000; --font-size: 25px; --duration: 0.44s; --move-hover: -4px; --shadow: 0 2px 8px -2px rgba(39, 94, 254, 0.32); --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5); --font-shadow: var(--font-size); transform: translateY(var(--y)) translateZ(0); transition: transform var(--duration) ease, box-shadow var(--duration) ease; } .header__search-drop ul li a div { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 var(--text); } .header__search-drop ul li a div span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; transition: transform var(--duration) ease; transform: translateY(var(--m)) translateZ(0); /* &:nth-child(1) { transition-delay: $i / 20 + s; } */ /* &:nth-child(2) { transition-delay: $i / 20 + s; } */ /* &:nth-child(3) { transition-delay: $i / 20 + s; } */ /* &:nth-child(4) { transition-delay: $i / 20 + s; } */ /* &:nth-child(5) { transition-delay: $i / 20 + s; } */ /* &:nth-child(6) { transition-delay: $i / 20 + s; } */ /* &:nth-child(7) { transition-delay: $i / 20 + s; } */ /* &:nth-child(8) { transition-delay: $i / 20 + s; } */ /* &:nth-child(9) { transition-delay: $i / 20 + s; } */ /* &:nth-child(10) { transition-delay: $i / 20 + s; } */ /* &:nth-child(11) { transition-delay: $i / 20 + s; } */ /* &:nth-child(12) { transition-delay: $i / 20 + s; } */ /* &:nth-child(13) { transition-delay: $i / 20 + s; } */ /* &:nth-child(14) { transition-delay: $i / 20 + s; } */ /* &:nth-child(15) { transition-delay: $i / 20 + s; } */ /* &:nth-child(16) { transition-delay: $i / 20 + s; } */ /* &:nth-child(17) { transition-delay: $i / 20 + s; } */ /* &:nth-child(18) { transition-delay: $i / 20 + s; } */ /* &:nth-child(19) { transition-delay: $i / 20 + s; } */ /* &:nth-child(20) { transition-delay: $i / 20 + s; } */ /* &:nth-child(21) { transition-delay: $i / 20 + s; } */ /* &:nth-child(22) { transition-delay: $i / 20 + s; } */ /* &:nth-child(23) { transition-delay: $i / 20 + s; } */ /* &:nth-child(24) { transition-delay: $i / 20 + s; } */ /* &:nth-child(25) { transition-delay: $i / 20 + s; } */ /* &:nth-child(26) { transition-delay: $i / 20 + s; } */ /* &:nth-child(27) { transition-delay: $i / 20 + s; } */ /* &:nth-child(28) { transition-delay: $i / 20 + s; } */ /* &:nth-child(29) { transition-delay: $i / 20 + s; } */ } .header__search-drop ul li a div span.margin { margin: 0 3px; } .header__search-drop ul li a:hover { /* --y: var(--move-hover); */ } .header__search-drop ul li a:hover span { --m: calc(var(--font-size) * -1); } .header__search-drop ul li a.reverse:hover span { --m: calc(var(--font-size)); } .header__search-drop ul li:hover { background: #dafe52; color: #000; } .header__search-drop ul li:hover a { color: #000; } .header__search-drop-inner { max-width: 1600px; margin: 0 auto; /* @media screen and (max-width: 1400px) { width: 970px; } @media screen and (max-width: 991px) { width: 750px; } @media only screen and (max-width: 767px) { width: 100%; padding: 0 20px; } */ } .header__search-close { position: absolute; top: 40px; right: 40px; cursor: pointer; } .header__search-close:hover svg path { stroke: #fff; } .header__search-close svg path { transition: 300ms; } .header__search-flex { display: grid; grid-template-columns: 1fr 250px; gap: 20px; margin-bottom: 30px; } .header__search-input { position: relative; width: 100%; height: 50px; } .header__search-input input { width: 100%; height: 100%; background: #1f1f1f; border: 0; border-radius: 30px; padding: 0 20px 0 54px; color: #777; position: absolute; top: 0; left: 0; } .header__search-input input::-moz-placeholder { font-weight: 500; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; color: #777; } .header__search-input input::-ms-input-placeholder { font-weight: 500; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; color: #777; } .header__search-input input::placeholder { font-weight: 500; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; color: #777; } .header__search-input img { width: 20px; min-width: 20px; height: auto; position: absolute; top: 50%; left: 23px; transform: translate(0%, -50%); z-index: 2; } .header__search-submit { width: 100%; height: 50px; position: relative; display: flex; align-items: center; gap: 10px; justify-content: center; border-radius: 60px; padding: 0 20px; background: linear-gradient(90deg, #dc4bff 0%, #9b36b3 44.5%, #491b55 100%); } .header__search-submit:hover::before { opacity: 1; visibility: visible; } .header__search-submit::before { content: ""; display: block; background: linear-gradient(90deg, #dc4bff 20%, #9b36b3 60%, #491b55 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 60px; transition: 300ms; opacity: 0; visibility: hidden; } .header__search-submit::after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 60px; background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -10.28%, rgba(255, 255, 255, 0.2) 15.14%, #dc4bff 78.68%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .header__search-submit input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border: 0; font-size: 0; cursor: pointer; z-index: 6; } .header__search-submit span { font-weight: 500; font-size: 16px; color: #fff; position: relative; z-index: 5; --background: #275efe; --text: #fff; --font-size: 25px; --duration: 0.44s; --move-hover: -4px; --shadow: 0 2px 8px -2px rgba(39, 94, 254, 0.32); --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5); --font-shadow: var(--font-size); transform: translateY(var(--y)) translateZ(0); transition: transform var(--duration) ease, box-shadow var(--duration) ease; } .header__search-submit span div { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 var(--text); } .header__search-submit span div span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; transition: transform var(--duration) ease; transform: translateY(var(--m)) translateZ(0); /* &:nth-child(1) { transition-delay: $i / 20 + s; } */ /* &:nth-child(2) { transition-delay: $i / 20 + s; } */ /* &:nth-child(3) { transition-delay: $i / 20 + s; } */ /* &:nth-child(4) { transition-delay: $i / 20 + s; } */ /* &:nth-child(5) { transition-delay: $i / 20 + s; } */ /* &:nth-child(6) { transition-delay: $i / 20 + s; } */ /* &:nth-child(7) { transition-delay: $i / 20 + s; } */ /* &:nth-child(8) { transition-delay: $i / 20 + s; } */ /* &:nth-child(9) { transition-delay: $i / 20 + s; } */ /* &:nth-child(10) { transition-delay: $i / 20 + s; } */ /* &:nth-child(11) { transition-delay: $i / 20 + s; } */ /* &:nth-child(12) { transition-delay: $i / 20 + s; } */ /* &:nth-child(13) { transition-delay: $i / 20 + s; } */ /* &:nth-child(14) { transition-delay: $i / 20 + s; } */ /* &:nth-child(15) { transition-delay: $i / 20 + s; } */ /* &:nth-child(16) { transition-delay: $i / 20 + s; } */ /* &:nth-child(17) { transition-delay: $i / 20 + s; } */ /* &:nth-child(18) { transition-delay: $i / 20 + s; } */ /* &:nth-child(19) { transition-delay: $i / 20 + s; } */ /* &:nth-child(20) { transition-delay: $i / 20 + s; } */ /* &:nth-child(21) { transition-delay: $i / 20 + s; } */ /* &:nth-child(22) { transition-delay: $i / 20 + s; } */ /* &:nth-child(23) { transition-delay: $i / 20 + s; } */ /* &:nth-child(24) { transition-delay: $i / 20 + s; } */ /* &:nth-child(25) { transition-delay: $i / 20 + s; } */ /* &:nth-child(26) { transition-delay: $i / 20 + s; } */ /* &:nth-child(27) { transition-delay: $i / 20 + s; } */ /* &:nth-child(28) { transition-delay: $i / 20 + s; } */ /* &:nth-child(29) { transition-delay: $i / 20 + s; } */ } .header__search-submit span div span.margin { margin: 0 3px; } .header__search-submit svg { position: relative; z-index: 5; } .header__search-submit:hover span { --m: calc(var(--font-size) * -1); color: #fff; } .header__search-submit.reverse:hover span { --m: calc(var(--font-size)); color: #fff; } .header__btn { min-width: auto; width: 100%; height: 50px; } .header__btn .button-inner { padding: 0 20px; } .header-mob { display: none; background: #1f1f1f; } @media only screen and (max-width: 991px) { .header-mob { display: block; padding: 20px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 500; } } .header-mob__inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; } @media only screen and (max-width: 767px) { .header-mob__inner { display: grid; grid-template-columns: 1fr auto; } } @media only screen and (max-width: 439px) { .header-mob__inner { gap: 15px; } } .header-mob__block { display: flex; gap: 30px; } @media only screen and (max-width: 767px) { .header-mob__block { gap: 15px; } } @media only screen and (max-width: 439px) { .header-mob__block { gap: 10px; } } .header-mob__block li a { display: flex; flex-direction: column; align-items: center; gap: 5px; } .header-mob__block li a span { font-size: 16px; line-height: 130%; letter-spacing: -0.01em; color: #777; } @media only screen and (max-width: 767px) { .header-mob__block li a span { font-size: 14px; } } @media only screen and (max-width: 439px) { .header-mob__block li a span { font-size: 13px; } } .header-mob__block li a img { width: 40px; height: auto; } @media only screen and (max-width: 400px) { .header-mob__block li a img { width: 30px; } .header-mobule__max svg { width: 30px; height: 30px; } } .header-mob__tel { position: relative; } @media only screen and (max-width: 991px) { .header-mob__tel-drop .header__tel-head { font-size: 22px; } } @media only screen and (max-width: 767px) { .header-mob__tel-drop .header__tel-head { font-size: 16px; } } @media only screen and (max-width: 991px) { .header-mob__tel-drop .header__tel-items ul { display: flex; align-items: center; justify-content: center; gap: 20px; } } @media only screen and (max-width: 991px) and (max-width: 767px) { .header-mob__tel-drop .header__tel-items ul { flex-direction: column; gap: 10px; } } @media only screen and (max-width: 991px) { .header-mob__tel-drop .header__tel-items ul li { font-weight: 400; font-size: 24px; line-height: 105%; letter-spacing: -0.01em; text-align: center; color: #fff; } } @media only screen and (max-width: 991px) and (max-width: 767px) { .header-mob__tel-drop .header__tel-items ul li { font-size: 20px; } } @media only screen and (max-width: 991px) { .header-mob__tel-drop .header__tel-items ul li:first-child { color: #dafe52; padding-right: 20px; border-right: 1px solid #313131; } } @media only screen and (max-width: 991px) and (max-width: 767px) { .header-mob__tel-drop .header__tel-items ul li:first-child { padding-right: 0; padding-bottom: 10px; border-right: 0; border-bottom: 1px solid #313131; } } .header-mob__tel-main { display: flex; flex-direction: column; gap: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #313131; } @media only screen and (max-width: 375px) { .header-mob__tel-main { gap: 20px; } } .header-mob__tel-main li { font-weight: 500; font-size: 32px; line-height: 105%; letter-spacing: -0.01em; text-align: center; color: #fff; } @media only screen and (max-width: 375px) { .header-mob__tel-main li { font-size: 24px; } } .header-mob__tel-head { font-weight: 500; font-size: 20px; line-height: 105%; letter-spacing: -0.01em; text-align: center; color: #777; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .header-mob__tel-head { font-size: 16px; } } .header-menu { display: none; } @media only screen and (max-width: 991px) { .header-menu { display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 500; background: #262626; border-radius: 10px; } } .header-menu__inner { position: relative; z-index: 10; background: #262626; padding: 15px 20px 30px; } @media only screen and (max-width: 420px) { .header-menu__inner { padding: 15px 15px 30px; } } .header-menu__items { display: flex; justify-content: space-between; gap: 100px; } @media only screen and (max-width: 420px) { .header-menu__items { gap: 80px; } } .header-menu__blocks { display: flex; gap: 25px; width: 100%; } @media only screen and (max-width: 380px) { .header-menu__blocks { gap: 15px; } } .header-menu__block { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 50%; } .header-menu__block span { font-size: 20px; line-height: 130%; letter-spacing: -0.01em; color: #aeaeae; } @media only screen and (max-width: 767px) { .header-menu__block span { font-size: 16px; } } @media only screen and (max-width: 380px) { .header-menu__block span { font-size: 14px; } } .header-menu__block img { height: 30px; width: auto; } @media only screen and (max-width: 767px) { .header-menu__block img { height: 20px; } } @media only screen and (max-width: 380px) { .header-menu__block img { height: 15px; } } .header-menu__burger { display: flex; align-items: center; justify-content: center; position: absolute; top: -53px; left: 50%; transform: translate(-50%, 0%); background: #262626; width: 106px; height: 106px; min-width: 106px; border-radius: 100%; } @media only screen and (max-width: 767px) { .header-menu__burger { top: -42px; width: 84px; height: 84px; min-width: 84px; } } @media only screen and (max-width: 380px) { .header-menu__burger { top: -32px; width: 64px; height: 64px; min-width: 64px; } } .header-menu__burger::before { content: ""; display: block; background: #1f1f1f; width: 80px; height: 80px; min-width: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; } @media only screen and (max-width: 767px) { .header-menu__burger::before { width: 67px; height: 67px; min-width: 67px; } } @media only screen and (max-width: 380px) { .header-menu__burger::before { width: 47px; height: 47px; min-width: 47px; } } .header-menu__burger a { display: block; cursor: pointer; padding: 12px 0; } .header-menu__burger a span { position: relative; display: block; width: 27px; height: 3px; border-radius: 7px; background: #dafe52; transition: all 0.2s ease-in-out; } @media only screen and (max-width: 380px) { .header-menu__burger a span { width: 24px; } } .header-menu__burger a span:before, .header-menu__burger a span:after { content: ""; width: 27px; height: 3px; position: absolute; left: 0; background: #dafe52; border-radius: 7px; transition: all 0.2s ease-in-out; } @media only screen and (max-width: 380px) { .header-menu__burger a span:before, .header-menu__burger a span:after { width: 24px; } } .header-menu__burger a span:before { top: -8px; } .header-menu__burger a span:after { top: 8px; } .header-menu__burger a.active span { background: transparent; } .header-menu__burger a.active span:before { transform: rotate(45deg) translate(5px, 6px); } .header-menu__burger a.active span:after { transform: rotate(-45deg) translate(5px, -6px); } .header-menu__drop { border-radius: 30px 30px 0 0; background: #2b2b2b; position: fixed; bottom: -150vh; left: 0; width: 100%; height: calc(100vh - 180px); transition: 600ms; padding: 10px 20px 40px; } @media only screen and (max-width: 439px) { .header-menu__drop { height: calc(100vh - 91px); } } .header-menu__drop.active { bottom: 0; } .header-menu__drop-inner { overflow-y: auto; max-height: 100%; height: 100%; padding-bottom: 130px; } @media only screen and (max-width: 767px) { .header-menu__drop-inner { padding-bottom: 110px; } } .header-menu__drop-inner::-webkit-scrollbar { width: 0; height: 0; background: transparent; opacity: 0; display: none; } .header-menu__nav { margin-bottom: 40px; } .header-menu__nav>li { border-bottom: 1px solid #313131; font-size: 24px; line-height: 105%; letter-spacing: -0.01em; color: #fff; } @media only screen and (max-width: 767px) { .header-menu__nav>li { font-size: 20px; } } .header-menu__nav>li>a { padding: 25px 0; } @media only screen and (max-width: 767px) { .header-menu__nav>li>a { padding: 20px 0; } } .header-menu__nav-head { position: relative; } .header-menu__nav-head a { display: flex; align-items: center; justify-content: space-between; } .header-menu__nav-head.active>a img { transform: rotate(0deg); } .header-menu__nav-head img { transform: rotate(-90deg); width: 20px; min-width: 20px; height: 12px; transition: 300ms; } @media only screen and (max-width: 767px) { .header-menu__nav-head img { width: 10px; min-width: 10px; height: 6px; } } .header-menu__childs { display: none; padding: 0 20px 30px; } .header-menu__nav-themes .header-menu__childs { margin-top: 15px; padding: 0px 0 20px; } .header-menu__nav-themes>.header-menu__childs>.header-menu__nav-head>a { height: 70px; } .header-menu__nav-themes>.header-menu__childs>.header-menu__nav-head>a { margin-bottom: 0; padding-bottom: 15px; padding-top: 15px; padding-inline: 10px; background: #262626; border-radius: 20px; } .header-menu__nav-themes>.header-menu__childs .header-menu__nav-head { display: flex; flex-direction: column; } .header-menu__nav-themes>.header-menu__childs .header-menu__nav-head a { display: flex; align-items: center; justify-content: space-between; } .header-menu__nav-themes .header-menu__nav-head .header-menu__childs { padding: 0 10px; } .header-menu__nav-themes .header-menu__childs .header-menu__nav-head .header-menu__childs li { margin-bottom: 0; } .header-menu__nav-themes .header-menu__childs .header-menu__nav-head .header-menu__childs a { padding: 10px 20px; } @media only screen and (max-width: 767px) { .header-menu__childs { padding: 0 20px 20px; } } .header-menu__childs li { margin-bottom: 30px; font-size: 22px; } @media only screen and (max-width: 767px) { .header-menu__childs li { margin-bottom: 20px; font-size: 18px; } } .header-menu__childs li:last-child { margin-bottom: 0; } .header-menu__services { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 10px; column-gap: 10px; row-gap: 12px; } @media only screen and (max-width: 439px) { .header-menu__services { grid-template-columns: 1fr; gap: 10px; } } .header-menu__services li a { border-radius: 20px; width: 100%; height: 92px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 18px; line-height: 130%; letter-spacing: -0.01em; color: #fff; background: #262626; padding: 0 5px; } @media only screen and (max-width: 767px) { .header-menu__services li a { font-size: 14px; } } @media only screen and (max-width: 439px) { .header-menu__services li a { height: 70px; justify-content: flex-start; padding: 0 20px; } } .header-menu__services li a span { display: block; border-radius: 100%; width: 15px; min-width: 15px; height: 15px; } @media only screen and (max-width: 767px) { .header-menu__services li a span { width: 10px; min-width: 10px; height: 10px; } } .start { padding: 222px 0; position: absolute; width: 100%; top: 0; left: 0; background: #1f1f1f; z-index: 5; } @media only screen and (max-width: 1700px) { .start { padding: 180px 0; } } @media only screen and (max-width: 991px) { .start { height: 100vh; min-height: 830px; padding: 140px 0 60px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } } .start__head { line-height: 130%; letter-spacing: -0.01em; color: #fff; display: flex; align-items: center; gap: 10px; justify-content: center; margin-bottom: 20px; opacity: 0; transition: 1000ms; font-size: 24px; font-weight: 400; } @media only screen and (max-width: 767px) { .start__head { text-align: center; } } .start__head.element-show { opacity: 1; } .start__head::before { content: ""; display: block; width: 10px; height: 10px; min-width: 10px; background: #fff; border-radius: 100%; } .start__title { margin-bottom: 40px; line-height: 115%; text-transform: uppercase; text-align: center; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: 1000ms; } .start__title.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .start__title { margin-bottom: 30px; } } @media only screen and (max-width: 991px) { .start__title { margin-bottom: 60px; } } .start__title span { display: inline; background: #262626; border-radius: 60px; -webkit-text-fill-color: #dafe52; padding: 3px 32px; } @media only screen and (max-width: 991px) { .start__title span { background: none; padding: 0; } } .start__subtitle { max-width: 740px; margin: 0 auto 54px; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; text-align: center; color: #8c8c8c; opacity: 0; transition: 1000ms; } .start__subtitle.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .start__subtitle { margin: 0 auto 40px; } } @media only screen and (max-width: 1400px) { .start__subtitle { font-size: 18px; max-width: 543px; } } @media only screen and (max-width: 991px) { .start__subtitle { margin: 0 auto 108px; } } @media only screen and (max-width: 767px) { .start__subtitle { font-size: 16px; max-width: 100%; padding: 0 30px; } } .start__subtitle span { color: #fff; } .start__btn { border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 250px; height: 250px; min-width: 250px; margin: 0 auto; position: relative; background: #1f1f1f; transition: 300ms; opacity: 0; transition: 1000ms; -webkit-animation: start-bounce 3s infinite linear; animation: start-bounce 3s infinite linear; } .start__btn.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .start__btn { width: 200px; min-width: 200px; height: 200px; } } @-webkit-keyframes start-bounce { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes start-bounce { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .start__btn:hover::after { transform: rotate(90deg); } .start__btn::after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 100%; background: linear-gradient(32deg, #1f1f1f 18.6%, rgba(255, 255, 255, 0.6) 37.94%, #dafe52 80.48%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 1000ms; } @media only screen and (max-width: 767px) { .start__btn svg { width: 22px; height: 14px; } } .start__btn-second { display: flex; justify-content: center; transition: 700ms; } .start__btn-second.active { transform: translate(0, -100%) scale(7); opacity: 0; } .start__btns { position: relative; } .start-blocks { position: relative; } .main { overflow: hidden; position: relative; padding: 50px 0; padding-bottom: 0; } @media only screen and (max-width: 1400px) { .main { padding: 110px 0 50px; } } @media only screen and (max-width: 991px) { .main { height: 100vh; min-height: 1000px; padding: 200px 0 60px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } } @media only screen and (max-width: 767px) { .main { min-height: 850px; height: auto; } } @media only screen and (max-width: 400px) { .main { padding: 160px 0 0px; min-height: 750px; } } @media only screen and (max-width: 767px) { .main .container { padding: 0; } } .main__inner { position: relative; height: 1414px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } @media only screen and (max-width: 1700px) { .main__inner { height: 1014px; } } @media only screen and (max-width: 991px) { .main__inner { height: 870px; } } @media only screen and (max-width: 767px) { .main__inner { height: 652px; } } @media only screen and (max-width: 400px) { .main__inner { height: 700px; } } .main__inner::before { content: ""; display: block; background: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0.5) 31.63%, rgba(31, 31, 31, 0.8) 48.34%, #1f1f1f 87.08%); width: 100%; height: 1079px; position: absolute; bottom: 0; left: 0; z-index: 3; } @media only screen and (max-width: 767px) { .main__inner::before { height: 456px; bottom: 130px; } } @media only screen and (max-width: 400px) { .main__inner::before { bottom: 175px; height: 300px; } } .main__inner::after { content: ""; display: block; background: linear-gradient(178.1deg, rgba(31, 31, 31, 0) 1.59%, rgba(31, 31, 31, 0.3) 26.36%, #1f1f1f 74.25%); width: 100%; height: 600px; position: absolute; bottom: 0; left: 0; z-index: 5; pointer-events: none; } @media only screen and (max-width: 1700px) { .main__inner::after { height: 500px; } } @media only screen and (max-width: 1400px) { .main__inner::after { height: 360px; } } @media only screen and (max-width: 991px) { .main__inner::after { height: 285px; } } @media only screen and (max-width: 767px) { .main__inner::after { height: 210px; } } .main__people { display: flex; align-items: center; justify-content: center; mix-blend-mode: lighten; width: 1260px; height: auto; margin: 0 auto; position: relative; z-index: 2; } @media only screen and (max-width: 1700px) { .main__people { width: 910px; } } @media only screen and (max-width: 991px) { .main__people { width: 750px; } } @media only screen and (max-width: 767px) { .main__people { width: 500px; position: absolute; top: -60px; left: 50%; transform: translate(-50%, 0%); } } @media only screen and (max-width: 400px) { .main__people { width: 450px; top: 0; } } .main__people img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transform: translateY(-50px); transition: 1000ms; } .main__people-two { display: flex; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); z-index: 1; width: 1260px; height: auto; } @media only screen and (max-width: 1700px) { .main__people-two { width: 910px; } } @media only screen and (max-width: 991px) { .main__people-two { width: 750px; } } @media only screen and (max-width: 767px) { .main__people-two { width: 500px; top: -60px; } } @media only screen and (max-width: 400px) { .main__people-two { width: 450px; top: 0; } } .main__people-two img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transform: translateY(-50px); transition: 1000ms; } .main__logo { position: absolute; top: 239px; left: 0; width: 100%; z-index: 1; } @media only screen and (max-width: 1700px) { .main__logo { top: 154px; } } @media only screen and (max-width: 1400px) { .main__logo { top: 120px; } } @media only screen and (max-width: 991px) { .main__logo { top: 0; } } @media only screen and (max-width: 767px) { .main__logo { width: 554px; min-width: 554px; left: 50%; transform: translate(-50%, 0%); top: -74px; } } @media only screen and (max-width: 400px) { .main__logo { min-width: 400px; width: 400px; top: -50px; } } .main__logo img { transition: 1000ms; transform: translateX(-10px); } .main__hand { display: flex; position: absolute; bottom: 120px; z-index: 4; height: auto; } @media only screen and (max-width: 1400px) { .main__hand { bottom: 50px; } } @media only screen and (max-width: 400px) { .main__hand { bottom: 45px; } } .main__hand>img { transform: translateY(150px); transition: 1000ms; } @media only screen and (max-width: 767px) { .main__hand>img { transform: translateY(50px); } } .main__hand-left { max-width: 464px; left: 129px; } @media only screen and (max-width: 1700px) { .main__hand-left { max-width: 370px; } } @media only screen and (max-width: 1400px) { .main__hand-left { max-width: 300px; left: 50px; } } @media only screen and (max-width: 991px) { .main__hand-left { max-width: 230px; } } @media only screen and (max-width: 767px) { .main__hand-left { max-width: 160px; min-width: 160px; left: calc(50% - 145px); transform: translate(-50%, 0%); } } @media only screen and (max-width: 400px) { .main__hand-left { left: calc(50% - 120px); } } @media only screen and (max-width: 767px) { .main__hand-left .main__ellipse { left: calc(50% + 20px); } } .main__hand-right { max-width: 469px; right: 119px; } @media only screen and (max-width: 1700px) { .main__hand-right { max-width: 370px; } } @media only screen and (max-width: 1400px) { .main__hand-right { max-width: 300px; right: 50px; } } @media only screen and (max-width: 991px) { .main__hand-right { max-width: 230px; } } @media only screen and (max-width: 767px) { .main__hand-right { max-width: 160px; min-width: 160px; right: auto; left: calc(50% + 145px); transform: translate(-50%, 0%); } } @media only screen and (max-width: 400px) { .main__hand-right { left: calc(50% + 120px); } } @media only screen and (max-width: 767px) { .main__hand-right .main__ellipse { left: calc(50% - 20px); } } .main__ellipse { display: flex; align-items: center; justify-content: center; width: 250px; height: 250px; min-width: 250px; position: absolute; z-index: -1; top: -140px; left: 50%; transform: translate(-50%, 0%); border-radius: 100%; -webkit-animation: bounce 3s infinite linear; animation: bounce 3s infinite linear; } @media only screen and (max-width: 1700px) { .main__ellipse { width: 210px; height: 210px; min-width: 210px; top: -110px; } } @media only screen and (max-width: 1400px) { .main__ellipse { width: 180px; height: 180px; min-width: 180px; } } @media only screen and (max-width: 991px) { .main__ellipse { width: 170px; height: 170px; min-width: 170px; } } @media only screen and (max-width: 767px) { .main__ellipse { width: 162px; height: 162px; min-width: 162px; top: -114px; } } @media only screen and (max-width: 400px) { .main__ellipse { width: 142px; height: 142px; min-width: 142px; top: -95px; } } @-webkit-keyframes bounce { 0% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -15px); } 100% { transform: translate(-50%, 0); } } @keyframes bounce { 0% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -15px); } 100% { transform: translate(-50%, 0); } } .main__ellipse::before { content: ""; display: block; background: radial-gradient(51% 51% at 50% 52%, #dafe52 0%, #8aa623 100%); border-radius: 100%; -webkit-filter: blur(100px); filter: blur(100px); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } @media only screen and (max-width: 1700px) { .main__ellipse::before { -webkit-filter: blur(70px); filter: blur(70px); } } @media only screen and (max-width: 767px) { .main__ellipse::before { -webkit-filter: blur(40px); filter: blur(40px); } } .main__ellipse:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 100%; background: linear-gradient(256.62deg, rgba(0, 0, 0, 0.2) 21.02%, rgba(255, 255, 255, 0.2) 38.01%, #d3f651 69.75%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .main__ellipse img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main__ellipse span { font-weight: 700; font-size: 30px; line-height: 130%; text-transform: uppercase; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } @media only screen and (max-width: 1700px) { .main__ellipse span { font-size: 25px; } } @media only screen and (max-width: 1400px) { .main__ellipse span { font-size: 22px; } } @media only screen and (max-width: 991px) { .main__ellipse span { font-size: 20px; } } @media only screen and (max-width: 400px) { .main__ellipse span { font-size: 16px; } } .main.anim .main__hand>img { transform: none; } .main.anim .main__people img, .main.anim .main__people-two img { transform: none; } .main.anim .main__logo img { transform: none; } @media only screen and (max-width: 767px) { .main.anim .main__inner { height: 604px; } } .about { overflow: hidden; margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .about { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .about { margin-bottom: 80px; } } @media only screen and (max-width: 767px) { .about { padding-top: 60px; } } .about__inner { display: grid; grid-template-columns: 1fr 786px; gap: 114px; align-items: flex-end; } @media only screen and (max-width: 1700px) { .about__inner { gap: 100px; grid-template-columns: 1fr 617px; } } @media only screen and (max-width: 1400px) { .about__inner { grid-template-columns: 1fr; gap: 70px; } } .about__left { display: flex; flex-direction: column; align-items: flex-start; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .about__left.element-show { opacity: 1; transform: none; } .about__left .button { display: flex !important; } @media only screen and (max-width: 767px) { .about__left .button { display: none !important; } } .about .title { margin-bottom: 30px; } @media only screen and (max-width: 1400px) { .about .title { max-width: 800px; } } @media only screen and (max-width: 767px) { .about .title { max-width: 100%; margin-bottom: 40px; } } .about__text { margin-bottom: 60px; line-height: 130%; letter-spacing: -0.01em; color: #777; max-width: 593px; } @media only screen and (max-width: 767px) { .about__text { margin-bottom: 0; max-width: 100%; } } .about__text span { font-weight: 500; color: #fff; } .about__items { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: auto; } @media only screen and (max-width: 767px) { .about__items { gap: 20px; } } @media only screen and (max-width: 400px) { .about__items { grid-template-columns: 1fr; } } .about__item { background: #262626; border-radius: 30px; padding: 30px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; transition: 1000ms; overflow: hidden; } .about__item.element-show { opacity: 1; } .about__item:hover::before { opacity: 1; visibility: visible; } .about__item:hover .btn-ellipse .btn-ellipse__inner { background: #dafe52; } .about__item:hover .btn-ellipse .btn-ellipse__inner svg path { fill: #262626; } .about__item::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; pointer-events: none; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 300ms; border-radius: 30px; } .about__item:first-child { /* grid-row: 1/3; */ } @media only screen and (max-width: 767px) { .about__item:first-child { grid-row: 1/1; grid-column: 1/3; height: 204px; } } @media only screen and (max-width: 400px) { .about__item:first-child { grid-column: 1/2; padding: 20px; } } .about__item:last-child { background: #dafe52; } .about__item:last-child .about__content span { color: #1f1f1f; } .about__item:last-child .about__number { -webkit-text-fill-color: #1f1f1f; } .about__content span { line-height: 130%; letter-spacing: -0.01em; color: #bbb8b8; } .about__number { font-weight: 500; font-size: 64px; line-height: 100%; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 20px; } .about .btn-ellipse { position: absolute; top: 30px; right: 30px; } .about .button { display: none; } @media only screen and (max-width: 767px) { .about .button { display: flex; margin-top: 40px; } } .running-line { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .running-line { margin-bottom: 120px; } } @media only screen and (max-width: 767px) { .running-line { margin-bottom: 80px; } } @media only screen and (max-width: 767px) { .running-line .container { padding: 0; } } .running-line__content { width: calc(100% - 66px); margin: 0 auto; position: relative; } @media only screen and (max-width: 991px) { .running-line__content { width: 100%; } } .running-line__content::before { content: ""; display: block; background: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 50%); height: 100%; width: 319px; position: absolute; top: 0; left: -160px; z-index: 2; } @media only screen and (max-width: 767px) { .running-line__content::before { width: 90px; left: 0; } } .running-line__content::after { content: ""; display: block; background: linear-gradient(-270deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 50.22%); height: 100%; width: 319px; position: absolute; top: 0; right: -160px; z-index: 2; } @media only screen and (max-width: 767px) { .running-line__content::after { width: 90px; right: 0; } } .running-line__header { margin-bottom: 80px; } @media only screen and (max-width: 991px) { .running-line__header { margin-bottom: 80px; } } @media only screen and (max-width: 767px) { .running-line__header { padding: 0 20px; } } .running-line .swiper-wrapper { transition-timing-function: linear !important; align-items: center; } .running-line .swiper-slide { display: flex; align-items: center; justify-content: center; } .success { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .success { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .success { margin-bottom: 80px; } } .success__inner { display: grid; grid-template-columns: auto 785px; gap: 50px; justify-content: space-between; align-items: flex-end; } @media only screen and (max-width: 1700px) { .success__inner { grid-template-columns: auto 689px; } } @media only screen and (max-width: 1400px) { .success__inner { display: block; } } @media only screen and (max-width: 767px) { .success .container { padding: 0; } } .success__left { display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (max-width: 1400px) { .success__left { margin-bottom: 90px; } } @media only screen and (max-width: 991px) { .success__left { margin-bottom: 60px; } } @media only screen and (max-width: 767px) { .success__left { padding: 0 20px; } } .success .title { margin-bottom: 79px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .success .title.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .success .title { margin-bottom: 40px; } } @media only screen and (max-width: 991px) { .success .title { margin-bottom: 30px; } } .success__text { line-height: 130%; letter-spacing: -0.01em; color: #777; max-width: 389px; margin-bottom: 40px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .success__text.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .success__text { max-width: 700px; } } .success__text span { color: #fff; } .success__item { background: #262626; border-radius: 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 45px; padding: 60px 19px 25px; position: relative; z-index: 2; height: 100%; } @media only screen and (max-width: 991px) { .success__item { background: none; gap: 19px; padding: 40px 0 0 0; } } .success__item:hover .success__logo { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .success__item-text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #fff; } @media only screen and (max-width: 400px) { .success__item-text { font-size: 14px; } } .success__image { display: flex; position: absolute; top: -77px; left: 50%; transform: translate(-50%, 0%); width: 298px; height: auto; z-index: 1; } @media only screen and (max-width: 1700px) { .success__image { top: -50px; width: 257px; } } @media only screen and (max-width: 991px) { .success__image { width: 220px; top: 0; } } @media only screen and (max-width: 767px) { .success__image { width: 192px; } } .success__image img { width: 100%; height: 100%; } .success__logo { min-width: 124px; width: auto; max-width: 151px; height: auto; position: relative; margin: auto 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; transition: 300ms; } @media only screen and (max-width: 991px) { .success__logo { background: #262626; border-radius: 27px; padding: 23px; width: 180px; height: 180px; max-width: 100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } } @media only screen and (max-width: 767px) { .success__logo { width: 140px; height: 140px; min-width: 140px; padding: 10px; } } .success__logo img { width: 100%; height: 100%; } @media only screen and (max-width: 991px) { .success__logo img { transform: scale(0.7); } } .success .swiper { overflow: visible; } @media only screen and (max-width: 991px) { .success .swiper { overflow: hidden; padding-bottom: 40px; } } @media only screen and (max-width: 767px) { .success .swiper { padding-left: 20px; } } .success .swiper-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } @media only screen and (max-width: 991px) { .success .swiper-wrapper { display: flex; gap: 0; } } .success .swiper-slide { opacity: 0; transition: 1000ms; } .success .swiper-slide.element-show { opacity: 1; } .success .subtitle { opacity: 0; transition: 1000ms; transform: translateX(-50px); } .success .subtitle.element-show { opacity: 1; transform: none; } .success .button { opacity: 0; transition: 1000ms; transform: translateX(-50px); } .success .button.element-show { opacity: 1; transform: none; } .swiper-pagination { width: auto; display: flex; align-items: center; justify-content: center; gap: 10px; bottom: 0 !important; left: 50% !important; transform: translate(-50%, 0%); } .swiper-pagination-bullet { margin: 0 !important; background: #777; opacity: 1; width: 10px; height: 10px; min-width: 10px; border-radius: 100%; } .swiper-pagination-bullet-active { background: #d9d9d9; } .mission { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .mission { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .mission { margin-bottom: 80px; } } .mission .title { max-width: 663px; margin-bottom: 85px; opacity: 0; transition: 1000ms; transform: translateX(-50px); position: relative; z-index: 5; } .mission .title.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 991px) { .mission .title { max-width: 100%; margin-bottom: 60px; } } .mission .subtitle { position: relative; z-index: 5; } .mission__inner { position: relative; } .mission__ellipse { width: 927px; height: 927px; position: absolute; top: 115px; left: 50%; transform: translate(-50%, 0%); border-radius: 100%; } @media only screen and (max-width: 1700px) { .mission__ellipse { width: 850px; height: 850px; top: 150px; } } @media only screen and (max-width: 1400px) { .mission__ellipse { width: 700px; height: 700px; } } @media only screen and (max-width: 991px) { .mission__ellipse { display: none; } } .mission__ellipse:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 100%; background: linear-gradient(18.19deg, #30302f 42.6%, rgba(31, 31, 31, 0) 55.97%, rgba(255, 255, 255, 0.3) 81.58%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; animation: 10s linear 0s normal none infinite running rot; -webkit-animation: 10s linear 0s normal none infinite running rot; } @-webkit-keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mission__slider { position: static; } @media only screen and (max-width: 991px) { .mission__slider { padding-bottom: 40px; } } .mission .swiper-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } @media only screen and (max-width: 991px) { .mission .swiper-wrapper { display: flex; gap: 0; } } .mission .swiper-wrapper .swiper-slide:nth-child(2n + 1) .mission__block::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 220px; border-radius: 0 0 30px 30px; position: absolute; bottom: 0; left: 0; } .mission .swiper-slide { height: auto; } .mission__block { border-radius: 30px; background: #1f1f1f; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 50px; width: 100%; height: 100%; position: relative; opacity: 0; transition: 600ms; } .mission__block.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .mission__block { gap: 40px; } } @media only screen and (max-width: 1400px) { .mission__block { padding: 20px; gap: 30px; } } @media only screen and (max-width: 991px) { .mission__block { padding: 30px 20px; gap: 40px; } } .mission__block:after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .mission__image { display: flex; width: auto; position: relative; z-index: 1; } @media only screen and (max-width: 1700px) { .mission__image { height: 90px; } } @media only screen and (max-width: 1400px) { .mission__image { height: 60px; } } @media only screen and (max-width: 991px) { .mission__image { height: 66px; } } .mission__image img { height: 100%; -o-object-fit: cover; object-fit: cover; } .mission__bottom { margin-top: auto; margin-bottom: 0; position: relative; z-index: 1; } .mission__name { font-weight: 500; font-size: 28px; line-height: 110%; letter-spacing: -0.01em; text-transform: uppercase; margin-bottom: 30px; color: #fff; } @media only screen and (max-width: 1700px) { .mission__name { font-size: 24px; } } @media only screen and (max-width: 1400px) { .mission__name { margin-bottom: 20px; } } @media only screen and (max-width: 991px) { .mission__name { font-size: 20px; } } .mission__text { line-height: 130%; letter-spacing: -0.01em; color: #bcbcbc; } @media only screen and (max-width: 1400px) { .mission__text { font-size: 14px; } } @media only screen and (max-width: 991px) { .mission__text { font-size: 16px; } } @media only screen and (max-width: 1400px) { .mission__text br { display: none; } } .mission__text span { color: #fff; } .case { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .case { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .case { margin-bottom: 80px; } } .case__header { /*margin-bottom: 80px;*/ display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; } @media only screen and (max-width: 991px) { .case__header { margin-bottom: 60px; flex-direction: column; gap: 40px; align-items: flex-start; } } .case__header .button { margin: 0 !important; } .case .title { opacity: 0; transition: 1000ms; transform: translateX(-50px); } .case .title.element-show { opacity: 1; transform: none; } .case__items { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 60px; } @media only screen and (max-width: 991px) { .case__items { grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px; } } .case__card { border-radius: 30px; background: #1f1f1f; padding: 40px; position: relative; min-height: 450px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; overflow: hidden; opacity: 0; transition: 1000ms; } .case__card.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .case__card { min-height: 400px; } } @media only screen and (max-width: 1400px) { .case__card { padding: 30px; min-height: 350px; } } @media only screen and (max-width: 991px) { .case__card { padding: 30px 20px; } } @media only screen and (max-width: 767px) { .case__card { min-height: auto; gap: 40px; justify-content: flex-start; padding: 30px 20px 0; } } .case__card:hover::before { opacity: 1; visibility: visible; } .case__card:hover::after { opacity: 0; visibility: hidden; } .case__card:hover .btn-ellipse .btn-ellipse__inner { background: #dafe52; } .case__card:hover .btn-ellipse .btn-ellipse__inner svg path { fill: #262626; } .case__card::before { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 30px; background: linear-gradient(248.03deg, rgba(0, 0, 0, 0.2) 16.07%, rgba(255, 255, 255, 0.2) 40.16%, #30302f 85.13%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; opacity: 0; visibility: hidden; } .case__card::after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } @media only screen and (max-width: 767px) { .case__card:first-child, .case__card:last-child { padding: 30px 20px; } } .case__card .case__image { bottom: 40px; right: 40px; } .case__card .case__image .new-company__image.tablet { right: 0; left: unset; bottom: 25px; } .case__card .case__image .new-company__image.desktop { right: 0; left: unset; bottom: -40px; right: -40px; top: unset; width: 355px; height: 263px; } .case__card .case__image .new-company__image.desktop .image-in-desktop { max-height: 195px; height: 100%; top: 4px; right: 4px; } @media only screen and (max-width: 1700px) { .case__card .case__image { height: 200px; } } @media only screen and (max-width: 1400px) { .case__card .case__image { height: 150px; bottom: 30px; right: 30px; } } @media only screen and (max-width: 767px) { .case__card .case__image { height: 238px; margin: 0 auto; } .case__card { padding-bottom: 30px; } .case__card:has(.case__image-down) { padding-bottom: 0; } } .case__fon { display: flex; position: absolute; bottom: 0; left: 0; width: auto; height: 335px; } @media only screen and (max-width: 1400px) { .case__fon { height: 225px; } } @media only screen and (max-width: 767px) { .case__fon { height: 447px; } } .case__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .case__category { border-radius: 30px; padding: 0 30px; background: #262626; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 42px; min-width: 117px; position: relative; z-index: 2; } @media only screen and (max-width: 767px) { .case__category { height: auto; padding: 15px 20px; } } .case__category:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(288.77deg, rgba(0, 0, 0, 0.2) 12.91%, rgba(255, 255, 255, 0.2) 36.18%, #30302f 98.12%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .case__category span { border-radius: 100%; width: 10px; height: 10px; min-width: 10px; } .case .btn-ellipse { position: absolute; top: 34px; right: 34px; } @media only screen and (max-width: 1400px) { .case .btn-ellipse { top: 24px; right: 24px; } } @media only screen and (max-width: 991px) { .case .btn-ellipse { top: 30px; right: 20px; } } .case__left { max-width: 400px; position: relative; z-index: 2; padding-right: 15px; } @media only screen and (max-width: 1700px) { .case__left { max-width: 320px; } } @media only screen and (max-width: 1400px) { .case__left { max-width: 250px; } } @media only screen and (max-width: 991px) { .case__left { max-width: 100%; } } .case__name { font-weight: 500; font-size: 56px; line-height: 100%; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 30px; } @media only screen and (max-width: 1700px) { .case__name { font-size: 50px; } } @media only screen and (max-width: 1400px) { .case__name { font-size: 40px; margin-bottom: 20px; } } @media only screen and (max-width: 991px) { .case__name { font-size: 48px; margin-bottom: 30px; } } @media only screen and (max-width: 375px) { .case__name { font-size: 40px; } } .case__text { line-height: 130%; letter-spacing: -0.01em; color: #b3b3b3; } .case__text span { font-weight: 500; color: #fff; } .case__image { display: flex; position: absolute; bottom: 40px; right: 40px; z-index: 2; } @media only screen and (max-width: 1700px) { .case__image { width: auto; height: 300px; } } @media only screen and (max-width: 1400px) { .case__image { height: 200px; } } @media only screen and (max-width: 767px) { .case__image { position: static; height: 300px; margin: 0 0 0 auto; } .case__image .case__image-down { position: static; height: 300px; margin: 0 0 0 auto; } } .case__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; } .case__title { font-weight: 500; font-size: 36px; line-height: 120%; letter-spacing: -0.02em; color: #fff; } @media only screen and (max-width: 991px) { .case__title { font-size: 32px; } } @media only screen and (max-width: 767px) { .case__title { font-size: 28px; } } .case__bottom { display: flex; flex-direction: column; gap: 40px; } @media only screen and (max-width: 991px) { .case__bottom { gap: 30px; } } .case .button { min-width: 300px; width: 300px; margin: 0 auto; } @media only screen and (max-width: 767px) { .case .button { width: 100%; min-width: auto; margin: 0; } } .case-filter { margin-bottom: 30px; background: #262626; border-radius: 30px; padding: 40px; display: grid; grid-template-columns: 1fr 241px; gap: 20px; align-items: flex-start; /* &__checkbox { display: flex; align-items: center; gap: 10px; &.checked { p { color: #fff; } .case-filter__checkbox-input { &::after { background: linear-gradient( 306.9deg, rgba(0, 0, 0, 0.2) -10.28%, rgba(255, 255, 255, 0.2) 15.14%, #dc4bff 78.68% ); } } } p { color: #777; cursor: pointer; transition: 300ms; a { color: #d9d9d9; display: inline; &:hover { color: #d3f651; } } } &-input { width: 20px; height: 20px; min-width: 20px; position: relative; cursor: pointer; border-radius: 100%; @media only screen and (max-width: 420px) { width: 17px; height: 17px; min-width: 17px; } &::after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 100%; background: linear-gradient( 301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61% ); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } input { appearance: none; width: 100%; height: 100%; border: 0; background: none; cursor: pointer; transition: 300ms; &:checked { & ~ span { background: #dc4bff; } } } > span { width: 10px; height: 10px; background: #777777; border-radius: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; transition: 300ms; } } } */ } @media only screen and (max-width: 991px) { .case-filter { grid-template-columns: 1fr; gap: 12px; } } @media only screen and (max-width: 991px) { .case-filter { padding: 30px; } } @media only screen and (max-width: 375px) { .case-filter { padding: 30px 20px; } } .case-filter__inner .case-filter__head { display: none; } @media only screen and (max-width: 991px) { .case-filter__inner .case-filter__head { display: flex; } } .case-filter__nav { display: flex; flex-wrap: wrap; gap: 19px; } @media only screen and (max-width: 1400px) { .case-filter__nav { gap: 12px; } } @media only screen and (max-width: 991px) { .case-filter__nav { gap: 10px; } } .case-filter__nav li { background: #202020; border-radius: 30px; padding: 0 30px; display: flex; align-items: center; gap: 15px; line-height: 130%; letter-spacing: -0.01em; color: #fff; transition: 300ms; cursor: pointer; position: relative; height: 50px; } @media only screen and (max-width: 991px) { .case-filter__nav li { padding: 0 15px; gap: 10px; } } @media only screen and (max-width: 767px) { .case-filter__nav li { font-size: 14px; height: 40px; } } .case-filter__nav li:hover { background: #dafe52; color: #262626; } .case-filter__nav li span { transition: 300ms; } .case-filter__nav li span:not(.case-filter__ellipse) { width: 25px; min-width: 25px; white-space: nowrap; } .case-filter__nav li img { display: none; width: 14px; min-width: 14px; height: 14px; transition: 300ms; z-index: 5; margin: 0 5.5px; } @media only screen and (max-width: 767px) { .case-filter__nav li img { width: 10px; min-width: 10px; height: 10px; margin: 0 7.5px; } } .case-filter__nav li.active { background: #dafe52; color: #262626; } .case-filter__nav li.active::before { display: block; content: ""; position: absolute; inset: -1px; padding: 2px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .case-filter__nav li.active img { display: block; } .case-filter__nav li.active span:not(.case-filter__ellipse) { display: none; } .case-filter__nav li.active.case-filter__nav-all span { display: block; } .case-filter__head { background: #dafe52; border-radius: 30px; padding: 0 30px; display: flex; align-items: center; justify-content: center; gap: 10px; line-height: 130%; letter-spacing: -0.01em; color: #1f1f1f; transition: 300ms; cursor: pointer; position: relative; height: 50px; } .case-filter__head svg { width: 16px; height: auto; transition: 300ms; } .case-filter__head.active svg { transform: rotate(180deg); } .case-filter__head-desktop.active svg { transform: rotate(180deg); } .case-filter__head.first { color: #fff; background: #1f1f1f; } .case-filter__head.first:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .case-filter__head.first svg path { fill: #fff; } @media only screen and (max-width: 991px) { .case-filter__drop { display: none; border-top: 1px solid #313131; padding-top: 30px; margin-top: 20px; } } .case-filter__drop-desktop { display: none; border-top: 1px solid #313131; padding-top: 40px; margin-top: 40px; } @media only screen and (max-width: 991px) { .case-filter__drop-desktop { padding-top: 30px; margin-top: 20px; } } .case-filter__name { font-size: 20px; line-height: 105%; letter-spacing: -0.01em; color: #fff; margin-bottom: 40px; } @media only screen and (max-width: 991px) { .case-filter__name { display: none; } } .case-filter__mob { display: none; } .case-filter__sorting { grid-column: 1/3; border-bottom: 1px solid #313131; padding-bottom: 40px; } @media only screen and (max-width: 991px) { .case-filter__sorting { grid-column: auto; padding-bottom: 20px; margin-bottom: 10px; } } .case-filter__sorting-btn { display: flex; align-items: center; gap: 10px; cursor: pointer; } .case-filter__sorting-btn.active svg { transform: rotate(180deg); } .case-filter__sorting-btn span { font-size: 20px; color: #fff; } @media only screen and (max-width: 991px) { .case-filter__sorting-btn span { font-size: 18px; } } .case-filter__sorting-btn svg { transition: 300ms; } @media only screen and (max-width: 991px) { .case-filter__sorting-btn svg { width: 12px; height: auto; } } .case-filter__sorting-items { display: none; padding-top: 34px; } @media only screen and (max-width: 991px) { .case-filter__sorting-items { padding-top: 20px; } } .case-filter__sorting-item { display: flex; gap: 20px; } @media only screen and (max-width: 767px) { .case-filter__sorting-item { flex-direction: column; } } .case-filter__sorting-block { display: flex; align-items: center; gap: 10px; } .case-filter__sorting-block span { color: #777; cursor: pointer; transition: 300ms; } .case-filter__sorting-block:hover span { color: #fff; } .case-filter__sorting-block:hover .case-filter__sorting-icon::before { background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -10.28%, rgba(255, 255, 255, 0.2) 15.14%, #dc4bff 78.68%); } .case-filter__sorting-block:hover .case-filter__sorting-icon::after { background: #dc4bff; } .case-filter__sorting-block.active span { color: #fff; } .case-filter__sorting-block.active .case-filter__sorting-icon::before { background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -10.28%, rgba(255, 255, 255, 0.2) 15.14%, #dc4bff 78.68%); } .case-filter__sorting-block.active .case-filter__sorting-icon::after { background: #dc4bff; } .case-filter__sorting-icon { width: 20px; min-width: 20px; height: 20px; border-radius: 100%; background: transparent; position: relative; } .case-filter__sorting-icon::before { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 100%; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .case-filter__sorting-icon::after { content: ""; display: block; background: #777; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .case-filter__ellipse { border-radius: 100%; width: 10px; height: 10px; } .services { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .services { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .services { margin-bottom: 80px; } } .services__header { margin-bottom: 80px; display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .services__header.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .services__header { display: block; } } @media only screen and (max-width: 991px) { .services__header { margin-bottom: 40px; } } .services__header .button { display: flex !important; } @media only screen and (max-width: 991px) { .services__header .button { display: none !important; } } .services__left { max-width: 574px; } @media only screen and (max-width: 1400px) { .services__left { margin-bottom: 60px; } } .services__right { display: grid; grid-template-columns: 441px 1fr; gap: 131px; align-items: center; } @media only screen and (max-width: 1700px) { .services__right { gap: 79px; grid-template-columns: 400px 1fr; } } @media only screen and (max-width: 1400px) { .services__right { grid-template-columns: 574px 1fr; gap: 100px; } } @media only screen and (max-width: 991px) { .services__right { display: block; } } .services__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .services__text span { cursor: #fff; } .services__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } @media only screen and (max-width: 1400px) { .services__head { display: block; } } @media only screen and (max-width: 991px) { .services__items { margin-bottom: 40px; } } .services__item { position: relative; border-radius: 30px; background: #1f1f1f; margin-top: -30px; padding: 60px 40px 90px; opacity: 0; transition: 1000ms; } .services__item.element-show { opacity: 1; } @media only screen and (max-width: 991px) { .services__item { margin: 0 0 20px; padding: 30px 20px; } } .services__item:first-child { margin-top: 0; } .services__item:last-child { padding: 60px 40px; } @media only screen and (max-width: 991px) { .services__item:last-child { padding: 30px 20px; } } .services__item:after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 30px; background: linear-gradient(358.26deg, rgba(31, 31, 31, 0.2) 15.68%, rgba(217, 217, 217, 0.3) 46.18%, #1f1f1f 118.32%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .services__item.active { background: #262626; } .services__item-left { display: flex; align-items: flex-start; gap: 100px; position: relative; z-index: 5; } @media only screen and (max-width: 1700px) { .services__item-left { gap: 70px; } } @media only screen and (max-width: 1400px) { .services__item-left { flex-direction: column; gap: 30px; } } .services__item-content { display: flex; align-items: center; gap: 60px; max-width: 669px; } @media only screen and (max-width: 1700px) { .services__item-content { gap: 40px; max-width: 429px; } } @media only screen and (max-width: 1400px) { .services__item-content { max-width: 669px; } } @media only screen and (max-width: 991px) { .services__item-content { flex-direction: column; gap: 30px; max-width: 100%; align-items: flex-start; } } @media only screen and (max-width: 991px) { .services__item-block { padding-right: 50px; } } .services__image { display: flex; width: 115px; min-width: 115px; height: auto; cursor: pointer; } @media only screen and (max-width: 1700px) { .services__image { width: 100px; min-width: 100px; } } @media only screen and (max-width: 767px) { .services__image { width: 66px; min-width: 66px; } } .services__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .services__name { font-size: 28px; line-height: 105%; letter-spacing: -0.01em; color: #fff; cursor: pointer; margin-bottom: 30px; } @media only screen and (max-width: 1700px) { .services__name { font-size: 26px; } } @media only screen and (max-width: 991px) { .services__name { font-size: 24px; } } @media only screen and (max-width: 767px) { .services__name { font-size: 20px; margin-bottom: 20px; } } .services__price { font-size: 28px; line-height: 105%; letter-spacing: -0.01em; font-weight: 500; color: #fff; display: block; transition: 300ms; min-width: 150px; } @media only screen and (max-width: 1400px) { .services__price { padding-left: 140px; } } @media only screen and (max-width: 991px) { .services__price { padding: 0; } } @media only screen and (max-width: 767px) { .services__price { min-width: auto; } } .services__price span { font-weight: 400; font-size: 16px; color: #777; display: block; } .services__price.active { display: none; } @media only screen and (max-width: 1400px) { .services__price.active { display: block !important; } } .services__click { border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; min-width: 50px; position: relative; cursor: pointer; transition: 300ms; z-index: 5; } @media only screen and (max-width: 1400px) { .services__click { position: absolute; top: 30px; right: 20px; } } .services__click:hover::after { transform: rotate(180deg); } .services__click svg { transition: 300ms; } .services__click svg path { transition: 300ms; } .services__click:after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 100%; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; opacity: 1; visibility: visible; } .services__click.active { background: #dafe52; } .services__click.active::after { opacity: 0; visibility: visible; } .services__click.active svg { transform: rotate(90deg); } .services__click.active svg path { stroke: #1f1f1f; } .services__drop { display: none; max-width: 654px; position: relative; z-index: 10; } @media only screen and (max-width: 1400px) { .services__drop { max-width: 100%; width: 100%; padding-top: 30px; } } .services__drop-items { display: grid; grid-template-columns: 192px 177px 1fr; align-items: center; gap: 35px; border-radius: 60px; padding: 20px 30px; transition: 300ms; } @media only screen and (max-width: 1400px) { .services__drop-items { gap: 100px; } } @media only screen and (max-width: 991px) { .services__drop-items { background: #1f1f1f; margin-bottom: 20px; border-radius: 30px; gap: 30px; } } @media only screen and (max-width: 767px) { .services__drop-items { display: block; } } .services__drop-items:last-child { margin-bottom: 0; } .services__drop-items:hover { background: #1f1f1f; } .services__drop-items:hover .services__drop-name { color: #fff; } .services__drop-items:hover .services__drop-price>span { color: #fff; } .services__drop-items:hover .services__drop-info svg path { fill: #d3f651; } .services__drop-name { line-height: 105%; letter-spacing: -0.01em; color: #777; text-align: left; transition: 300ms; } @media only screen and (max-width: 991px) { .services__drop-name { color: #fff; } } @media only screen and (max-width: 767px) { .services__drop-name { text-align: center; margin-bottom: 20px; } } .services__drop-price { display: flex; align-items: center; gap: 15px; justify-content: space-between; } @media only screen and (max-width: 767px) { .services__drop-price { margin-bottom: 20px; justify-content: center; } } .services__drop-price span { font-size: 24px; line-height: 105%; letter-spacing: -0.01em; color: #777; transition: 300ms; } @media only screen and (max-width: 991px) { .services__drop-price span { color: #fff; } } .services__drop-info { width: 20px; height: 20px; min-width: 20px; position: relative; cursor: pointer; } .services__drop-info:hover .services__drop-footnote { opacity: 1; visibility: visible; } @media only screen and (max-width: 991px) { .services__drop-info:hover .services__drop-footnote { opacity: 0; visibility: hidden; } } .services__drop-info svg path { transition: 300ms; } @media only screen and (max-width: 991px) { .services__drop-info svg path { fill: #d3f651; } } .services__drop-footnote { position: absolute; top: -55px; left: 50%; transform: translate(-50%, 0%); min-width: 123px; height: 42px; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: 300ms; border-radius: 10px; padding: 0 20px; } @media only screen and (max-width: 991px) { .services__drop-footnote { display: none; } } .services__drop-footnote:after { display: block; content: ""; background: url(/local/templates/brevis/assets/css/../images/footnote.svg) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 49px; } .services__drop-footnote span { font-weight: 400; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; color: #777; position: relative; z-index: 2; } .services__drop-footnote.bg { background: #262626; } .services__drop-footnote.bg::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px 0px 8px 16px; border-color: transparent transparent transparent #262626; position: absolute; top: 50%; transform: translate(0%, -50%); right: -10px; z-index: 4; } .services__drop-footnote.bg:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 10px; background: linear-gradient(288.77deg, rgba(0, 0, 0, 0.2) 12.91%, rgba(255, 255, 255, 0.2) 36.18%, #30302f 98.12%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; height: auto; width: auto; } .services__drop-btn { display: flex; align-items: center; justify-content: center; height: 40px; min-width: 152px; border-radius: 60px; padding: 0px 20px; position: relative; --background: #275efe; --text: #dafe52; --font-size: 25px; --duration: 0.44s; --move-hover: -4px; --shadow: 0 2px 8px -2px rgba(39, 94, 254, 0.32); --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5); --font-shadow: var(--font-size); transform: translateY(var(--y)) translateZ(0); transition: transform var(--duration) ease, box-shadow var(--duration) ease; } .services__drop-btn div { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 var(--text); } .services__drop-btn div span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; transition: transform var(--duration) ease; transform: translateY(var(--m)) translateZ(0); /* &:nth-child(1) { transition-delay: $i / 20 + s; } */ /* &:nth-child(2) { transition-delay: $i / 20 + s; } */ /* &:nth-child(3) { transition-delay: $i / 20 + s; } */ /* &:nth-child(4) { transition-delay: $i / 20 + s; } */ /* &:nth-child(5) { transition-delay: $i / 20 + s; } */ /* &:nth-child(6) { transition-delay: $i / 20 + s; } */ /* &:nth-child(7) { transition-delay: $i / 20 + s; } */ /* &:nth-child(8) { transition-delay: $i / 20 + s; } */ /* &:nth-child(9) { transition-delay: $i / 20 + s; } */ /* &:nth-child(10) { transition-delay: $i / 20 + s; } */ /* &:nth-child(11) { transition-delay: $i / 20 + s; } */ /* &:nth-child(12) { transition-delay: $i / 20 + s; } */ /* &:nth-child(13) { transition-delay: $i / 20 + s; } */ /* &:nth-child(14) { transition-delay: $i / 20 + s; } */ /* &:nth-child(15) { transition-delay: $i / 20 + s; } */ /* &:nth-child(16) { transition-delay: $i / 20 + s; } */ /* &:nth-child(17) { transition-delay: $i / 20 + s; } */ /* &:nth-child(18) { transition-delay: $i / 20 + s; } */ /* &:nth-child(19) { transition-delay: $i / 20 + s; } */ /* &:nth-child(20) { transition-delay: $i / 20 + s; } */ /* &:nth-child(21) { transition-delay: $i / 20 + s; } */ /* &:nth-child(22) { transition-delay: $i / 20 + s; } */ /* &:nth-child(23) { transition-delay: $i / 20 + s; } */ /* &:nth-child(24) { transition-delay: $i / 20 + s; } */ /* &:nth-child(25) { transition-delay: $i / 20 + s; } */ /* &:nth-child(26) { transition-delay: $i / 20 + s; } */ /* &:nth-child(27) { transition-delay: $i / 20 + s; } */ /* &:nth-child(28) { transition-delay: $i / 20 + s; } */ /* &:nth-child(29) { transition-delay: $i / 20 + s; } */ } .services__drop-btn div span.margin { margin: 0 3px; } .services__drop-btn:hover { /* --y: var(--move-hover); */ } .services__drop-btn:hover span { --m: calc(var(--font-size) * -1); color: #000; text-shadow: 0 var(--font-shadow) 0 #000; } .services__drop-btn.reverse:hover span { --m: calc(var(--font-size)); color: #000; } @media only screen and (max-width: 991px) { .services__drop-btn { background: #262626; } } @media only screen and (max-width: 767px) { .services__drop-btn { height: 40px; min-width: auto; width: 100%; } } .services__drop-btn:hover { background: #dafe52; } .services__drop-btn:hover:after { opacity: 0; visibility: hidden; } .services__drop-btn:hover span { color: #262626; } .services__drop-btn::after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 60px; background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -7.45%, rgba(255, 255, 255, 0.2) 23.01%, #dafe52 79.91%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .services__drop-btn span { line-height: 105%; letter-spacing: -0.01em; text-align: center; color: #dafe52; font-weight: 500; position: relative; z-index: 5; } .services .button { min-width: 210px; display: none; } @media only screen and (max-width: 991px) { .services .button { display: flex; } } @media only screen and (max-width: 991px) { .services .popup { max-width: 100%; grid-column: 1/4; background: none; padding: 30px 0 0; } } @media only screen and (max-width: 991px) { .services .popup-footnote__items { background: #262626; margin-bottom: 30px; padding: 30px 20px; } } @media only screen and (max-width: 991px) { .services .popup__close { display: none; } } .popup { background: #262626; border-radius: 30px; padding: 60px; width: 100%; max-width: 826px; } @media only screen and (max-width: 991px) { .popup { padding: 60px 20px; } } @media only screen and (max-width: 767px) { .popup { max-width: 100%; } } .popup__close { display: flex; position: absolute; top: 62px; right: 62px; cursor: pointer; transition: 300ms; z-index: 15; } @media only screen and (max-width: 991px) { .popup__close { top: 30px; right: 20px; } } @media only screen and (max-width: 375px) { .popup__close svg { width: 15px; height: auto; } } .popup__close:hover svg path { stroke: #fff; } .popup__close svg path { transition: 300ms; } .popup__inner { position: relative; z-index: 5; margin-top: 40px; } .popup__image { display: flex; width: 100%; height: auto; } .popup__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 30px; } .popup .title-h2 { text-align: center; margin-bottom: 40px; } .popup p { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #777; margin-bottom: 40px; } .popup p:last-child { margin-bottom: 0; } .popup ul li { margin-bottom: 20px; line-height: 130%; letter-spacing: -0.01em; color: #fff; } .popup ul li:last-child { margin-bottom: 0; } .popup ul li span { font-weight: 500; color: #dafe52; } .popup ol { padding-left: 20px; } .popup ol li { font-size: 16px; line-height: 130%; letter-spacing: -0.01em; color: #d9d9d9; margin-bottom: 20px; } .popup ol li:last-child { margin-bottom: 0; } .popup iframe { width: 100%; height: 400px; } .f-button.is-close-btn { display: none !important; } .fancybox__container { --fancybox-bg: rgba(31, 31, 31, 0.7); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } @media only screen and (max-width: 991px) { .fancybox__slide { padding: 15px 20px; } } .popup-footnote { max-width: 900px; } .popup-footnote__items { background: #1f1f1f; border-radius: 30px; padding: 30px; margin-bottom: 40px; } @media only screen and (max-width: 991px) { .popup-footnote__items { padding: 20px; border-radius: 20px; margin-bottom: 30px; } } .popup-footnote__items:last-child { margin-bottom: 0; } .popup-footnote__items p { line-height: 130%; letter-spacing: -0.01em; color: #d9d9d9; margin-bottom: 20px; } .popup-footnote__items p:last-child { margin-bottom: 0; } .popup-footnote__items p span { font-weight: 500; color: #dafe52; } .popup-footnote__item { margin-bottom: 40px; } @media only screen and (max-width: 991px) { .popup-footnote__item { margin-bottom: 30px; } } .popup-footnote__title { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #d9d9d9; margin-bottom: 20px; } .popup-footnote__block { overflow-y: auto; max-height: 210px; width: calc(100% + 60px); padding-right: 60px; } @media only screen and (max-width: 991px) { .popup-footnote__block { width: 100%; padding: 0; max-height: 100%; overflow-y: visible; } } .popup-footnote__block::-webkit-scrollbar { background: #777; width: 10px; border-radius: 30px; } .popup-footnote__block::-webkit-scrollbar-thumb { background: #d9d9d9; border-radius: 30px; } .popup-footnote__block ul li { line-height: 130%; letter-spacing: -0.01em; color: #777; } .popup-footnote__subtitle { font-weight: 500; font-size: 20px; line-height: 130%; text-transform: uppercase; color: #fff; margin-bottom: 20px; } .services-price { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .services-price { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .services-price { margin-bottom: 80px; } } .services-price__inner { border-radius: 30px; padding: 80px 60px; position: relative; } @media only screen and (max-width: 1700px) { .services-price__inner { padding: 70px 40px; } } @media only screen and (max-width: 1400px) { .services-price__inner { padding: 50px 30px; } } @media only screen and (max-width: 991px) { .services-price__inner { padding: 40px 20px; } } .services-price__inner:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; pointer-events: none; } .services-price__inner img { border-radius: 30px; } .services-price__left { max-width: 623px; } @media only screen and (max-width: 1700px) { .services-price__left { max-width: 577px; } } @media only screen and (max-width: 991px) { .services-price__left { max-width: 100%; } } .services-price .title { margin-bottom: 30px; line-height: 96%; position: relative; z-index: 2; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .services-price .title.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 991px) { .services-price .title { line-height: 120%; } } .services-price__subtitle { margin-bottom: 60px; line-height: 105%; letter-spacing: -0.01em; color: #777; max-width: 579px; position: relative; z-index: 2; display: flex; flex-direction: column; gap: 10px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .services-price__subtitle.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .services-price__subtitle { max-width: 452px; } } @media only screen and (max-width: 991px) { .services-price__subtitle { max-width: 100%; margin-bottom: 20px; } } .services-price__subtitle span { font-weight: 500; color: #fff; } .services-price__button { display: grid; grid-template-columns: 1fr 1fr; gap: 23px; } @media only screen and (max-width: 1400px) { .services-price__button { grid-template-columns: 1fr; max-width: 290px; } } @media only screen and (max-width: 991px) { .services-price__button { max-width: 100%; margin-top: -30px; } } .services-price__fon { display: flex; position: absolute; bottom: 0; right: 0; z-index: 1; mix-blend-mode: color-dodge; opacity: 0.15; width: 60.5%; height: 100%; opacity: 0; transition: 1000ms; } .services-price__fon.element-show { opacity: 0.15; } @media only screen and (max-width: 991px) { .services-price__fon { width: 100%; } } .services-price__fon img { width: 100%; height: 100%; -o-object-position: left; object-position: left; } @media only screen and (max-width: 991px) { .services-price__fon img { -o-object-position: right; object-position: right; } } @media only screen and (max-width: 991px) { .services-price__fon img:first-child { display: none; } } .services-price__fon img:last-child { display: none; } @media only screen and (max-width: 991px) { .services-price__fon img:last-child { display: block; } } .services-price__figure { display: flex; position: absolute; bottom: 0; right: 204px; z-index: 1; } @media only screen and (max-width: 1700px) { .services-price__figure { right: 94px; } } @media only screen and (max-width: 1400px) { .services-price__figure { width: 50%; right: 5px; } } @media only screen and (max-width: 991px) { .services-price__figure { display: none; } } .services-price__man { display: flex; position: absolute; bottom: 0; right: 0; z-index: 2; width: 62%; height: 100%; opacity: 0; transition: 1000ms; } .services-price__man.element-show { opacity: 1; } @media only screen and (max-width: 1400px) { .services-price__man { width: 85%; } } @media only screen and (max-width: 991px) { .services-price__man { position: relative; bottom: auto; right: auto; max-width: 400px; width: 100%; height: auto; margin: 0 auto; } } .services-price__man>img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; } @media only screen and (max-width: 991px) { .services-price__man>img:first-child { display: none; } } .services-price__man>img:nth-child(2) { display: none; } @media only screen and (max-width: 991px) { .services-price__man>img:nth-child(2) { display: block; } } .services-price__man>img:last-child { display: none; } @media only screen and (max-width: 991px) { .services-price__man>img:last-child { display: block; } } .services-price__head { display: flex; position: absolute; right: 260px; top: -42px; } @media only screen and (max-width: 1700px) { .services-price__head { right: 87px; } } @media only screen and (max-width: 1400px) { .services-price__head { right: 45px; } } @media only screen and (max-width: 991px) { .services-price__head { display: none; } } .services-price__list { margin-top: 20px; opacity: 0; transition: 1000ms; transform: translateX(-50px); display: flex; flex-direction: column; gap: 5px; } .services-price__list.element-show { opacity: 1; transform: none; } .services-price__list li { font-size: 16px; line-height: 130%; letter-spacing: -0.01em; color: #777; display: flex; align-items: baseline; gap: 15px; } @media only screen and (max-width: 767px) { .services-price__list li { gap: 10px; } } .services-price__list li::before { content: ""; display: block; background: #d9d9d9; width: 10px; min-width: 10px; height: 10px; border-radius: 100%; } .services-price__list li span { color: #fff; } .services-price .button { min-width: auto; position: relative; z-index: 3; opacity: 0; transition: 1000ms; } .services-price .button.element-show { opacity: 1; } .whom { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .whom { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .whom { margin-bottom: 80px; } } .whom__inner { position: relative; } .whom__header { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; max-width: 388px; margin: 0 auto 80px; } @media only screen and (max-width: 991px) { .whom__header { margin: 0 auto 60px; gap: 30px; } } @media only screen and (max-width: 767px) { .whom__header { max-width: 100%; margin: 0 0 60px; } } .whom .title { text-align: center; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .whom .title.element-show { opacity: 1; transform: none; } .whom .subtitle { margin-bottom: 0; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .whom .subtitle.element-show { opacity: 1; transform: none; } .whom__items { display: flex; position: relative; /* &::before { content: ""; display: block; background: url(/local/templates/brevis/assets/css/../images/whom-fon.svg) no-repeat; background-size: cover; border-radius: 100%; width: 1412px; height: 1400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); @media only screen and (max-width: 991px) { width: 1309px; height: 100%; } } */ } @media only screen and (max-width: 991px) { .whom__items { flex-direction: column; align-items: center; justify-content: center; } } .whom__items:before { content: ""; display: block; border-radius: 100%; width: 1200px; height: 1200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; background: url(/local/templates/brevis/assets/css/../images/whom-ellipse-center.png) no-repeat; background-size: contain; background-position: center center; z-index: 5; } @media only screen and (max-width: 1700px) { .whom__items:before { width: 1000px; height: 1000px; background-size: cover; } } @media only screen and (max-width: 1400px) { .whom__items:before { width: 700px; height: 700px; } } .whom__item { display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 734px; height: 734px; position: relative; transition: 1500ms; } @media only screen and (max-width: 1700px) { .whom__item { width: 584px; height: 584px; } } @media only screen and (max-width: 1400px) { .whom__item { width: 434px; height: 434px; } } @media only screen and (max-width: 991px) { .whom__item { margin-top: -320px; width: 550px; height: 550px; } } @media only screen and (max-width: 767px) { .whom__item { width: 400px; height: 400px; margin-top: -240px; } } .whom__item:nth-child(2) { margin: 0 auto; } @media only screen and (max-width: 991px) { .whom__item:nth-child(2) { margin: -320px 0 0; } } @media only screen and (max-width: 767px) { .whom__item:nth-child(2) { margin-top: -240px; } } @media only screen and (max-width: 991px) { .whom__item:nth-child(2) .whom__ellipse { transform: rotate(270deg); } } .whom__item:first-child { position: absolute; top: 0; left: 0; transform: translateX(150px); } @media only screen and (max-width: 991px) { .whom__item:first-child { position: relative; top: auto; left: auto; margin-top: 0; transform: none; } } @media only screen and (max-width: 991px) { .whom__item:first-child .whom__ellipse { transform: rotate(350deg); } } .whom__item:last-child { position: absolute; top: 0; right: 0; transform: translateX(-150px); } @media only screen and (max-width: 991px) { .whom__item:last-child { position: relative; top: auto; right: auto; transform: none; } } .whom__item:last-child .whom__ellipse { transform: rotate(180deg); } @media only screen and (max-width: 991px) { .whom__item:last-child .whom__ellipse { transform: rotate(335deg); } } .whom__content { position: relative; z-index: 5; max-width: 293px; } @media only screen and (max-width: 1400px) { .whom__content { max-width: 211px; } } .whom__name { margin-bottom: 30px; line-height: 110%; letter-spacing: -0.01em; text-transform: uppercase; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; } .whom__text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #777; } .whom__text span { color: #fff; } .whom__ellipse { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .whom__ellipse img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 100%; } .whom.element-show .whom__item { transform: none; } .whom__item:first-child .whom__ellipse img, .whom__item:nth-child(3) .whom__ellipse img { box-shadow: -15px 0px 20px 0px rgba(52, 52, 45, 0.15); } @media only screen and (max-width: 991px) { .whom__item:first-child .whom__content { transform: translateY(-70px); } } @media only screen and (max-width: 991px) { .whom__item:nth-child(3) .whom__content { transform: translateY(70px); } } .whom__item:nth-child(2) { z-index: 10; } .team { margin-bottom: 180px; overflow: hidden; } @media only screen and (max-width: 1400px) { .team { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .team { margin-bottom: 80px; } } .team__header { margin-bottom: 80px; display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; } @media only screen and (max-width: 991px) { .team__header { margin-bottom: 60px; display: block; } } .team__left { max-width: 759px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .team__left.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 991px) { .team__left { max-width: 100%; } } .team__arrows { display: inline-flex; gap: 15px; } @media only screen and (max-width: 991px) { .team__arrows { display: none; } } .team__arrow { position: relative; width: 50px; height: 50px; min-width: 50px; border-radius: 100%; transition: 300ms; padding: 1px; overflow: hidden; cursor: pointer; } .team__arrow:hover .team__arrow-inner { background: #dafe52; } .team__arrow:hover .team__arrow-inner svg path { fill: #262626; } .team__arrow:before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(-301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); transition: opacity 0.4s ease; z-index: 0; } .team__arrow-inner { position: relative; background: #1f1f1f; border-radius: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; width: 100%; height: 100%; transition: 300ms; } .team__arrow-inner svg path { transition: 300ms; } .team__arrow-next::before { background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); } .team__card { background: #262626; border-radius: 30px; padding: 30px 28px 40px; height: 100%; position: relative; overflow: hidden; opacity: 0; transition: 1000ms; } .team__card.element-show { opacity: 1; } .team__card .team__text { max-width: 180px; margin: 0 auto; text-align: center; } .team__image { max-width: 400px; border-radius: 100%; width: 100%; height: auto; aspect-ratio: 1 / 1; /*margin: 0 auto 34px;*/ position: relative; display: flex; background: #1f1f1f; overflow: hidden; } .team__image::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; } .team__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 100%; position: relative; z-index: 5; } .team__name { text-align: center; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; margin-bottom: 20px; } .team__text { line-height: 105%; letter-spacing: -0.01em; color: #777; } .team__text span { font-weight: 500; color: #fff; } .team__mob { display: none; } @media only screen and (max-width: 991px) { .team__mob { display: block; background: #262626; border-radius: 30px; padding: 40px 20px; position: relative; overflow: hidden; } } .team__mob::after { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 220px; position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 991px) { .team__mob .title-h2 { margin-bottom: 120px; font-size: 30px; text-transform: none; } } @media only screen and (max-width: 767px) { .team__mob .title-h2 { font-size: 28px; } } .team .swiper { overflow: visible; } @media only screen and (max-width: 991px) { .team .swiper { padding-bottom: 40px; margin-bottom: 60px; overflow: hidden; } } .team .swiper::before { content: ""; display: block; background: linear-gradient(-270deg, rgba(31, 31, 31, 0.6) 0%, #1f1f1f 100%); transform: rotate(-180deg); height: 100%; width: 100vw; position: absolute; top: 0; left: -101vw; z-index: 5; } @media only screen and (max-width: 991px) { .team .swiper::before { display: none; } } .team .swiper::after { content: ""; display: block; background: linear-gradient(270deg, rgba(31, 31, 31, 0.6) 0%, #1f1f1f 100%); transform: rotate(-180deg); height: 100%; width: 100vw; position: absolute; top: 0; right: -101vw; z-index: 5; } @media only screen and (max-width: 991px) { .team .swiper::after { display: none; } } .team .swiper-slide { height: auto; } @media only screen and (max-width: 991px) { .team .swiper-slide.team-del { display: none; } } .team .swiper-slide.team-del .team__card { display: flex; flex-direction: column; justify-content: space-between; } .team .swiper-slide.team-del .team__card::after { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 220px; position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 991px) { .team .swiper-slide.team-del .team__card::after { display: none; } } .team .swiper-slide.team-del .team__card .title-h2 { text-transform: none; } @media only screen and (max-width: 1700px) { .team .swiper-slide.team-del .team__card .title-h2 { font-size: 30px; } } .team .swiper-pagination { display: none; } @media only screen and (max-width: 991px) { .team .swiper-pagination { display: flex; } } .team .button { min-width: auto; width: 100%; } .result .services-price__fon { width: 76%; } @media only screen and (max-width: 991px) { .result .services-price__fon { width: 100%; } } .result .services-price__fon img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .result .services-price__man { height: auto; max-width: 539px; right: 191px; } @media only screen and (max-width: 1700px) { .result .services-price__man { right: 100px; } } @media only screen and (max-width: 1400px) { .result .services-price__man { max-width: 400px; right: 50px; } } @media only screen and (max-width: 991px) { .result .services-price__man { max-width: 300px; right: auto; } } .result .services-price__man img { display: block !important; } .result .services-price__left { max-width: 579px; display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (max-width: 991px) { .result .services-price__left { max-width: 100%; display: block; } } @media only screen and (max-width: 991px) { .result .services-price__subtitle { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .result .services-price__subtitle { padding-right: 0; } } .result .title-h2 br { display: block; } .article { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .article { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .article { margin-bottom: 80px; } } .article__header { display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; margin-bottom: 80px; } @media only screen and (max-width: 991px) { .article__header { display: block; margin-bottom: 70px; } } .article__header .button { min-width: 210px; display: flex !important; } @media only screen and (max-width: 991px) { .article__header .button { display: none !important; } } .article__left { max-width: 587px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .article__left.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 767px) { .article__left { max-width: 100%; } } .article__items { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 60px; column-gap: 60px; row-gap: 28px; margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid #313131; } @media only screen and (max-width: 1400px) { .article__items { margin-bottom: 60px; padding-bottom: 60px; -moz-column-gap: 40px; column-gap: 40px; row-gap: 20px; } } @media only screen and (max-width: 991px) { .article__items { margin-bottom: 60px; padding-bottom: 0; border-bottom: 0; grid-template-columns: 1fr; gap: 20px; } } @media only screen and (max-width: 767px) { .article__items { margin-bottom: 40px; } } .article__card { border-radius: 30px; padding: 30px; background: #262626; position: relative; opacity: 0; transition: 1000ms; box-sizing: border-box; } .article__card.element-show { opacity: 1; } @media only screen and (max-width: 1400px) { .article__card { padding: 20px; } } @media only screen and (max-width: 991px) { .article__card { padding: 30px 20px; } } .article__card:hover::before { opacity: 1; visibility: visible; } .article__card:hover::after { opacity: 0; visibility: hidden; } .article__card::before { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(-301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; opacity: 0; visibility: hidden; } .article__card:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .article__card-inner { position: relative; z-index: 5; } .article__card.first { grid-row: 1/3; grid-column: 1/2; } @media only screen and (max-width: 991px) { .article__card.first { grid-row: auto; grid-column: auto; } } .article__card.first .article__block { justify-content: space-between; margin-bottom: 30px; } @media only screen and (max-width: 991px) { .article__card.first .article__block { margin-bottom: 41px; } } .article__card.first .article__text { -webkit-line-clamp: 3; line-clamp: 3; } .article__card.first .case__category { margin-bottom: 0; } .article__top { margin-bottom: 30px; border-radius: 30px; height: 291px; background: #1f1f1f; overflow: hidden; position: relative; padding: 20px; } @media only screen and (max-width: 1400px) { .article__top { height: 250px; } } @media only screen and (max-width: 991px) { .article__top { height: 291px; } } .article__top::before { content: ""; display: block; background: #dafe52; border-radius: 100%; width: 124px; height: 124px; -webkit-filter: blur(100px); filter: blur(100px); position: absolute; bottom: -103px; right: 0; } .article__top-image { display: flex; position: absolute; bottom: 0; right: 61px; max-width: 364px; height: auto; } @media only screen and (max-width: 1400px) { .article__top-image { max-width: 280px; right: 31px; } } @media only screen and (max-width: 991px) { .article__top-image { max-width: 372px; } } @media only screen and (max-width: 767px) { .article__top-image { right: -40px; } } .article__top-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article__head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 40px; } @media only screen and (max-width: 400px) { .article__head { display: block; } } .article__block { display: flex; align-items: center; gap: 20px; } @media only screen and (max-width: 400px) { .article__block { justify-content: space-between; } } .article__eye { display: flex; align-items: center; gap: 10px; } .article__eye span { font-weight: 500; line-height: 130%; letter-spacing: -0.01em; color: #777; } .article__name { font-weight: 500; font-size: 20px; line-height: 130%; text-transform: uppercase; color: #fff; margin-bottom: 30px; } @media only screen and (max-width: 1400px) { .article__name { font-size: 18px; } } @media only screen and (max-width: 991px) { .article__name { font-size: 20px; } } .article__text { font-weight: 500; line-height: 130%; letter-spacing: -0.01em; color: #777; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } @media only screen and (max-width: 400px) { .article .case__category { margin-bottom: 20px; } } .article .button { display: none; opacity: 0; transition: 1000ms; } .article .button.element-show { opacity: 1; } @media only screen and (max-width: 991px) { .article .button { display: flex; min-width: auto; width: 100%; } } @media only screen and (max-width: 991px) { .article .swiper { padding: 80px 0 50px; margin-bottom: 60px; } } .article .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } @media only screen and (max-width: 1400px) { .article .swiper-wrapper { gap: 15px; } } @media only screen and (max-width: 991px) { .article .swiper-wrapper { display: flex; gap: 0; } } @media only screen and (max-width: 767px) { .article .swiper-wrapper { aspect-ratio: 1 / 1.4; } } .article .swiper-slide { height: auto; } @media only screen and (max-width: 991px) { .article .swiper-slide.article-dop { display: none; } } .article .swiper-slide.article-dop .article__video { display: flex; flex-direction: column; justify-content: space-between; gap: 30px; background: #262626; padding: 40px 30px; } @media only screen and (max-width: 1400px) { .article .swiper-slide.article-dop .article__video { padding: 30px 20px; } } .article .swiper-slide.article-dop .title { text-transform: none; } @media only screen and (max-width: 1700px) { .article .swiper-slide.article-dop .title { font-size: 28px; } } @media only screen and (max-width: 1400px) { .article .swiper-slide.article-dop .title { font-size: 24px; } } .article__video { height: 100%; border-radius: 30px; opacity: 0; transition: 1000ms; } .article__video:hover .article__play::after { transform: rotate(180deg); } .article__video.element-show { opacity: 1; } .article__video-image { display: flex; width: 100%; height: 100%; position: relative; } .article__video-image::before { content: ""; display: block; background: rgba(31, 31, 31, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .article__video-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 30px; } .article__video .button { display: flex !important; min-width: auto; } .article__play { display: flex; border-radius: 100%; width: 50px; min-width: 50px; height: 50px; background: #1f1f1f; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; transition: 300ms; } .article__play::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 9px 0px 9px 15.6px; border-color: transparent transparent transparent #dafe52; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .article__play:after { display: block; content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: 30px; background: linear-gradient(-306.9deg, rgba(0, 0, 0, 0.2) -7.45%, rgba(255, 255, 255, 0.2) 23.01%, #dafe52 79.91%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .article__end { display: none; } @media only screen and (max-width: 991px) { .article__end { display: flex; flex-direction: column; gap: 60px; background: #262626; border-radius: 30px; padding: 40px 20px; } } .article__end .title-h2 { text-transform: none; } .discuss { margin-bottom: 10px; } @media only screen and (max-width: 991px) { .discuss { overflow: hidden; } } .discuss__inner { height: 858px; width: 858px; margin: 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media only screen and (max-width: 1400px) { .discuss__inner { height: 658px; width: 658px; } } @media only screen and (max-width: 767px) { .discuss__inner { width: 100%; height: 535px; padding-bottom: 66px; } } .discuss__inner::before { content: ""; display: block; background: url(/local/templates/brevis/assets/css/../images/discuss-before.png) no-repeat; background-size: cover; background-position: center center; border-radius: 100%; width: 1300px; height: 1300px; position: absolute; top: 50%; pointer-events: none; left: -441px; transform: translate(0%, -50%); z-index: 1; } @media only screen and (max-width: 1700px) { .discuss__inner::before { width: 1150px; height: 1150px; left: -350px; } } @media only screen and (max-width: 991px) { .discuss__inner::before { width: 900px; height: 900px; display: none; } } .discuss__ellipse { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 767px) { .discuss__ellipse { width: 100%; height: auto; left: 50%; transform: translate(-50%, 0%); } } .discuss__ellipse img { width: 100%; height: 100%; animation: 10s linear 0s normal none infinite running rot; -webkit-animation: 10s linear 0s normal none infinite running rot; box-shadow: 0px -15px 20px 0px rgba(52, 52, 45, 0.15); border-radius: 100%; } @keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .discuss__content { position: relative; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 60px; } .discuss__title { text-align: center; max-width: 630px; line-height: 120%; letter-spacing: -0.01em; text-transform: uppercase; text-align: center; color: #fff; } .discuss__title br { display: block; } .discuss .button { min-width: 310px; } @media only screen and (max-width: 767px) { .discuss .button { min-width: auto; } } .reviews { overflow: hidden; margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .reviews { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .reviews { margin-bottom: 80px; } } .reviews__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 80px; } @media only screen and (max-width: 991px) { .reviews__header { display: block; margin-bottom: 60px; } } .reviews__left { max-width: 549px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .reviews__left.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 991px) { .reviews__left { max-width: 100%; } } .reviews__items { display: flex; justify-content: space-between; gap: 50px; align-items: flex-end; } @media only screen and (max-width: 991px) { .reviews__items { flex-direction: column-reverse; gap: 60px; } } .reviews__item { width: 377px; opacity: 0; transition: 1000ms; } .reviews__item.element-show { opacity: 1; } @media only screen and (max-width: 991px) { .reviews__item { width: 100%; } } .reviews__text { line-height: 130%; letter-spacing: -0.01em; color: #777; margin-bottom: 60px; } @media only screen and (max-width: 991px) { .reviews__text { margin-bottom: 40px; } } .reviews__text span { color: #fff; font-weight: 500; } @media only screen and (max-width: 767px) { .reviews__text br { display: none; } } .reviews__card { height: 100%; background: #262626; border-radius: 30px; padding: 30px 0; display: flex; flex-direction: column; justify-content: space-between; opacity: 0; transition: 1000ms; } .reviews__card.element-show { opacity: 1; } @media only screen and (max-width: 991px) { .reviews__card { padding: 30px 16px; } } .reviews__top { display: flex; gap: 15px; align-items: center; margin-bottom: 30px; padding: 0 18px; } @media only screen and (max-width: 991px) { .reviews__top { padding: 0; } } @media only screen and (max-width: 400px) { .reviews__top { flex-direction: column; align-items: flex-start; } } .reviews__logo { display: flex; border-radius: 100%; width: 88px; height: 88px; min-width: 88px; } .reviews__logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 100%; } .reviews__name { font-size: 16px; line-height: 130%; letter-spacing: -0.01em; color: #fff; margin-bottom: 20px; } @media only screen and (max-width: 400px) { .reviews__name { margin-bottom: 10px; } } .reviews__name span { color: #777; display: block; } .reviews .swiper { width: 768px; margin-left: 0; margin-right: 0; overflow: visible; -webkit-clip-path: inset(0 -100% 0 0); clip-path: inset(0 -100% 0% 0%); } @media only screen and (max-width: 1400px) { .reviews .swiper { width: 378px; } } @media only screen and (max-width: 991px) { .reviews .swiper { width: 100%; -webkit-clip-path: none; clip-path: none; margin-left: 0; margin-right: 0; padding-bottom: 50px; overflow: hidden; } } .reviews .swiper::after { content: ""; display: block; background: linear-gradient(270deg, rgba(31, 31, 31, 0.6) 0%, #1f1f1f 100%); transform: rotate(-180deg); height: 100%; width: 100vw; position: absolute; top: 0; right: -101vw; z-index: 5; } @media only screen and (max-width: 991px) { .reviews .swiper::after { display: none; } } .reviews .swiper-slide { height: auto; } .reviews .swiper-slide .reviews__text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical; padding: 0 30px; } @media only screen and (max-width: 991px) { .reviews .swiper-slide .reviews__text { padding: 0 20px 0 0; } } .reviews .swiper-pagination { display: none; } @media only screen and (max-width: 991px) { .reviews .swiper-pagination { display: flex; } } .reviews .button { min-width: auto; width: 100%; } .reviews .button-yellow { background: #262626; width: calc(100% - 60px); margin: 0 auto; } @media only screen and (max-width: 991px) { .reviews .button-yellow { width: 100%; } } .reviews .button-yellow:hover { background: none; } .reviews .button-yellow:hover div { text-shadow: 0 var(--font-shadow) 0 #1f1f1f; } .reviews .button-yellow:hover::before { opacity: 1; visibility: visible; background: linear-gradient(90deg, #dafe52 0%, #e0ff69 80%); } .reviews .button-yellow:hover::after { opacity: 1; visibility: visible; } .reviews .button-yellow:hover .button-inner::before { opacity: 0; visibility: hidden; } .reviews .button-yellow:hover .button-inner svg path { fill: #1f1f1f; } .reviews .button-yellow:hover .button-inner span { color: #1f1f1f; } .reviews .button-yellow::before { display: block; background: linear-gradient(90deg, #dafe52 0%, #e0ff69 80%); opacity: 0; visibility: visible; } .popup-reviews { max-width: 530px; padding: 40px; } .popup-reviews:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .popup-reviews__image { width: 100%; height: 623px; display: flex; margin-top: 40px; border-radius: 10px; } @media only screen and (max-width: 767px) { .popup-reviews__image { height: auto; } } .popup-reviews__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 10px; } .popup-reviews .popup__close { top: 30px; right: 40px; } .about-briefly { margin-bottom: 140px; } @media only screen and (max-width: 1400px) { .about-briefly { margin-bottom: 120px; } } @media only screen and (max-width: 767px) { .about-briefly { margin-bottom: 80px; } } .about-briefly__inner { /* border-top: 1px solid #313131; */ padding-top: 100px; display: grid; grid-template-columns: 739px 1fr; gap: 76px; } @media only screen and (max-width: 1700px) { .about-briefly__inner { grid-template-columns: 575px 1fr; } } @media only screen and (max-width: 1400px) { .about-briefly__inner { grid-template-columns: 1fr; gap: 60px; } } @media only screen and (max-width: 767px) { .about-briefly__inner { border: 0; padding: 0; } } .about-briefly__left { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; } @media only screen and (max-width: 991px) { .about-briefly__left { display: block; } } .about-briefly .title { opacity: 0; transition: 1000ms; transform: translateX(-50px); } .about-briefly .title.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .about-briefly .title { max-width: 700px; } } @media only screen and (max-width: 991px) { .about-briefly .title { max-width: 100%; } } .about-briefly__block { max-width: 378px; display: flex; flex-direction: column; gap: 40px; } @media only screen and (max-width: 1400px) { .about-briefly__block { max-width: 745px; } } @media only screen and (max-width: 991px) { .about-briefly__block { display: none; } } .about-briefly__block .button { display: flex !important; } @media only screen and (max-width: 1400px) { .about-briefly__block .button { max-width: 310px; } } @media only screen and (max-width: 991px) { .about-briefly__block .button { display: none !important; } } .about-briefly__items { display: flex; flex-direction: column; gap: 30px; padding-top: 75px; } @media only screen and (max-width: 1400px) { .about-briefly__items { padding-top: 0; } } @media only screen and (max-width: 991px) { .about-briefly__items p { display: none; } } .about-briefly__items p:nth-child(-n + 2) { display: block; } @media only screen and (max-width: 991px) { .about-briefly__items .about-briefly__item p { display: none; } } .about-briefly__items .about-briefly__item p:nth-child(1) { display: block; } @media only screen and (max-width: 991px) { .about-briefly__items ul { display: none !important; } } .about-briefly__items.active ul { display: grid !important; } .about-briefly__items.active p { display: block !important; } .about-briefly__item { display: grid; grid-template-columns: 1fr 1fr; gap: 29px; margin-bottom: 10px; } @media only screen and (max-width: 991px) { .about-briefly__item { grid-template-columns: 1fr; gap: 20px; margin-bottom: 0; } } .about-briefly p { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; opacity: 0; transition: 1000ms; } .about-briefly p.element-show { opacity: 1; } .about-briefly p span { font-size: 16px; line-height: 130%; color: #777; } .about-briefly ul { display: grid; grid-template-columns: 408px 1fr; gap: 20px; align-items: flex-start; opacity: 0; transition: 1000ms; } .about-briefly ul.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .about-briefly ul { grid-template-columns: 319px 1fr; } } @media only screen and (max-width: 1400px) { .about-briefly ul { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .about-briefly ul { grid-template-columns: 1fr; } } .about-briefly ul li { line-height: 130%; letter-spacing: -0.01em; color: #777; display: flex; align-items: center; gap: 10px; } .about-briefly ul li::before { content: ""; display: block; background: #777; border-radius: 100%; width: 10px; min-width: 10px; height: 10px; } .about-briefly .button { display: none; min-width: auto; width: 100%; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .about-briefly .button.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 991px) { .about-briefly .button { display: flex; margin-top: 10px; } } .about-briefly .subtitle { opacity: 0; transition: 1000ms; transform: translateX(-50px); } .about-briefly .subtitle.element-show { opacity: 1; transform: none; } .form { margin-bottom: 145px; } @media only screen and (max-width: 1400px) { .form { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .form { margin-bottom: 80px; } } .form__title { max-width: 664px; line-height: 120%; letter-spacing: -0.01em; text-transform: uppercase; color: #fff; } @media only screen and (max-width: 991px) { .form__title { margin-bottom: 20px; } } .form__title br { display: block; } .form__inner { display: grid; grid-template-columns: 659px 1fr; gap: 156px; position: relative; /* &::before { content: ""; display: block; background: #bbb8b8; filter: blur(300px); border-radius: 100%; width: 200px; height: 200px; position: absolute; left: -81px; bottom: -64px; @media only screen and (max-width: 991px) { display: none; } } */ } @media only screen and (max-width: 1700px) { .form__inner { grid-template-columns: 582px 1fr; gap: 70px; } } @media only screen and (max-width: 1400px) { .form__inner { grid-template-columns: 1fr; gap: 60px; } } .form__left { opacity: 0; transition: 1000ms; transform: translateX(-50px); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px; position: relative; z-index: 10; } @media only screen and (max-width: 991px) { .form__left { gap: 30px; } } .form__left.element-show { opacity: 1; transform: none; } .form .subtitle { margin-bottom: 0; } .form__text { line-height: 130%; letter-spacing: -0.01em; color: #777; max-width: 378px; } @media only screen and (max-width: 1400px) { .form__text { max-width: 100%; } } @media only screen and (max-width: 991px) { .form__text { padding-right: 35px; margin-bottom: 20px; } } .form__text span { color: #fff; } .form__content { position: relative; z-index: 5; border-radius: 30px; background: #262626; padding: 40px; margin-top: 80px; } @media only screen and (max-width: 1700px) { .form__content { padding: 40px 30px; } } @media only screen and (max-width: 1400px) { .form__content { margin: 0; } } @media only screen and (max-width: 991px) { .form__content { padding: 30px 20px; } } @media only screen and (max-width: 400px) { .form__content { padding: 30px 14px; } } .form__content-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } @media only screen and (max-width: 991px) { .form__content-inner { grid-template-columns: 1fr; } } .form__input { width: 100%; height: 60px; position: relative; overflow: hidden; border-radius: 30px; } .form__input input { width: 100%; height: 100%; border-radius: 30px; padding: 0 30px; background: #1f1f1f; border: 0; color: #fff; } .form__input input::-moz-placeholder { font-size: 0; } .form__input input::-ms-input-placeholder { font-size: 0; } .form__input input::placeholder { font-size: 0; } .form__input input:focus+label, .form__input input:invalid+label { display: none; } .form__input label { line-height: 130%; letter-spacing: -0.01em; color: #777; position: absolute; top: 50%; left: 30px; transform: translate(0%, -50%); pointer-events: none; transition: all; } .form__input label span { color: #fff; } .form__input.form-file input { display: none; } .form__input.form-file img { position: absolute; top: 50%; left: 30px; transform: translate(0%, -50%); pointer-events: none; } .form__input.form-file label { pointer-events: auto; background: #1f1f1f; width: 100%; height: 100%; top: 0; left: 0; transform: none; border-radius: 30px; padding: 0 30px 0 58px; display: flex; align-items: center; cursor: pointer; text-overflow: ellipsis; } .form__textarea { grid-column: 1/3; width: 100%; height: 100px; position: relative; border-radius: 30px; } @media only screen and (max-width: 991px) { .form__textarea { grid-column: auto; grid-row: 6/6; } } .form__textarea textarea { width: 100%; height: 100%; border-radius: 30px; padding: 20px 30px; background: #1f1f1f; border: 0; color: #fff; resize: none; } .form__textarea textarea:focus+label, .form__textarea textarea:invalid+label { display: none; } .form__textarea label { line-height: 130%; letter-spacing: -0.01em; color: #777; position: absolute; top: 20px; left: 30px; pointer-events: none; } .form__block { grid-column: 1/3; display: flex; justify-content: flex-start; align-items: center; gap: 15px; background: #1f1f1f; border-radius: 50px; padding: 20px 30px; } @media only screen and (max-width: 991px) { .form__block { grid-column: auto; border-radius: 30px; } } @media only screen and (max-width: 767px) { .form__block { flex-direction: column; align-items: flex-start; gap: 20px; } } @media only screen and (max-width: 420px) { .form__block { padding: 20px 20px; } } .form__block-title { line-height: 130%; letter-spacing: -0.01em; color: #777; } .form__block-items { display: flex; gap: 20px; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .form__block-items { gap: 10px; } } @media only screen and (max-width: 420px) { .form__block-items { gap: 7px; } } .form__block .form__checkbox p { font-size: 16px; line-height: 130%; letter-spacing: -0.01em; color: #d9d9d9; } @media only screen and (max-width: 767px) { .form__block .form__checkbox p { font-size: 14px; } } .form__checkbox { display: flex; align-items: flex-start; gap: 10px; } .form__checkbox .p { font-size: 16px; line-height: 110%; letter-spacing: -0.03em; color: #777; cursor: pointer; } .form__end .form__checkbox .p { font-size: 12px; } .form__checkbox .p a { color: #d9d9d9; display: inline; text-decoration: underline; } .form__checkbox .p a:hover { color: #d3f651; } .form__checkbox .p span { color: #fff; } .form__checkbox-input { width: 20px; height: 20px; min-width: 20px; position: relative; cursor: pointer; border-radius: 4px; } @media only screen and (max-width: 420px) { .form__checkbox-input { width: 17px; height: 17px; min-width: 17px; } } .form__checkbox-input::before { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 4px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .form__checkbox-input input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; border: 0; background: none; cursor: pointer; transition: 300ms; } .form__checkbox-input input:checked~span { opacity: 1; } .form__checkbox-input>span { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: 300ms; } .form__checkbox-input>span::after { content: ""; display: block; background: url(/local/templates/brevis/assets/css/../images/checkbox.svg) no-repeat; width: 12px; height: 10px; background-size: cover; transition: 300ms; } @media only screen and (max-width: 420px) { .form__checkbox-input>span::after { width: 10px; height: 8px; } } .form__end { grid-column: 1/3; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 15px; } @media only screen and (max-width: 991px) { .form__end { grid-column: auto; } } @media only screen and (max-width: 767px) { .form__end { grid-template-columns: 1fr; gap: 30px; } } .form__submit { width: 100%; height: 60px; position: relative; background: linear-gradient(90deg, #dc4bff 0%, #9b36b3 44.5%, #491b55 100%); border-radius: 60px; cursor: pointer; --background: #275efe; --text: #fff; --font-size: 25px; --duration: 0.44s; --move-hover: -4px; --shadow: 0 2px 8px -2px rgba(39, 94, 254, 0.32); --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5); --font-shadow: var(--font-size); transform: translateY(var(--y)) translateZ(0); transition: transform var(--duration) ease, box-shadow var(--duration) ease; } .form__submit div { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 var(--text); } .form__submit div span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; transition: transform var(--duration) ease; transform: translateY(var(--m)) translateZ(0); /* &:nth-child(1) { transition-delay: $i / 20 + s; } */ /* &:nth-child(2) { transition-delay: $i / 20 + s; } */ /* &:nth-child(3) { transition-delay: $i / 20 + s; } */ /* &:nth-child(4) { transition-delay: $i / 20 + s; } */ /* &:nth-child(5) { transition-delay: $i / 20 + s; } */ /* &:nth-child(6) { transition-delay: $i / 20 + s; } */ /* &:nth-child(7) { transition-delay: $i / 20 + s; } */ /* &:nth-child(8) { transition-delay: $i / 20 + s; } */ /* &:nth-child(9) { transition-delay: $i / 20 + s; } */ /* &:nth-child(10) { transition-delay: $i / 20 + s; } */ /* &:nth-child(11) { transition-delay: $i / 20 + s; } */ /* &:nth-child(12) { transition-delay: $i / 20 + s; } */ /* &:nth-child(13) { transition-delay: $i / 20 + s; } */ /* &:nth-child(14) { transition-delay: $i / 20 + s; } */ /* &:nth-child(15) { transition-delay: $i / 20 + s; } */ /* &:nth-child(16) { transition-delay: $i / 20 + s; } */ /* &:nth-child(17) { transition-delay: $i / 20 + s; } */ /* &:nth-child(18) { transition-delay: $i / 20 + s; } */ /* &:nth-child(19) { transition-delay: $i / 20 + s; } */ /* &:nth-child(20) { transition-delay: $i / 20 + s; } */ /* &:nth-child(21) { transition-delay: $i / 20 + s; } */ /* &:nth-child(22) { transition-delay: $i / 20 + s; } */ /* &:nth-child(23) { transition-delay: $i / 20 + s; } */ /* &:nth-child(24) { transition-delay: $i / 20 + s; } */ /* &:nth-child(25) { transition-delay: $i / 20 + s; } */ /* &:nth-child(26) { transition-delay: $i / 20 + s; } */ /* &:nth-child(27) { transition-delay: $i / 20 + s; } */ /* &:nth-child(28) { transition-delay: $i / 20 + s; } */ /* &:nth-child(29) { transition-delay: $i / 20 + s; } */ } .form__submit div span.margin { margin: 0 3px; } .form__submit:hover { /* --y: var(--move-hover); */ } .form__submit:hover span { --m: calc(var(--font-size) * -1); } .form__submit.reverse:hover span { --m: calc(var(--font-size)); } .form__submit:hover::before { opacity: 1; visibility: visible; } .form__submit { border: none; outline: none; } .form__submit input { width: 100%; height: 100%; border-radius: 60px; background: none; border: 0; font-size: 0; } .form__submit>span { font-weight: 500; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; text-align: center; color: #fff; pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .form__submit::before { content: ""; display: block; background: linear-gradient(90deg, #dc4bff 20%, #9b36b3 60%, #491b55 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 60px; transition: 300ms; opacity: 0; visibility: hidden; } .form__submit::after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 60px; background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -10.28%, rgba(255, 255, 255, 0.2) 15.14%, #dc4bff 78.68%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .form__new { background: #262626; border-radius: 30px; padding: 40px 30px; max-width: 380px; margin-top: auto; } @media only screen and (max-width: 1400px) { .form__new { max-width: 100%; width: 100%; } } @media only screen and (max-width: 991px) { .form__new { padding: 30px 20px; } } @media only screen and (max-width: 767px) { .form__new { padding: 20px 15px; } } .form__new-title { font-weight: 500; font-size: 28px; line-height: 110%; letter-spacing: -0.01em; color: #fff; margin-bottom: 40px; } .form__new-text { line-height: 130%; letter-spacing: -0.01em; color: #777; margin-bottom: 35px; } .form__drop { width: 100%; grid-column: 1/3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; background: #1f1f1f; border-radius: 30px; } @media only screen and (max-width: 991px) { .form__drop { grid-column: auto; } } .form__drop-main { padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 30px; } .form__drop-main img { min-width: 15px; width: 15px; height: auto; transition: 300ms; } .form__drop-main.active img { transform: rotate(180deg); } .form__drop-input { background: none; border: 0; color: #767676; font-size: 16px; width: 100%; height: 100%; } .form__drop-input.active { color: #fff; } .form__drop-input span { color: #777; } .form__drop-list { display: none; width: 100%; padding: 0 20px 20px; } .form__drop-list .form__checkbox { min-height: 60px; align-items: center; } .form__drop-list .form__checkbox p { font-weight: 400; font-size: 16px; color: #fff; } .form__figure { display: flex; position: absolute; bottom: 0; left: 60px; pointer-events: none; } @media only screen and (max-width: 1700px) { .form__figure { left: 50px; } } @media only screen and (max-width: 1400px) { .form__figure { display: none; } } .form .button { min-width: auto; width: 100%; } @media only screen and (max-width: 991px) { .footer { padding-bottom: 160px; } } .footer__inner { border-top: 1px solid #313131; border-bottom: 1px solid #313131; margin-bottom: 40px; padding-top: 60px; display: grid; grid-template-columns: 317px 1fr; gap: 60px; } @media only screen and (max-width: 1700px) { .footer__inner { grid-template-columns: 284px 1fr; gap: 40px; } } @media only screen and (max-width: 1400px) { .footer__inner { grid-template-columns: 1fr 314px; } } @media only screen and (max-width: 991px) { .footer__inner { padding: 40px 0; grid-template-columns: 1fr; gap: 0; } } .footer__logo { grid-row: 1/2; max-width: 311px; } @media only screen and (max-width: 1400px) { .footer__logo { grid-row: 1/1; } } @media only screen and (max-width: 991px) { .footer__logo { margin-bottom: 40px; } } .footer__logo-image { display: flex; width: 100%; height: auto; } .footer__logo-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .footer__logo span { font-weight: 500; line-height: 130%; letter-spacing: -0.01em; color: #777; text-align: right; display: block; } .footer__boss { grid-row: 2/3; margin-top: auto; margin-bottom: 0; padding-bottom: 60px; } @media only screen and (max-width: 1400px) { .footer__boss { grid-row: 1/1; padding: 0; margin: 0; } } @media only screen and (max-width: 991px) { .footer__boss { grid-row: 3/3; } } .footer__boss-text { line-height: 130%; letter-spacing: -0.01em; color: #777; margin-bottom: 29px; } @media only screen and (max-width: 991px) { .footer__boss-text { margin-bottom: 40px; padding-right: 83px; max-width: 520px; } } @media only screen and (max-width: 767px) { .footer__boss-text { max-width: 100%; } } .footer__boss-text span { color: #fff; } .footer__info { grid-row: 1/3; border-left: 1px solid #313131; padding-bottom: 60px; padding-left: 29px; padding-right: 50px; } @media only screen and (max-width: 1700px) { .footer__info { padding-right: 0; } } @media only screen and (max-width: 1400px) { .footer__info { grid-row: auto; grid-column: 1/3; border-left: 0; border-top: 1px solid #313131; padding-left: 0; padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 991px) { .footer__info { grid-row: 2/2; grid-column: auto; display: grid; grid-template-columns: 1fr; gap: 60px; border: 0; padding: 0; margin-bottom: 60px; } } .footer__info-items { display: grid; grid-template-columns: 297px 316px 329px; gap: 100px; margin-bottom: 40px; align-items: flex-start; } @media only screen and (max-width: 1700px) { .footer__info-items { grid-template-columns: 250px 258px 292px; gap: 74px; } } @media only screen and (max-width: 1400px) { .footer__info-items { grid-template-columns: 250px 258px 1fr; gap: 89px; } } @media only screen and (max-width: 991px) { .footer__info-items { grid-template-columns: 1fr 1fr; gap: 40px; margin: 0; } } @media only screen and (max-width: 767px) { .footer__info-items { grid-template-columns: 1fr; } } @media only screen and (max-width: 991px) { .footer__info-items:first-child .button { grid-row: 1/1; grid-column: 1/3; } } @media only screen and (max-width: 767px) { .footer__info-items:first-child .button { grid-column: auto; } } @media only screen and (max-width: 767px) { .footer__info-items:first-child .footer__connect:first-child { grid-row: 3/3; } } .footer__info-items:nth-child(2) { align-items: flex-end; } @media only screen and (max-width: 991px) { .footer__info-items:nth-child(2) { align-items: flex-start; } } .footer__info-items:last-child { margin-top: 80px; margin-bottom: 0; } @media only screen and (max-width: 991px) { .footer__info-items:last-child { margin: 0; grid-row: 3/3; } } @media only screen and (max-width: 991px) { .footer__info-items:last-child .footer__connect.dop:last-child { max-width: 400px; grid-column: 1/3; } } @media only screen and (max-width: 767px) { .footer__info-items:last-child .footer__connect.dop:last-child { grid-column: auto; max-width: 100%; } } .footer__info-block { display: flex; flex-direction: column; gap: 40px; align-items: flex-start; } @media only screen and (max-width: 991px) { .footer__info-block .footer__connect:last-child { display: none; } } .footer__connect { font-weight: 500; line-height: 75%; letter-spacing: -0.01em; color: #fff; } @media only screen and (max-width: 767px) { .footer__connect { font-weight: 400; } } .footer__connect span { color: #777; display: block; margin-bottom: 20px; } .footer__connect a { font-weight: 500; font-size: 32px; line-height: 105%; letter-spacing: -0.01em; color: #fff; margin-bottom: 20px; display: block; } @media only screen and (max-width: 1700px) { .footer__connect a { font-size: 28px; } } @media only screen and (max-width: 991px) { .footer__connect a { font-size: 32px; font-weight: 400; } } @media only screen and (max-width: 375px) { .footer__connect a { font-size: 28px; } } .footer__connect a:hover { color: #dafe52; } .footer__connect a:last-child { margin-bottom: 0; } .footer__connect.connect-dop { display: flex; flex-direction: column; gap: 20px; } .footer__connect.connect-dop span { grid-column: 1/3; margin-bottom: 0; } .footer__connect.connect-dop div { display: flex; gap: 10px; } @media only screen and (max-width: 1700px) { .footer__connect.connect-dop div { flex-direction: column; } } @media only screen and (max-width: 991px) { .footer__connect.connect-dop div { flex-direction: row; } } @media only screen and (max-width: 375px) { .footer__connect.connect-dop div { flex-direction: column; } } .footer__connect.connect-dop a { font-size: 16px; color: #fff; margin: 0; } @media only screen and (max-width: 1700px) { .footer__connect.connect-dop a { font-size: 18px; } } @media only screen and (max-width: 400px) { .footer__connect.connect-dop a { font-size: 16px; } } .footer__connect.connect-dop a:hover { color: #dafe52; } .footer__connect.connect-dop a:last-child { margin: 0; padding-left: 10px; border-left: 1px solid #777; } @media only screen and (max-width: 1700px) { .footer__connect.connect-dop a:last-child { border: 0; padding: 0; } } @media only screen and (max-width: 991px) { .footer__connect.connect-dop a:last-child { padding-left: 10px; border-left: 1px solid #3b3737; } } @media only screen and (max-width: 375px) { .footer__connect.connect-dop a:last-child { border: 0; padding: 0; } } @media only screen and (max-width: 991px) { .footer__nav { display: none; } } .footer__nav:nth-child(2) ul { grid-template-columns: 1fr 1fr; row-gap: 15px; -moz-column-gap: 67px; column-gap: 67px; } @media only screen and (max-width: 1700px) { .footer__nav:nth-child(2) ul { -moz-column-gap: 39px; column-gap: 39px; } } .footer__nav span { line-height: 75%; letter-spacing: -0.01em; color: #fff; margin-bottom: 20px; display: block; } .footer__nav ul { display: grid; grid-template-columns: 1fr; gap: 15px; } .footer__nav ul li a { font-weight: 500; font-size: 16px; line-height: 75%; letter-spacing: -0.01em; color: #777; display: block; } .footer__nav ul li a:hover { color: #dafe52; } .footer__items { display: grid; grid-template-columns: 1fr 1fr 316px 372px; gap: 100px; margin-bottom: 20px; } @media only screen and (max-width: 1700px) { .footer__items { grid-template-columns: 1fr 1fr 258px 292px; gap: 74px; } } @media only screen and (max-width: 1400px) { .footer__items { grid-template-columns: 1fr 1fr; -moz-column-gap: 267px; column-gap: 267px; row-gap: 40px; } } @media only screen and (max-width: 991px) { .footer__items { gap: 40px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .footer__items { grid-template-columns: 1fr; gap: 20px; } } @media only screen and (max-width: 767px) { .footer__item:last-child { grid-row: 2/2; margin-bottom: 20px; } } .footer__item p { font-weight: 500; line-height: 114%; letter-spacing: -0.01em; color: #777; margin-bottom: 20px; } @media only screen and (max-width: 1400px) { .footer__item p { margin-bottom: 15px; } } .footer__item p:last-child { margin-bottom: 0; } .footer__item p span { color: #d9d9d9; } .footer__item p a:hover { color: #d3f651; } .footer__image { width: 100%; height: auto; } @media only screen and (max-width: 991px) { .footer__image { display: none; } } .footer__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .footer__mob { display: none; } @media only screen and (max-width: 991px) { .footer__mob { display: block; font-weight: 500; font-size: 32px; line-height: 130%; letter-spacing: -0.01em; color: #fff; } } @media only screen and (max-width: 375px) { .footer__mob { font-size: 28px; } } .footer__mob span { font-weight: 400; font-size: 16px; display: block; margin-bottom: 20px; line-height: 105%; color: #777; } .footer__mob br { display: none; } @media only screen and (max-width: 767px) { .footer__mob br { display: block; } } .footer .button { min-width: auto; width: 100%; } .popup-form p { max-width: 412px; margin: 0 auto 40px; } .popup-form .popup__inner { margin: 0; } .popup-form .form__content-inner p { max-width: 100%; margin: 0; text-align: left; } .error { height: 100vh; min-height: 1080px; padding-top: 271px; opacity: 0; transition: 2000ms; } .error.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .error { padding-top: 200px; min-height: 850px; } } @media only screen and (max-width: 767px) { .error { padding-top: 160px; } } .error .title-h1 { margin-bottom: 100px; font-weight: 500; font-size: 600px; line-height: 81%; text-transform: uppercase; text-align: center; background: linear-gradient(180deg, #ffffff 0%, #504f4f 53.47%, #1f1f1f 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: levitate 3s ease-in-out infinite alternate; animation: levitate 3s ease-in-out infinite alternate; background-size: 100% 300%; } @media only screen and (max-width: 1700px) { .error .title-h1 { font-size: 400px; margin-bottom: 70px; } } @media only screen and (max-width: 1400px) { .error .title-h1 { font-size: 300px; } } @media only screen and (max-width: 767px) { .error .title-h1 { font-size: 150px; } } @-webkit-keyframes levitate { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } } @keyframes levitate { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } } .error p { text-align: center; color: #777; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .error p { max-width: 375px; margin: 0 auto 40px; } } .error p span { font-weight: 600; color: #fff; } .error p a { font-weight: 600; color: #fff; } .error p a:hover { text-decoration: underline; text-underline-position: under; } .error .button { min-width: auto; width: 211px; margin: 0 auto; } .nicescroll-cursors { background-color: #d9d9d9 !important; border: 0 !important; } .button-inner.dark { --background: #2f3545; --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32); --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5); } .button-inner.white { --background: #fff; --text: #275efe; --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04); --shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12); } .button-inner.fast { --duration: 0.32s; } .button-inner { --background: #275efe; --text: #fff; --font-size: 20px; --duration: 0.44s; --move-hover: -4px; --shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32); --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5); --font-shadow: var(--font-size); transform: translateY(var(--y)) translateZ(0); transition: transform var(--duration) ease, box-shadow var(--duration) ease; } .button-inner div { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 var(--text); } .button-inner div span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; transition: transform var(--duration) ease; transform: translateY(var(--m)) translateZ(0); /* &:nth-child(1) { transition-delay: $i / 20 + s; } */ /* &:nth-child(2) { transition-delay: $i / 20 + s; } */ /* &:nth-child(3) { transition-delay: $i / 20 + s; } */ /* &:nth-child(4) { transition-delay: $i / 20 + s; } */ /* &:nth-child(5) { transition-delay: $i / 20 + s; } */ /* &:nth-child(6) { transition-delay: $i / 20 + s; } */ /* &:nth-child(7) { transition-delay: $i / 20 + s; } */ /* &:nth-child(8) { transition-delay: $i / 20 + s; } */ /* &:nth-child(9) { transition-delay: $i / 20 + s; } */ /* &:nth-child(10) { transition-delay: $i / 20 + s; } */ /* &:nth-child(11) { transition-delay: $i / 20 + s; } */ /* &:nth-child(12) { transition-delay: $i / 20 + s; } */ /* &:nth-child(13) { transition-delay: $i / 20 + s; } */ /* &:nth-child(14) { transition-delay: $i / 20 + s; } */ /* &:nth-child(15) { transition-delay: $i / 20 + s; } */ /* &:nth-child(16) { transition-delay: $i / 20 + s; } */ /* &:nth-child(17) { transition-delay: $i / 20 + s; } */ /* &:nth-child(18) { transition-delay: $i / 20 + s; } */ /* &:nth-child(19) { transition-delay: $i / 20 + s; } */ /* &:nth-child(20) { transition-delay: $i / 20 + s; } */ /* &:nth-child(21) { transition-delay: $i / 20 + s; } */ /* &:nth-child(22) { transition-delay: $i / 20 + s; } */ /* &:nth-child(23) { transition-delay: $i / 20 + s; } */ /* &:nth-child(24) { transition-delay: $i / 20 + s; } */ /* &:nth-child(25) { transition-delay: $i / 20 + s; } */ /* &:nth-child(26) { transition-delay: $i / 20 + s; } */ /* &:nth-child(27) { transition-delay: $i / 20 + s; } */ /* &:nth-child(28) { transition-delay: $i / 20 + s; } */ /* &:nth-child(29) { transition-delay: $i / 20 + s; } */ } .button-inner div span.margin { margin: 0 3px; } .button-inner:hover { /* --y: var(--move-hover); */ } .button-inner:hover span { --m: calc(var(--font-size) * -1); } .button-inner.reverse:hover span { --m: calc(var(--font-size)); } .header__nav { --background: #275efe; --text: #dafe52; --font-size: 20px; --duration: 0.44s; --move-hover: -4px; --shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32); --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5); --font-shadow: var(--font-size); /* transform: translateY(var(--y)) translateZ(0); */ transition: transform var(--duration) ease, box-shadow var(--duration) ease; } .header__nav li span div { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 var(--text); } .header__nav li span div span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; transition: transform var(--duration) ease; transform: translateY(var(--m)) translateZ(0); /* &:nth-child(1) { transition-delay: $i / 20 + s; } */ /* &:nth-child(2) { transition-delay: $i / 20 + s; } */ /* &:nth-child(3) { transition-delay: $i / 20 + s; } */ /* &:nth-child(4) { transition-delay: $i / 20 + s; } */ /* &:nth-child(5) { transition-delay: $i / 20 + s; } */ /* &:nth-child(6) { transition-delay: $i / 20 + s; } */ /* &:nth-child(7) { transition-delay: $i / 20 + s; } */ /* &:nth-child(8) { transition-delay: $i / 20 + s; } */ /* &:nth-child(9) { transition-delay: $i / 20 + s; } */ /* &:nth-child(10) { transition-delay: $i / 20 + s; } */ /* &:nth-child(11) { transition-delay: $i / 20 + s; } */ /* &:nth-child(12) { transition-delay: $i / 20 + s; } */ /* &:nth-child(13) { transition-delay: $i / 20 + s; } */ /* &:nth-child(14) { transition-delay: $i / 20 + s; } */ /* &:nth-child(15) { transition-delay: $i / 20 + s; } */ /* &:nth-child(16) { transition-delay: $i / 20 + s; } */ /* &:nth-child(17) { transition-delay: $i / 20 + s; } */ /* &:nth-child(18) { transition-delay: $i / 20 + s; } */ /* &:nth-child(19) { transition-delay: $i / 20 + s; } */ /* &:nth-child(20) { transition-delay: $i / 20 + s; } */ /* &:nth-child(21) { transition-delay: $i / 20 + s; } */ /* &:nth-child(22) { transition-delay: $i / 20 + s; } */ /* &:nth-child(23) { transition-delay: $i / 20 + s; } */ /* &:nth-child(24) { transition-delay: $i / 20 + s; } */ /* &:nth-child(25) { transition-delay: $i / 20 + s; } */ /* &:nth-child(26) { transition-delay: $i / 20 + s; } */ /* &:nth-child(27) { transition-delay: $i / 20 + s; } */ /* &:nth-child(28) { transition-delay: $i / 20 + s; } */ /* &:nth-child(29) { transition-delay: $i / 20 + s; } */ } .header__nav li span div span.margin { margin: 0 3px; } .header__nav li span div ul li, .header__nav li span div ul a { transform: none; box-shadow: none; text-shadow: none; display: block; } .header__nav li span div:hover { /* --y: var(--move-hover); */ } .header__nav li span div:hover span { --m: calc(var(--font-size) * -1); color: #dafe52; } .header__nav li span div.reverse:hover span { --m: calc(var(--font-size)); } .header__nav>li>a div { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 var(--text); } .header__nav>li>a div span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; transition: transform var(--duration) ease; transform: translateY(var(--m)) translateZ(0); /* &:nth-child(1) { transition-delay: $i / 20 + s; } */ /* &:nth-child(2) { transition-delay: $i / 20 + s; } */ /* &:nth-child(3) { transition-delay: $i / 20 + s; } */ /* &:nth-child(4) { transition-delay: $i / 20 + s; } */ /* &:nth-child(5) { transition-delay: $i / 20 + s; } */ /* &:nth-child(6) { transition-delay: $i / 20 + s; } */ /* &:nth-child(7) { transition-delay: $i / 20 + s; } */ /* &:nth-child(8) { transition-delay: $i / 20 + s; } */ /* &:nth-child(9) { transition-delay: $i / 20 + s; } */ /* &:nth-child(10) { transition-delay: $i / 20 + s; } */ /* &:nth-child(11) { transition-delay: $i / 20 + s; } */ /* &:nth-child(12) { transition-delay: $i / 20 + s; } */ /* &:nth-child(13) { transition-delay: $i / 20 + s; } */ /* &:nth-child(14) { transition-delay: $i / 20 + s; } */ /* &:nth-child(15) { transition-delay: $i / 20 + s; } */ /* &:nth-child(16) { transition-delay: $i / 20 + s; } */ /* &:nth-child(17) { transition-delay: $i / 20 + s; } */ /* &:nth-child(18) { transition-delay: $i / 20 + s; } */ /* &:nth-child(19) { transition-delay: $i / 20 + s; } */ /* &:nth-child(20) { transition-delay: $i / 20 + s; } */ /* &:nth-child(21) { transition-delay: $i / 20 + s; } */ /* &:nth-child(22) { transition-delay: $i / 20 + s; } */ /* &:nth-child(23) { transition-delay: $i / 20 + s; } */ /* &:nth-child(24) { transition-delay: $i / 20 + s; } */ /* &:nth-child(25) { transition-delay: $i / 20 + s; } */ /* &:nth-child(26) { transition-delay: $i / 20 + s; } */ /* &:nth-child(27) { transition-delay: $i / 20 + s; } */ /* &:nth-child(28) { transition-delay: $i / 20 + s; } */ /* &:nth-child(29) { transition-delay: $i / 20 + s; } */ } .header__nav>li>a div span.margin { margin: 0 3px; } .header__nav>li>a div ul li, .header__nav>li>a div ul a { transform: none; box-shadow: none; text-shadow: none; display: block; } .header__nav>li>a div:hover { /* --y: var(--move-hover); */ } .header__nav>li>a div:hover span { --m: calc(var(--font-size) * -1); color: #dafe52; } .header__nav>li>a div.reverse:hover span { --m: calc(var(--font-size)); } .breadcrumbs { padding-top: 180px; overflow: hidden; position: relative; margin-bottom: 100px; } @media only screen and (max-width: 1700px) { .breadcrumbs { padding-top: 168px; } } @media only screen and (max-width: 1400px) { .breadcrumbs { padding-top: 193px; } } @media only screen and (max-width: 991px) { .breadcrumbs { padding-top: 134px; } } @media only screen and (max-width: 767px) { .breadcrumbs { padding-top: 130px; } } .breadcrumbs__content { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; font-weight: 500; font-size: 14px; min-height: 30px; } .breadcrumbs__content a { display: flex; align-items: center; gap: 11px; color: #d9d9d9; } .breadcrumbs__content a:hover { color: #dafe52; } .breadcrumbs__content span { color: #777; } .breadcrumbs__content span br { display: none; } .breadcrumbs__bottom { background: linear-gradient(180deg, #1f1f1f 0%, #262626 100%); border-radius: 0 0 50px 50px; padding: 50px 0 60px; } @media only screen and (max-width: 1700px) { .breadcrumbs__bottom { padding: 150px 0 60px; } } @media only screen and (max-width: 1400px) { .breadcrumbs__bottom { padding: 120px 0 40px; } } @media only screen and (max-width: 767px) { .breadcrumbs__bottom { padding: 50px 0 30px; border-radius: 0 0 40px 40px; } } .breadcrumbs__bottom-inner { position: relative; } .breadcrumbs__figure { display: flex; position: absolute; bottom: -620px; right: 0; width: 1131px; height: auto; pointer-events: none; } @media only screen and (max-width: 1700px) { .breadcrumbs__figure { width: 900px; bottom: -504px; } } @media only screen and (max-width: 1400px) { .breadcrumbs__figure { bottom: -470px; } } @media only screen and (max-width: 991px) { .breadcrumbs__figure { width: 833px; bottom: -400px; } } @media only screen and (max-width: 767px) { .breadcrumbs__figure { bottom: -280px; } } @media only screen and (max-width: 380px) { .breadcrumbs__figure { bottom: -230px; } } .breadcrumbs__figure img { width: 100%; height: 100%; } .breadcrumbs__text { font-size: 20px; letter-spacing: -0.01em; color: #777; position: relative; z-index: 1; max-width: 886px; margin-top: 30px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .breadcrumbs__text.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .breadcrumbs__text { font-size: 18px; max-width: 639px; } } @media only screen and (max-width: 1400px) { .breadcrumbs__text { max-width: 522px; } } @media only screen and (max-width: 991px) { .breadcrumbs__text { max-width: 100%; } } @media only screen and (max-width: 767px) { .breadcrumbs__text { padding-right: 20px; } } @media only screen and (max-width: 767px) { .breadcrumbs__text br { display: none; } } .breadcrumbs__text span { color: #fff; } .breadcrumbs .title-h1 { font-size: 64px; line-height: 120%; position: relative; z-index: 1; margin: 0; opacity: 0; transition: 1000ms; transform: translateX(-50px); overflow-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; /*hyphens: auto;*/ } .breadcrumbs .title-h1.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .breadcrumbs .title-h1 { font-size: 48px; } } @media only screen and (max-width: 1400px) { .breadcrumbs .title-h1 { font-size: 34px; } } .breadcrumbs .title-h1 span { display: block; line-height: 120%; } @media only screen and (max-width: 991px) { .breadcrumbs .title-h1 span { font-size: 28px; } } .breadcrumbs__left { max-width: 1000px; position: relative; z-index: 5; } @media only screen and (max-width: 1700px) { .breadcrumbs__left { max-width: 800px; } } @media only screen and (max-width: 1400px) { .breadcrumbs__left { max-width: 570px; } } @media only screen and (max-width: 991px) { .breadcrumbs__left { max-width: 100%; } } .breadcrumbs__footnote { border-radius: 30px; background: #262626; width: 423px; padding: 30px; position: absolute; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 67px; opacity: 0; transition: 1000ms; transform: translateX(50px); } .breadcrumbs__footnote:hover::before { opacity: 1; visibility: visible; } .breadcrumbs__footnote::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; border-radius: 30px; opacity: 0; visibility: hidden; transition: 300ms; pointer-events: none; } .breadcrumbs__footnote.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .breadcrumbs__footnote { padding: 20px; gap: 50px; width: 380px; } } @media only screen and (max-width: 991px) { .breadcrumbs__footnote { position: relative; right: auto; bottom: auto; margin-top: 40px; margin-left: auto; } } @media only screen and (max-width: 767px) { .breadcrumbs__footnote { width: 100%; gap: 40px; } } .breadcrumbs__footnote br { display: block; } .breadcrumbs__footnote .title-h3 { color: #fff; } .breadcrumbs__footnote p { font-weight: 500; line-height: 130%; letter-spacing: -0.01em; color: #777; padding-right: 134px; } @media only screen and (max-width: 1400px) { .breadcrumbs__footnote p { padding-right: 78px; } } @media only screen and (max-width: 767px) { .breadcrumbs__footnote p { padding-right: 70px; } } .breadcrumbs__footnote p br { display: none; } @media only screen and (max-width: 767px) { .breadcrumbs__footnote p br { display: block; } } .breadcrumbs__button { max-width: 620px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; } @media only screen and (max-width: 1400px) { .breadcrumbs__button { max-width: 500px; } } @media only screen and (max-width: 991px) { .breadcrumbs__button { max-width: 100%; } } @media only screen and (max-width: 767px) { .breadcrumbs__button { grid-template-columns: 1fr; } } .breadcrumbs__image { display: flex; width: 250px; height: auto; position: absolute; bottom: 0; right: 0; opacity: 0; transition: 1000ms; transform: translateX(50px); } @media only screen and (max-width: 1400px) { .breadcrumbs__image { width: 200px; } } @media only screen and (max-width: 991px) { .breadcrumbs__image { display: none; } } .breadcrumbs__image.element-show { opacity: 1; transform: none; } .breadcrumbs__new { position: absolute; bottom: 0; right: 0; z-index: 5; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: 527px; } @media only screen and (max-width: 1400px) { .breadcrumbs__new { width: 400px; } } @media only screen and (max-width: 991px) { .breadcrumbs__new { position: relative; bottom: auto; right: auto; width: 100%; margin-top: 40px; } } @media only screen and (max-width: 400px) { .breadcrumbs__new { grid-template-columns: 1fr; gap: 15px; } } .breadcrumbs__new-items { background: #262626; border-radius: 30px; padding: 40px 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } @media only screen and (max-width: 1400px) { .breadcrumbs__new-items { padding: 30px 20px; } } @media only screen and (max-width: 991px) { .breadcrumbs__new-items { padding: 20px; background: #1f1f1f; } } .breadcrumbs__new-logo { display: flex; height: 70px; margin: auto 0; padding-bottom: 13px; } .breadcrumbs__new-logo img { width: 100%; height: 100%; } .breadcrumbs__new-name { font-weight: 700; font-size: 12px; color: #fff; font-family: "Inter", sans-serif; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .breadcrumbs__new-name { margin-bottom: 20px; } } .breadcrumbs__new-text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #bbb8b8; } @media only screen and (max-width: 767px) { .breadcrumbs__new-text { font-size: 14px; } } .breadcrumbs .button { min-width: auto; width: 100%; } .breadcrumbs .team__image { width: 138px; height: auto; margin: 0; position: relative; } .breadcrumbs .team__image:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 100%; z-index: 5; background: linear-gradient(141.03deg, #151515 13.55%, #666666 87.99%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .breadcrumbs .btn-ellipse { position: absolute; bottom: 30px; right: 30px; } @media only screen and (max-width: 991px) { .breadcrumbs .btn-ellipse { bottom: 15px; right: 15px; } } .breadcrumbs .btn-ellipse .btn-ellipse__inner svg { transform: rotate(90deg); } .breadcrumbs-blog .breadcrumbs__left { display: flex; align-items: center; gap: 50px; max-width: 100%; } @media only screen and (max-width: 991px) { .breadcrumbs-blog .breadcrumbs__left { flex-direction: column; align-items: flex-start; gap: 30px; } } @media only screen and (max-width: 767px) { .breadcrumbs-blog .breadcrumbs__figure { bottom: -230px; } } .reviews-send .form__inner { grid-template-columns: 612px 1fr; gap: 164px; } @media only screen and (max-width: 1700px) { .reviews-send .form__inner { grid-template-columns: 542px 1fr; gap: 135px; } } @media only screen and (max-width: 1400px) { .reviews-send .form__inner { grid-template-columns: 1fr; gap: 60px; } } .reviews-send .form__inner::before { display: none; } .reviews-send .form__text { max-width: 100%; } @media only screen and (max-width: 1400px) { .reviews-send .form__text { max-width: 600px; } } @media only screen and (max-width: 991px) { .reviews-send .form__text { max-width: 100%; } } @media only screen and (max-width: 991px) { .reviews-send .form__title { margin-bottom: 40px; } } @media only screen and (max-width: 991px) { .reviews-send .form__title br { display: none; } } .reviews-page { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .reviews-page { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .reviews-page { margin-bottom: 80px; } } .reviews-page__inner { border-top: 1px solid #313131; padding-top: 75px; } @media only screen and (max-width: 991px) { .reviews-page__inner { border: 0; padding: 0; } } .reviews-page__head { margin-bottom: 80px; display: grid; grid-template-columns: 693px 383px; align-items: flex-end; gap: 123px; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .reviews-page__head.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .reviews-page__head { grid-template-columns: 1fr 383px; gap: 50px; } } @media only screen and (max-width: 991px) { .reviews-page__head { margin-bottom: 40px; display: block; } } @media only screen and (max-width: 991px) { .reviews-page__subtitle { display: none; } } .reviews-page__subtitle span { font-weight: 500; color: #fff; } .reviews-page__items { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } @media only screen and (max-width: 991px) { .reviews-page__items { grid-template-columns: 1fr; } } .reviews-page__items.active .reviews-page__card { display: block; } .reviews-page__card { position: relative; overflow: hidden; transition: 300ms; background: #262626; border-radius: 30px; padding: 40px; display: none; opacity: 0; transition: 1000ms; } .reviews-page__card.element-show { opacity: 1; } @media only screen and (max-width: 1400px) { .reviews-page__card { padding: 30px; } } @media only screen and (max-width: 767px) { .reviews-page__card { padding: 30px 20px; } } .reviews-page__card:hover::before { opacity: 1; visibility: visible; } .reviews-page__card::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; border-radius: 30px; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 300ms; } .reviews-page__card:nth-child(-n + 10) { display: block; } @media only screen and (max-width: 991px) { .reviews-page__card:nth-child(-n + 10) { display: none; } } @media only screen and (max-width: 991px) { .reviews-page__card:nth-child(-n + 10) { display: block; } } .reviews-page__card-inner { position: relative; z-index: 5; display: flex; flex-direction: column; gap: 40px; height: 100%; } @media only screen and (max-width: 991px) { .reviews-page__card-inner { gap: 30px; } } .reviews-page__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; } @media only screen and (max-width: 1400px) { .reviews-page__top { flex-direction: column-reverse; } } .reviews-page__block { display: flex; align-items: center; gap: 30px; } @media only screen and (max-width: 767px) { .reviews-page__block { gap: 20px; } } .reviews-page__logo { display: flex; width: 80px; height: 80px; min-width: 80px; background: white; border-radius: 50%; overflow: hidden; } .reviews-page__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .reviews-page__name { font-weight: 500; font-size: 28px; line-height: 110%; letter-spacing: -0.01em; text-transform: uppercase; color: #fff; } @media only screen and (max-width: 1400px) { .reviews-page__name { font-size: 25px; } } @media only screen and (max-width: 991px) { .reviews-page__name { font-size: 27px; } } .reviews-page__name span { font-weight: 400; font-size: 16px; letter-spacing: -0.01em; line-height: 105%; color: #777; display: block; margin-top: 20px; text-transform: none; } .reviews-page__date { font-weight: 500; font-size: 16px; } @media only screen and (max-width: 767px) { .reviews-page__date { font-weight: 400; } } .reviews-page__text { display: flex; flex-direction: column; gap: 10px; } .reviews-page__text p:last-child { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ line-clamp: 1; -webkit-box-orient: vertical; } .reviews-page__hashtag { display: flex; flex-wrap: wrap; gap: 15px; } @media only screen and (max-width: 767px) { .reviews-page__hashtag { flex-direction: column; } } .reviews-page__hashtag li a { border-radius: 30px; padding: 15px 30px; background: #1f1f1f; transition: 300ms; color: #fff; text-align: center; } @media only screen and (max-width: 767px) { .reviews-page__hashtag li a { width: 100%; } } .reviews-page__hashtag li a:hover { background: #dafe52; color: #262626; } .reviews-page__hashtag.dop li a { background: #262626; } .reviews-page__hashtag.dop li a:hover { background: #dafe52; color: #262626; } .reviews-page__button { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: auto; } @media only screen and (max-width: 1400px) { .reviews-page__button { grid-template-columns: 1fr; gap: 15px; } } .reviews-page .button { min-width: auto; width: 100%; } .reviews-page__see { margin: 60px auto 0; width: 310px !important; } .reviews-page .title br { display: none; } @media only screen and (max-width: 767px) { .reviews-page .title br { display: block; } } .program { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .program { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .program { margin-bottom: 80px; } } .program__head { margin-bottom: 80px; display: flex; align-items: flex-end; gap: 283px; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .program__head.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .program__head { justify-content: space-between; gap: 50px; } } @media only screen and (max-width: 1400px) { .program__head { display: block; margin-bottom: 50px; } } @media only screen and (max-width: 991px) { .program__head { margin-bottom: 40px; } } .program__head-text { max-width: 471px; } @media only screen and (max-width: 1400px) { .program__head-text { max-width: 100%; } } .program__head-text span { color: #fff; } @media only screen and (max-width: 1400px) { .program__left { margin-bottom: 40px; } } .program__items { border-radius: 30px; padding: 30px; background: #262626; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } @media only screen and (max-width: 1400px) { .program__items { grid-template-columns: 1fr; padding: 20px; } } .program__item { background: #1f1f1f; position: relative; overflow: hidden; border-radius: 30px; padding: 30px; min-height: 270px; opacity: 0; transition: 1000ms; } .program__item.element-show { opacity: 1; } @media only screen and (max-width: 991px) { .program__item { min-height: auto; padding: 30px 20px; } } .program__item::before { content: ""; display: block; border-radius: 100%; width: 124px; height: 124px; -webkit-filter: blur(100px); filter: blur(100px); position: absolute; right: 35px; bottom: -124px; z-index: 2; } @media only screen and (max-width: 991px) { .program__item::before { bottom: -198px; right: -92px; } } .program__item.first .program__image { z-index: 3; } .program__item.first .program__figure { width: 73px; } .program__item.first::before { background: #dc4bff; } .program__item:last-child .program__figure { width: 105px; } @media only screen and (max-width: 991px) { .program__item:last-child .program__figure { width: 96px; } } @media only screen and (max-width: 767px) { .program__item:last-child .program__figure { width: 76px; } } .program__item:last-child::before { background: #dafe52; } .program__content { position: relative; z-index: 5; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 20px; height: 100%; } @media only screen and (max-width: 991px) { .program__content { flex-direction: column; align-items: center; justify-content: center; gap: 15px; } } .program__image { display: flex; position: absolute; bottom: 0; right: 0; width: 370px; height: auto; z-index: 1; } @media only screen and (max-width: 1700px) { .program__image { width: 300px; right: -20px; } } @media only screen and (max-width: 991px) { .program__image { display: none; } } .program__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .program__figure { display: flex; height: auto; } .program__figure img { width: 100%; height: 100%; } .program__text { font-size: 28px; line-height: 100%; color: #fff; } @media only screen and (max-width: 991px) { .program__text { font-size: 24px; text-align: center; } } @media only screen and (max-width: 767px) { .program__text { font-size: 20px; } } .program__text span { display: block; margin-top: 10px; font-size: 16px; line-height: 100%; letter-spacing: -0.01em; color: #777; } .program-bonus { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .program-bonus { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .program-bonus { margin-bottom: 80px; } } .program-bonus__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } @media only screen and (max-width: 991px) { .program-bonus__inner { grid-template-columns: 1fr; gap: 60px; } } .program-bonus__info { border-radius: 40px; background: #1f1f1f; position: relative; overflow: hidden; padding: 80px 60px 60px; } @media only screen and (max-width: 1700px) { .program-bonus__info { padding: 60px 40px 40px; } } @media only screen and (max-width: 1400px) { .program-bonus__info { padding: 40px 29px; } } @media only screen and (max-width: 991px) { .program-bonus__info { border-radius: 30px; } } .program-bonus__info:before { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; z-index: 10; pointer-events: none; } .program-bonus__info.first .program-bonus__fon { opacity: 0; transition: 1000ms; transform: translateX(-50px); } .program-bonus__info.first .program-bonus__fon.element-show { opacity: 0.1; transform: none; } .program-bonus__info.first .program-bonus__fon img { -o-object-position: left; object-position: left; } @media only screen and (max-width: 767px) { .program-bonus__info.first .program-bonus__fon img { -o-object-position: 20% 0%; object-position: 20% 0%; } } @media only screen and (max-width: 991px) { .program-bonus__info.last { padding: 40px 29px 0; } } .program-bonus__info.last .program-bonus__fon { opacity: 0; transition: 1000ms; transform: translateX(50px); } .program-bonus__info.last .program-bonus__fon.element-show { opacity: 0.1; transform: none; } .program-bonus__top { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 25px; position: relative; z-index: 5; max-width: 605px; margin: 0 auto 62px; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .program-bonus__top.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .program-bonus__top { margin: 0 0 40px; max-width: 100%; } } @media only screen and (max-width: 991px) { .program-bonus__top { margin: 0 0 60px; } } .program-bonus__title { text-align: center; color: #fff; } .program-bonus__title span { color: #dafe52; } .program-bonus__title br { display: none; } @media only screen and (max-width: 767px) { .program-bonus__title br { display: block; } } .program-bonus__text { font-weight: 500; font-size: 16px; line-height: 113%; letter-spacing: -0.01em; text-align: center; color: #777; max-width: 556px; margin-bottom: 10px; } @media only screen and (max-width: 1400px) { .program-bonus__text { max-width: 100%; } } .program-bonus__text span { font-weight: 500; color: #fff; } .program-bonus__items { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; max-width: 665px; position: relative; z-index: 5; } @media only screen and (max-width: 1400px) { .program-bonus__items { max-width: 100%; gap: 20px; } } .program-bonus__item { width: 100%; min-height: 118px; border-radius: 30px; padding: 10px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; background: #262626; font-weight: 500; font-size: 36px; line-height: 120%; letter-spacing: -0.01em; text-transform: uppercase; text-align: center; color: #fff; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .program-bonus__item.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .program-bonus__item { min-height: 100px; font-size: 32px; gap: 10px; } } @media only screen and (max-width: 1400px) { .program-bonus__item { min-height: 80px; font-size: 28px; } } @media only screen and (max-width: 991px) { .program-bonus__item { min-height: 98px; font-size: 36px; } } .program-bonus__item span { font-size: 16px; font-weight: 400; line-height: 130%; text-transform: none; color: #777; } .program-bonus__image { display: flex; width: 657px; height: auto; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); opacity: 0; transition: 1000ms; z-index: 8; } .program-bonus__image.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .program-bonus__image { width: 600px; } } @media only screen and (max-width: 1400px) { .program-bonus__image { width: 450px; } } @media only screen and (max-width: 991px) { .program-bonus__image { position: relative; left: auto; bottom: auto; margin: 0 auto; transform: none; width: 517px; } } @media only screen and (max-width: 767px) { .program-bonus__image { transform: translateX(-15%); } } .program-bonus__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .program-bonus__fon { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: color-dodge; opacity: 0.1; z-index: 1; } .program-bonus__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; border-radius: 40px; } @media only screen and (max-width: 991px) { .program-bonus__fon img { border-radius: 30px; } } @media only screen and (max-width: 767px) { .program-bonus__fon img { -o-object-position: 80% 0%; object-position: 80% 0%; } } @media only screen and (max-width: 1400px) { .program-bonus .title-h2 { font-size: 30px; } } @media only screen and (max-width: 767px) { .program-bonus .title-h2 { font-size: 28px; } } @media only screen and (max-width: 400px) { .program-bonus .title-h2 { font-size: 22px; } } .program-whom .whom__header { max-width: 100%; margin: 0 0 40px; } .program-whom .whom__content { max-width: 332px; position: relative; } @media only screen and (max-width: 1400px) { .program-whom .whom__content { max-width: 274px; } } .program-whom__ellipse { width: 20px; height: 20px; background: #aaa; position: absolute; left: 0; top: -32px; border-radius: 100%; } @media only screen and (max-width: 991px) { .program-whom__ellipse { top: 4px; left: -35px; width: 15px; height: 15px; } } .program-whom__ellipse::before { content: ""; display: block; -webkit-filter: blur(10px); filter: blur(10px); background: rgba(255, 255, 255, 0.8); border-radius: 100%; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .program-whom .whom__text { text-align: left; } .program-whom .whom__text ul { margin-top: 15px; } @media only screen and (max-width: 1400px) { .program-whom .whom__text ul { margin-top: 10px; } } .program-whom .whom__text ul li { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; } .program-whom .whom__text ul li:last-child { margin-bottom: 0; } .program-whom .whom__text ul li::before { content: ""; display: block; background: #777; border-radius: 100%; width: 10px; min-width: 10px; height: 10px; } .program-whom .whom__name { margin-bottom: 20px; text-align: left; } @media only screen and (max-width: 1700px) { .program-whom .whom__name { margin-bottom: 15px; } } @media only screen and (max-width: 1400px) { .program-whom .whom__name { margin-bottom: 10px; } } @media only screen and (max-width: 991px) { .program-whom .whom__name { margin-bottom: 30px; } } .program-whom .program-whom__ellipse { opacity: 0; transition: 500ms; transition-delay: 1s; } .program-whom .whom__content { opacity: 0; transition: 1000ms; transition-delay: 1s; z-index: 25; } .program-whom .whom__item { align-items: flex-start; justify-content: flex-start; padding-top: 286px; opacity: 0; transition: 1000ms; } .program-whom .whom__item.element-show { opacity: 1; } .program-whom .whom__item.element-show::after { opacity: 1; } .program-whom .whom__item.element-show .program-whom__ellipse { opacity: 1; } .program-whom .whom__item.element-show .whom__content { opacity: 1; } @media only screen and (max-width: 1700px) { .program-whom .whom__item { padding-top: 180px; } } @media only screen and (max-width: 1400px) { .program-whom .whom__item { padding-top: 130px; } } @media only screen and (max-width: 991px) { .program-whom .whom__item { padding-top: 0; padding-left: 92px !important; } } .program-whom .whom__item::after { content: ""; display: block; background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 1.5%, rgba(125, 125, 125, 0.5) 50%, rgba(255, 255, 255, 0.5) 100%); width: 500px; height: 3px; position: absolute; top: 262px; left: 70px; opacity: 0; transition: 2000ms; transition-delay: 1s; } @media only screen and (max-width: 1700px) { .program-whom .whom__item::after { top: 156px; left: 85px; width: 400px; /* left: 80px; width: 62%; */ } } @media only screen and (max-width: 1400px) { .program-whom .whom__item::after { top: 107px; left: 70px; width: 340px; } } @media only screen and (max-width: 991px) { .program-whom .whom__item::after { width: 3px; height: 250px; top: 190px; left: 64px; } } @media only screen and (max-width: 767px) { .program-whom .whom__item::after { top: 105px; height: 170px; } } .program-whom .whom__item:first-child { padding-left: 70px; } @media only screen and (max-width: 1700px) { .program-whom .whom__item:first-child { padding-left: 80px; } } @media only screen and (max-width: 1400px) { .program-whom .whom__item:first-child { padding-left: 70px; } } @media only screen and (max-width: 991px) { .program-whom .whom__item:first-child { padding-top: 250px; } } @media only screen and (max-width: 767px) { .program-whom .whom__item:first-child { padding-top: 163px; } } .program-whom .whom__item:nth-child(2) { padding-left: 126px; } .program-whom .whom__item:nth-child(2)::after { left: 130px; } @media only screen and (max-width: 1700px) { .program-whom .whom__item:nth-child(2)::after { width: 390px; } } @media only screen and (max-width: 1400px) { .program-whom .whom__item:nth-child(2)::after { width: 270px; } } @media only screen and (max-width: 991px) { .program-whom .whom__item:nth-child(2)::after { width: 3px; height: 310px; left: 64px; top: 210px; } } @media only screen and (max-width: 767px) { .program-whom .whom__item:nth-child(2)::after { top: 110px; height: 240px; } } @media only screen and (max-width: 991px) { .program-whom .whom__item:nth-child(2) { padding-top: 205px; } } @media only screen and (max-width: 767px) { .program-whom .whom__item:nth-child(2) { padding-top: 98px; } } .program-whom .whom__item:last-child { padding-left: 184px; /* &::after { background: linear-gradient( 90deg, rgba(255, 255, 255, 0.5) 1%, rgba(119, 119, 119, 0.5) 42%, rgba(255, 255, 255, 0.5) 85.5%, rgba(38, 38, 38, 0.5) 100% ); width: 85%; @media only screen and (max-width: 1700px) { width: 76%; } @media only screen and (max-width: 1400px) { width: 73%; } @media only screen and (max-width: 991px) { width: 3px; height: 100%; } } */ } .program-whom .whom__item:last-child::after { left: 190px; width: 450px; } @media only screen and (max-width: 1700px) { .program-whom .whom__item:last-child::after { width: 320px; left: 160px; } } @media only screen and (max-width: 1400px) { .program-whom .whom__item:last-child::after { width: 220px; left: 140px; } } @media only screen and (max-width: 991px) { .program-whom .whom__item:last-child::after { width: 3px; height: 200px; left: 64px; top: 210px; } } @media only screen and (max-width: 767px) { .program-whom .whom__item:last-child::after { top: 195px; height: 110px; } } @media only screen and (max-width: 1700px) { .program-whom .whom__item:last-child { padding-left: 150px; } } @media only screen and (max-width: 1400px) { .program-whom .whom__item:last-child { padding-left: 120px; } } @media only screen and (max-width: 991px) { .program-whom .whom__item:last-child { padding-top: 210px; padding-left: 150px; } } @media only screen and (max-width: 767px) { .program-whom .whom__item:last-child { padding-top: 110px; } } .program-whom .whom__item:last-child .program-whom__image { width: 90px; } @media only screen and (max-width: 1400px) { .program-whom .whom__item:last-child .program-whom__image { width: 70px; } } .program-whom__image { display: flex; margin-bottom: 15px; width: 105px; height: auto; } @media only screen and (max-width: 1400px) { .program-whom__image { width: 80px; } } @media only screen and (max-width: 991px) { .program-whom__image { display: none; } } .program-whom__image img { width: 100%; height: 100%; } .program-contact { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .program-contact { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .program-contact { margin-bottom: 80px; } } .program-contact .button-yellow { background: #262626; margin-top: 10px; min-width: auto; width: 100%; } .program-contact .team__image { width: 323px; margin: 0 auto 30px; } @media only screen and (max-width: 1700px) { .program-contact .team__image { width: 300px; } } @media only screen and (max-width: 1400px) { .program-contact .team__image { width: 270px; } } @media only screen and (max-width: 991px) { .program-contact .team__image { width: 100%; max-width: 350px; } } .program-contact .team__text { margin-bottom: 30px; } .program-contact .team__card { padding: 30px 40px 40px; opacity: 1; } @media only screen and (max-width: 991px) { .program-contact .team__card { padding: 20px 20px 30px; } } .program-contact__slider { padding-bottom: 40px; } .program-contact__slider .swiper-slide { height: unset; } .program-contact { overflow: hidden; } @media only screen and (max-width: 991px) { .program-contact__slider { overflow: visible; } } .program-contact__content { border-top: 1px solid #30302f; padding-top: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; } .program-contact__content a { line-height: 120%; color: #fff; text-align: center; } .program-contact__content a:hover { color: #dafe52; } .program-contact__tel { font-size: 32px; line-height: 120%; } @media only screen and (max-width: 1700px) { .program-contact__tel { font-size: 30px; } } @media only screen and (max-width: 1400px) { .program-contact__tel { font-size: 28px; } } @media only screen and (max-width: 991px) { .program-contact__tel { font-size: 20px; } } .program-contact__mail { font-size: 20px; } .program-contact .swiper { opacity: 0; transition: 1000ms; } .program-contact .swiper.element-show { opacity: 1; } .program-see { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .program-see { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .program-see { margin-bottom: 80px; } } .program-see__slider { padding-bottom: 40px; } .program-see__item { border-radius: 30px; background: #262626; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 40px; height: 100%; } .program-see__item:hover::before { opacity: 1; visibility: visible; } .program-see__item::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; border-radius: 30px; position: absolute; bottom: 0; left: 0; transition: 300ms; opacity: 0; visibility: hidden; } .program-see__figure { width: auto; height: 80px; display: flex; margin-bottom: 20px; } .program-see__figure img { width: 100%; height: 100%; } .program-see__name { font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fff; max-width: 170px; margin: 0 auto 20px; } .program-see__text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #777; max-width: 208px; margin: 0 auto; } @media only screen and (max-width: 767px) { .program-see__text { max-width: 100%; margin: 0; } } .program-see .button { background: #262626; min-width: auto; width: 100%; } .program-see .swiper-slide { height: auto; } .program-see .swiper { opacity: 0; transition: 1000ms; } .program-see .swiper.element-show { opacity: 1; } .program-form .form__content-inner { display: flex; flex-direction: column; } .program-form .form__text { max-width: 100%; } @media only screen and (max-width: 767px) { .program-form .form__text br { display: none; } } .case-article { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .case-article { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .case-article { margin-bottom: 80px; } } .case-article .article__card { grid-row: auto; grid-column: auto; } .case-article .article__card::before { content: ""; display: block; position: absolute; padding: 0; top: 0; left: 0; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; -webkit-mask-composite: inherit; mask-composite: inherit; } .case-article .article__card::after { display: none; } .case-article__page { display: flex; align-items: center; justify-content: center; gap: 16px; } @media only screen and (max-width: 767px) { .case-article__page { gap: 10px; } } .case-article__list { display: flex; align-items: center; gap: 10px; } @media only screen and (max-width: 767px) { .case-article__list { gap: 5px; } } .case-article__list li { min-width: 35px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; transition: 300ms; background: transparent; font-weight: 500; color: #777; } .case-article__list li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .case-article__list li a:hover { border-radius: 5px; background: #262626; } .case-article .case-filter { row-gap: 40px; -moz-column-gap: 20px; column-gap: 20px; align-items: flex-end; } @media only screen and (max-width: 991px) { .case-article .case-filter { grid-template-columns: 1fr; gap: 12px; } } .article-option { padding: 0; margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .article-option { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .article-option { margin-bottom: 80px; } } @media only screen and (max-width: 991px) { .article-option .article .swiper { padding: 0 0 50px; } } .article-option .article__end { position: relative; overflow: hidden; border-radius: 30px; } @media only screen and (max-width: 767px) { .article-option .article__end { padding: 30px 20px 165px 20px; } } .article-option .article-dop { grid-column: 1/3; position: relative; overflow: hidden; border-radius: 30px; } .article-option .title { position: relative; z-index: 5; max-width: 452px; } @media only screen and (max-width: 1400px) { .article-option .title { max-width: 362px; } } @media only screen and (max-width: 991px) { .article-option .title { max-width: 500px; margin-bottom: 30px; } } .article-option .header__social { position: relative; z-index: 2; } .article-option .header__social li a { width: 50px; height: 50px; min-width: 50px; background: #dafe52; } @media only screen and (max-width: 767px) { .article-option .header__social li a { width: 30px; min-width: 30px; height: 30px; } } .article-option .header__social li a:hover { background: #1f1f1f; } .article-option .header__social li a:hover svg path { fill: #fff; } .article-option .header__social li a svg { width: 27px; height: auto; } @media only screen and (max-width: 767px) { .article-option .header__social li a svg { width: 17px; } } .article-option .header__social li a svg path { fill: #202020; } .article-option__image { display: flex; position: absolute; bottom: 0; right: 0; width: 407px; height: auto; z-index: 2; } @media only screen and (max-width: 1700px) { .article-option__image { width: 315px; } } @media only screen and (max-width: 1400px) { .article-option__image { width: 246px; } } @media only screen and (max-width: 767px) { .article-option__image { width: 200px; } } .article-option__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-option__fon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; mix-blend-mode: color-dodge; opacity: 0.15; } .article-option__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; } .article-inner { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .article-inner { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .article-inner { margin-bottom: 80px; } } .article-inner__head { display: grid; grid-template-columns: 49.06% 1fr; gap: 30px; border-bottom: 1px solid #313131; padding-bottom: 72px; margin-bottom: 80px; } @media only screen and (max-width: 1700px) { .article-inner__head { grid-template-columns: 47% 1fr; } } @media only screen and (max-width: 1400px) { .article-inner__head { grid-template-columns: 1fr; margin-bottom: 60px; padding-bottom: 60px; } } @media only screen and (max-width: 991px) { .article-inner__head { padding-bottom: 40px; margin-bottom: 40px; gap: 20px; } } .article-inner__name { position: relative; background: #262626; border-radius: 20px; padding: 30px 30px 38px; display: flex; align-items: center; gap: 18px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .article-inner__name.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 767px) { .article-inner__name { padding: 25px 19px; flex-direction: column; align-items: flex-start; } } .article-inner__name-text { font-size: 18px; color: #676767; } @media only screen and (max-width: 767px) { .article-inner__name-text { font-size: 16px; } } .article-inner__name-text span { display: block; margin-top: 10px; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #f8f8f8; } @media only screen and (max-width: 767px) { .article-inner__name-text span { font-size: 18px; } } .article-inner__items { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 991px) { .article-inner__items { gap: 20px; } } @media only screen and (max-width: 767px) { .article-inner__items { grid-template-columns: 1fr; } } .article-inner__item { background: #262626; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; opacity: 0; transition: 1000ms; transform: translateY(50px); } .article-inner__item.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .article-inner__item { padding: 30px 20px; } } @media only screen and (max-width: 767px) { .article-inner__item { padding: 25px 20px; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; } } .article-inner__item-text { color: #777; line-height: 130%; letter-spacing: -0.01em; } .article-inner__item-text span { color: #fff; font-weight: 500; } .article-inner__icon { display: flex; width: auto; height: 52px; } @media only screen and (max-width: 767px) { .article-inner__icon { height: 45px; } } @media only screen and (max-width: 400px) { .article-inner__icon { height: 40px; } } .article-inner__icon img { width: 100%; height: 100%; } .article-inner__content { display: grid; grid-template-columns: 1fr 32%; align-items: flex-start; gap: 30px; position: relative; margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .article-inner__content { grid-template-columns: 1fr 40%; margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .article-inner__content { /* grid-template-columns: 1fr; */ display: flex; flex-direction: column-reverse; margin-bottom: 100px; } .article-inner__info { width: 100%; } } .article-inner__info .title-h2 { padding-top: 40px; } @media only screen and (max-width: 991px) { .article-inner__info .title-h2 { padding-top: 30px; } } .article-inner__info .title-h2:first-child { padding-top: 0; } .article-inner__info .title-h3 { font-weight: 400; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; padding-top: 30px; } .article-inner__info p { line-height: 130%; letter-spacing: -0.01em; color: #d9d9d9; padding-top: 30px; } @media only screen and (max-width: 991px) { .article-inner__info p { padding-top: 20px; } } .article-inner__info p span { font-weight: 500; color: #fff; } .article-inner__info ul { padding-top: 30px; } @media only screen and (max-width: 991px) { .article-inner__info ul { padding-top: 20px; } } .article-inner__info ul li { margin-bottom: 20px; line-height: 130%; letter-spacing: -0.01em; color: #fff; /* display: flex; align-items: baseline; */ position: relative; transition: all .3s; gap: 10px; padding-left: 20px; } .article-inner__info ul li:before { content: ""; display: block; background: #d47aea; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; min-width: 10px; border-radius: 100%; } .article-inner__info ul li:last-child { margin-bottom: 0; } .article-inner__info ol { padding-top: 30px; } @media only screen and (max-width: 991px) { .article-inner__info ol { padding-top: 20px; } } .article-inner__info ol>li { margin-bottom: 20px; line-height: 130%; letter-spacing: -0.01em; color: #fff; gap: 10px; list-style: none; counter-increment: liNumber; position: relative; padding-left: 40px; transition: all .3s; } .article-inner__info ol>li:hover { transform: translateX(5px); } .article-inner__info ul>li:hover { transform: translateX(5px); } .article-inner__info li>ul, .article-inner__info li>ol { padding-top: 15px; } .article-inner__info ol>li:before { content: counter(liNumber); display: flex; min-width: 10px; font-size: 18px; position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid #d47aea; color: #d47aea; top: -5px; left: 0; } .article-inner__info ul li:last-child { margin-bottom: 0; } .article-inner__info img { display: flex; max-width: 100%; height: auto; position: relative; object-fit: contain; /* margin: 0 auto; */ margin-top: 40px; /* aspect-ratio: 1 / 0.563; */ border-radius: 30px; } .article-inner__info h2 { padding-top: 30px; font-size: clamp(1.375rem, 1.1417rem + 0.9333vw, 2.25rem); text-transform: uppercase; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; } .article-inner__info h3 { padding-top: 30px; font-size: clamp(1.125rem, 1.0917rem + 0.1333vw, 1.25rem); position: relative; font-weight: 500; color: white; } .article-inner__info strong { font-weight: bold; } .article-inner__info table { margin-top: 30px; width: 100%; color: white; border-collapse: collapse; outline: 2px solid #313131; border-radius: 30px; } .article-inner__info table tr th { /* border: 3px solid white; */ padding: 10px; /* border-bottom: 3px solid white; */ } .article-inner__info table tr:nth-child(even) { background: #262626; } .article-inner__info table tr td { padding: 10px 15px; /* border: 1px solid white; */ outline: 1px solid #313131; } .article-inner__info table tr:last-child td:last-child { outline: 1px solid transparent; } .article-inner__info table tr:last-child td:first-child { outline: 1px solid transparent; } @media only screen and (max-width: 991px) { .article-inner__info img { margin-top: 30px; } } .article-inner__info a { text-decoration: underline; text-underline-offset: 2px; } .article-inner__info img:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(286.98deg, rgba(255, 255, 255, 0.2) 2.22%, rgba(0, 0, 0, 0.2) 43.6%, #30302f 97.82%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } @media only screen and (max-width: 767px) { .article-inner__info img:after { border-radius: 15px; } } @media only screen and (max-width: 767px) { .article-inner__image img { border-radius: 15px; } } .article-inner__nav { position: -webkit-sticky; position: sticky; top: 100px; right: 0; border-radius: 30px; padding: 40px; background: #262626; } @media only screen and (max-width: 1700px) { .article-inner__nav { padding: 40px 30px; } } @media only screen and (max-width: 1400px) { .article-inner__nav { padding: 30px 20px; } } @media only screen and (max-width: 991px) { .article-inner__nav { grid-row: 1/1; padding: 30px; position: static; } } .article-inner__list { padding-top: 40px; } @media only screen and (max-width: 1400px) { .article-inner__list { padding-top: 30px; } } .article-inner__list li { margin-bottom: 30px; } @media only screen and (max-width: 1400px) { .article-inner__list li { margin-bottom: 25px; } } @media only screen and (max-width: 767px) { .article-inner__list li { margin-bottom: 20px; } .article-inner__nav { width: 100%; } .case-filter__sorting-btn { justify-content: space-between; } } @media only screen and (max-width: 768px) { .article-inner__nav { width: 100%; } .case-filter__sorting-btn { justify-content: space-between; } } .article-inner__list li:last-child { margin-bottom: 0; } .article-inner__list li a { line-height: 130%; letter-spacing: -0.01em; color: #d9d9d9; display: flex; align-items: baseline; gap: 15px; transition: 300ms; cursor: pointer; } .article-inner__list li a:hover { color: #dafe52; } .article-inner__list li a:hover::before { background: #dafe52; } .article-inner__list li a::before { content: ""; display: block; background: #d9d9d9; width: 10px; height: 10px; min-width: 10px; border-radius: 100%; transition: 300ms; } .article-inner__end { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } @media only screen and (max-width: 1400px) { .article-inner__end { grid-template-columns: 1fr; } } .article-inner__end-wrapper { position: relative; border-radius: 30px; background: #262626; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .article-inner__end-wrapper.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .article-inner__end-wrapper:last-child { grid-row: 1/1; } } .article-inner__block { position: relative; border-radius: 30px; padding: 40px; display: flex; flex-direction: column; align-items: flex-start; gap: 30px; overflow: hidden; height: 100%; } @media only screen and (max-width: 1700px) { .article-inner__block { padding: 30px; } } @media only screen and (max-width: 767px) { .article-inner__block { padding: 25px 20px; } } .article-inner__block .subtitle { margin: 0; position: relative; z-index: 5; } .article-inner__block .title { margin: 0; position: relative; z-index: 5; } .article-inner__block .button { min-width: auto; width: 100%; cursor: pointer; } .article-inner__statue { display: flex; position: absolute; bottom: 0; right: 0; z-index: 1; width: 377px; height: auto; } @media only screen and (max-width: 1700px) { .article-inner__statue { width: 320px; } } @media only screen and (max-width: 767px) { .article-inner__statue { width: 280px; display: none; } } .article-inner__statue img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0 0 30px 0; } .article-inner__figure { width: 689px; height: 581px; background: linear-gradient(-148.79deg, rgba(30, 29, 29, 0.3) 6.75%, rgba(78, 78, 78, 0.3) 80.57%); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 60px; position: absolute; top: 61px; left: -221px; z-index: 2; transform: rotate(106deg) skew(-14deg); } @media only screen and (max-width: 1700px) { .article-inner__figure { top: 0px; left: -312px; } } @media only screen and (max-width: 1400px) { .article-inner__figure { width: 839px; height: 731px; left: -147px; } } @media only screen and (max-width: 991px) { .article-inner__figure { width: 689px; height: 581px; left: -198px; top: 49px; } } @media only screen and (max-width: 991px) { .article-inner__figure { display: none; } } .article-inner__button { display: grid; grid-template-columns: 51% 1fr; gap: 30px; width: 357px; position: relative; z-index: 5; } @media only screen and (max-width: 1700px) { .article-inner__button { width: 300px; } } @media only screen and (max-width: 1400px) { .article-inner__button { width: 357px; } } @media only screen and (max-width: 767px) { .article-inner__button { width: 100%; grid-template-columns: 1fr; gap: 20px; } } .article-inner__link { display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 50px; height: 50px; min-width: 50px; background: #1f1f1f; position: absolute; top: 30px; right: 30px; cursor: pointer; transition: 300ms; } @media only screen and (max-width: 767px) { .article-inner__link { top: 20px; right: 20px; } } .article-inner__link:hover::after { transform: rotate(180deg); } .article-inner__link:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(306.9deg, rgba(0, 0, 0, 0.2) -7.45%, rgba(255, 255, 255, 0.2) 23.01%, #dafe52 79.91%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .article-inner .case-filter__sorting-btn span { font-size: 28px; } @media only screen and (max-width: 1400px) { .article-inner .case-filter__sorting-btn span { font-size: 26px; } } @media only screen and (max-width: 991px) { .article-inner .case-filter__sorting-btn span { font-size: 24px; } } @media only screen and (max-width: 767px) { .article-inner .case-filter__sorting-btn span { font-size: 22px; } } .article-inner .btn-ellipse { position: absolute; top: 20px; right: 20px; } .article-inner .team__image { width: 130px; margin: 0; } .article-inner .reviews-page__hashtag { margin-bottom: 80px; opacity: 0; transition: 1000ms; transform: translateY(-50px); } .article-inner .reviews-page__hashtag.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .article-inner .reviews-page__hashtag { margin-bottom: 60px; } } @media only screen and (max-width: 991px) { .article-inner .reviews-page__hashtag { margin-bottom: 40px; } } .article-popular { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .article-popular { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .article-popular { margin-bottom: 80px; } } .article-popular__head { margin-bottom: 80px; display: grid; grid-template-columns: 388px 333px 213px; justify-content: space-between; align-items: flex-end; gap: 50px; opacity: 0; transition: 1000ms; transform: translateY(50px); } .article-popular__head.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .article-popular__head { grid-template-columns: 400px 355px; gap: 20px; } } @media only screen and (max-width: 991px) { .article-popular__head { grid-template-columns: 1fr; margin-bottom: 60px; } } @media only screen and (max-width: 767px) { .article-popular__head { margin-bottom: 40px; } } .article-popular__text { line-height: 105%; letter-spacing: -0.01em; color: #777; } @media only screen and (max-width: 1400px) { .article-popular__text { grid-column: 1/2; } } @media only screen and (max-width: 991px) { .article-popular__text { grid-column: auto; } } .article-popular__text span { font-weight: 500; line-height: 130%; color: #fff; } .article-popular .article__text { -webkit-line-clamp: 4; line-clamp: 4; } .article-popular .article__name { max-width: 476px; } @media only screen and (max-width: 1400px) { .article-popular .article__name { max-width: 100%; } } .article-popular .article__head { display: flex; gap: 15px; justify-content: flex-start; } @media only screen and (max-width: 767px) { .article-popular .article__head { flex-wrap: wrap; } } .article-popular .button { min-width: auto; width: 100%; } @media only screen and (max-width: 1400px) { .article-popular .button { grid-column: 2/3; grid-row: 2/2; } } @media only screen and (max-width: 991px) { .article-popular .button { grid-row: auto; grid-column: auto; } } .article-popular .team__arrows { margin-top: 25px; display: none; align-items: center; justify-content: center; } @media only screen and (max-width: 1400px) { .article-popular .team__arrows { display: flex; } } .article-popular .swiper-wrapper { gap: 0; display: flex; } .article-popular .swiper { opacity: 0; transition: 1000ms; } .article-popular .swiper.element-show { opacity: 1; } .article-popular .swiper { padding-bottom: 40px; } .article-popular .article__card::before { content: ""; display: block; position: absolute; padding: 0; top: 0; left: 0; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; -webkit-mask-composite: inherit; mask-composite: inherit; } .article-popular .article__card::after { display: none; } .author { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .author { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .author { margin-bottom: 80px; } } .author__items { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } @media only screen and (max-width: 1400px) { .author__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .author__items { grid-template-columns: 1fr; gap: 20px; } } .author__item { border-radius: 30px; position: relative; background: #1f1f1f; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 25px; overflow: hidden; opacity: 0; transition: 1000ms; transform: translateY(50px); } .author__item.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 767px) { .author__item { padding: 30px 20px; gap: 30px; } } .author__item:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .author__item:first-child::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; border-radius: 30px; } @media only screen and (max-width: 1400px) { .author__item.last { grid-column: 1/3; } } @media only screen and (max-width: 767px) { .author__item.last { grid-column: auto; gap: 20px; } } .author__item.last:before { display: none; } .author__text { line-height: 105%; letter-spacing: -0.01em; color: #bcbcbc; position: relative; z-index: 2; } .author__text span { line-height: 110%; display: block; font-weight: 500; font-size: 28px; text-transform: uppercase; color: #fff; margin-top: 30px; } @media only screen and (max-width: 1700px) { .author__text span { font-size: 24px; margin-top: 25px; } } @media only screen and (max-width: 767px) { .author__text span { font-size: 20px; margin-top: 20px; } } .author__info { line-height: 120%; letter-spacing: -0.01em; color: #777; position: relative; z-index: 2; } .author__info span { color: #d9d9d9; } .author__info p { margin-bottom: 10px; } .author__info p:last-child { margin-bottom: 0; } .author__icon { position: relative; z-index: 2; } @media only screen and (max-width: 767px) { .author__icon { height: 66px; width: auto; } } .author .button { min-width: auto; width: 100%; position: relative; z-index: 2; } .contact { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .contact { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .contact { margin-bottom: 80px; } } .contact__items { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; border-bottom: 1px solid #313131; padding-bottom: 80px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .contact__items { grid-template-columns: 1fr; padding-bottom: 50px; margin-bottom: 50px; } } @media only screen and (max-width: 991px) { .contact__items { padding-bottom: 40px; margin-bottom: 40px; } } .contact__item { background: #262626; border-radius: 30px; padding: 40px; display: grid; grid-template-columns: 1fr 1fr; align-items: flex-start; -moz-column-gap: 60px; column-gap: 60px; row-gap: 40px; opacity: 0; transition: 1000ms; transform: translateY(50px); } .contact__item.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .contact__item { gap: 35px; } } @media only screen and (max-width: 767px) { .contact__item { grid-template-columns: 1fr !important; padding: 30px; } } .contact__item:last-child { grid-template-columns: 53.98% 1fr; } @media only screen and (max-width: 1400px) { .contact__item:last-child { grid-template-columns: 1fr 1fr; } } .contact__info { line-height: 105%; letter-spacing: -0.01em; color: #777; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; } .contact__info span { font-size: 28px; line-height: 120%; color: #fff; display: block; } @media only screen and (max-width: 1700px) { .contact__info span { font-size: 25px; } } .contact__info a { font-size: 28px; line-height: 120%; color: #fff; display: block; } @media only screen and (max-width: 1700px) { .contact__info a { font-size: 25px; } } .contact__info a:hover { color: #dafe52; } @media only screen and (max-width: 767px) { .contact__info br { display: none; } } .contact__content { position: relative; } .contact__map { width: 100%; height: 685px; border-radius: 30px; overflow: hidden; } @media only screen and (max-width: 1700px) { .contact__map { height: 600px; } } @media only screen and (max-width: 991px) { .contact__map { height: 450px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .contact__map { height: 350px; border-radius: 15px; } } .contact__map .ymaps3x0--marker { width: 60px; height: 60px; } .contact__map .map-label { background-color: #fff; padding: 6px 10px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); font-size: 14px; white-space: nowrap; width: 225px; color: #000; transform: translate(65px, 10px); } .contact__map .map-label a { display: block; margin-top: 10px; padding: 5px; background: linear-gradient(90deg, #dc4bff 0%, #9b36b3 44.5%, #491b55 100%); border-radius: 50px; color: white; text-align: center; width: 100%; } @media only screen and (max-width: 767px) { .contact__map .map-label { display: none; } } .contact__map iframe { width: 100%; height: 100%; border-radius: 30px; filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } @media only screen and (max-width: 767px) { .contact__map iframe { border-radius: 15px; } } .contact__block { position: absolute; top: 50%; left: 60px; transform: translate(0%, -50%); z-index: 5; border-radius: 30px; background: #262626; width: 454px; height: auto; padding: 40px; display: flex; flex-direction: column; align-items: flex-start; gap: 26px; opacity: 0; transition: 1000ms; } .contact__block.element-show { opacity: 1; transform: translate(0%, -50%); } @media only screen and (max-width: 991px) { .contact__block.element-show { transform: none; } } @media only screen and (max-width: 1400px) { .contact__block { left: 40px; padding: 30px; } } @media only screen and (max-width: 991px) { .contact__block { position: relative; top: auto; left: auto; transform: none; width: 100%; } } @media only screen and (max-width: 767px) { .contact__block { border-radius: 15px; gap: 20px; padding: 30px; } } .contact__text { font-weight: 500; font-size: 28px; line-height: 110%; letter-spacing: -0.01em; color: #d9d9d9; } @media only screen and (max-width: 767px) { .contact__text { font-size: 24px; } } .contact__text span { font-weight: 400; font-size: 20px; line-height: 110%; letter-spacing: -0.01em; color: #777; display: block; margin-top: 30px; } @media only screen and (max-width: 767px) { .contact__text span { margin-top: 20px; font-size: 18px; } } .contact__name { display: flex; align-items: center; gap: 30px; } @media only screen and (max-width: 767px) { .contact__name { gap: 20px; } } .contact__name-text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; } @media only screen and (max-width: 992px) { .contact__name-text br { display: none; } } .contact__name-text span { font-weight: 400; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; color: #777; display: block; margin-top: 15px; } .contact__wp { font-weight: 500; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; text-align: center; color: #d9d9d9; width: 100%; } .contact__wp:hover { color: #dafe52; } .contact .team__image { width: 150px; height: auto; margin: 0; } @media only screen and (max-width: 1400px) { .contact .team__image { width: 110px; } } .contact .program__head-text { max-width: 480px; } @media only screen and (max-width: 1400px) { .contact .program__head-text { max-width: 100%; } } .contact .button { min-width: auto; width: 100%; display: inline-flex; min-height: 60px; } .contact-city { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .contact-city { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .contact-city { margin-bottom: 80px; } } .contact-city__content { position: relative; border-bottom: 1px solid #313131; padding: 40px 0; display: grid; grid-template-columns: 26.69% 49.06%; justify-content: space-between; gap: 50px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .contact-city__content.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .contact-city__content { grid-template-columns: 26.69% 54.06%; } } @media only screen and (max-width: 1400px) { .contact-city__content { grid-template-columns: 35.69% 54.06%; } } @media only screen and (max-width: 991px) { .contact-city__content { grid-template-columns: 1fr; justify-content: flex-start; gap: 40px; padding: 30px 0; } } .contact-city__content:first-child { padding: 0 0 40px; } @media only screen and (max-width: 991px) { .contact-city__content:first-child { padding: 0 0 30px; } } .contact-city__left { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 20px; } .contact-city__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .contact-city__text a { font-weight: 500; color: #fff; } .contact-city__text a:hover { color: #dafe52; } .contact-city__right { display: grid; grid-template-columns: 65% auto; align-items: flex-start; justify-content: space-between; gap: 30px; } @media only screen and (max-width: 1400px) { .contact-city__right { grid-template-columns: 80% auto; } } @media only screen and (max-width: 767px) { .contact-city__right { grid-template-columns: 1fr; justify-content: flex-start; } } .contact-city__block { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } @media only screen and (max-width: 1024px) { .contact-city .btn-ellipse { display: none; } } @media only screen and (max-width: 1400px) { .contact-city .contact__info span { font-size: 23px; } } @media only screen and (max-width: 767px) { .contact-city .contact__info span { padding-right: 40px; } } .contact-city .title-h3 { color: #fff; } .anchor { margin-bottom: 80px; opacity: 0; transition: 1000ms; transform: translateY(50px); } .anchor.element-show { opacity: 1; transform: none; } .anchor__nav { display: flex; gap: 15px; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .anchor__nav { display: grid; grid-template-columns: 1fr 1fr; } } .anchor__nav li { background: #262626; position: relative; border-radius: 30px; } .anchor__nav li:hover::before { opacity: 1; visibility: visible; } .anchor__nav li:hover a { color: #262626; } .anchor__nav li::before { content: ""; display: block; background: linear-gradient(90deg, #dafe52 0%, #e0ff69 80%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 300ms; border-radius: inherit; } .anchor__nav li a { width: 100%; height: 100%; border-radius: 30px; padding: 15px 30px; position: relative; z-index: 1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; } .price { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .price { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .price { margin-bottom: 80px; } } .price__footnote { margin-top: 40px; font-size: 14px; } @media only screen and (max-width: 767px) { .price__footnote { margin-top: 30px; } } .price__header { margin-bottom: 80px; display: grid; grid-template-columns: 534px 426px; gap: 333px; align-items: flex-end; opacity: 0; transition: 1000ms; transform: translateY(50px); } .price__header.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .price__header { gap: 150px; } } @media only screen and (max-width: 1400px) { .price__header { grid-template-columns: 1fr; gap: 30px; margin-bottom: 60px; } } .price__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .price__text span { color: #fff; } .price__items { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } .price__items_four { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px; } @media only screen and (max-width: 1400px) { .price__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .price__items { grid-template-columns: 1fr; } } .price__item { position: relative; background: #262626; border-radius: 30px; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; min-height: 612px; opacity: 0; transition: 1000ms; } .price__item.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .price__item { padding: 30px; } } @media only screen and (max-width: 1400px) { .price__item { min-height: auto; } } @media only screen and (max-width: 991px) { .price__item { padding: 25px; } } @media only screen and (max-width: 767px) { .price__item { padding: 20px 15px; gap: 20px; border-radius: 20px; } } .price__item .price__text { text-align: center; } .price__item:nth-child(2) { justify-content: flex-start; } @media only screen and (max-width: 1400px) { .price__item-main { grid-column: 1/3; } } @media only screen and (max-width: 767px) { .price__item-main { grid-column: auto; } } .price__item-main .title-h3 { color: #fff; font-weight: 400; } .price__item-main .price__bottom { border: 0; padding: 0; } .price__top { display: flex; flex-direction: column; gap: 30px; } @media only screen and (max-width: 991px) { .price__top { gap: 20px; } } .price__wrapper { min-height: 110px; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 767px) { .price__wrapper { min-height: auto; } } .price__icon { display: flex; width: auto; max-height: 110px; margin: 0 auto; } .price__icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .price__price { font-size: 20px; color: #fff; text-align: center; margin-bottom: 20px; } .price__price span { font-size: 64px; color: #dafe52; } @media only screen and (max-width: 991px) { .price__price span { font-size: 50px; } } .price__head { font-size: 20px; line-height: 120%; text-align: center; color: #777; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 767px) { .price__head { font-size: 18px; } } .price__head span { color: #d9d9d9; } .price__head svg { width: 20px; height: auto; margin-left: 10px; } .price__list { display: flex; flex-direction: column; gap: 20px; } @media only screen and (max-width: 991px) { .price__list { gap: 15px; } } .price__list li { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #777; display: flex; align-items: baseline; gap: 10px; text-align: left; } @media only screen and (max-width: 991px) { .price__list li { font-size: 18px; } } .price__list li span { color: #fff; } .price__list li::before { content: ""; display: block; background: #d9d9d9; border-radius: 100%; width: 10px; height: 10px; min-width: 10px; } .price__block { display: flex; align-items: center; gap: 20px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .price__block { margin-bottom: 40px; } } @media only screen and (max-width: 400px) { .price__block { flex-direction: column; justify-content: center; } } @media only screen and (max-width: 400px) { .price__info { display: flex; flex-direction: column; align-items: center; justify-content: center; } } .price__info a { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; margin-bottom: 10px; display: block; } @media only screen and (max-width: 767px) { .price__info a { font-size: 18px; } } .price__info a:last-child { margin-bottom: 0; } .price__info a:hover { color: #dafe52; } .price__info .price__text { text-align: left; margin-bottom: 30px; } @media only screen and (max-width: 991px) { .price__info .price__text { margin-bottom: 20px; } } .price__name { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; margin-bottom: 20px; } @media only screen and (max-width: 991px) { .price__name { margin-bottom: 15px; } } .price__link { line-height: 130%; letter-spacing: -0.01em; text-decoration: underline; text-align: center; color: #dafe52; margin-bottom: 40px; display: block; } @media only screen and (max-width: 767px) { .price__link { margin-bottom: 30px; } } .price__bottom { border-top: 1px solid #313131; padding-top: 40px; } @media only screen and (max-width: 767px) { .price__bottom { padding-top: 30px; } } .price__content { display: none; } .price__content:first-child { display: block; } .price__what { display: flex; align-items: center; gap: 10px; justify-content: center; margin-bottom: 40px; color: #777; } .price__what:hover { color: #dafe52; } .price__what svg { transition: 300ms; } .price__what svg path { transition: 300ms; fill: #dafe52; } .price__download { display: flex; align-items: center; justify-content: center; cursor: pointer; gap: 10px; transition: 300ms; color: #fff; margin-top: 30px; } .price__download:hover { color: #dafe52; } .price__download:hover svg path { fill: #dafe52; } .price__download svg { transition: 300ms; } .price__download svg path { transition: 300ms; } .price__new { display: flex; flex-direction: column; gap: 40px; border: 1px solid #262626; border-radius: 30px; } .price__new-item { display: flex; align-items: center; justify-content: center; min-height: 70px; background: #1f1f1f; padding: 10px; } .price__new-item:nth-child(2n) { background: #262626; } .price__new-item:last-child { border-radius: 0 0 30px 30px; } .price__new-item span { text-align: center; color: #fff; max-width: 305px; font-size: 14px; } .price__new-item.fon { background: #262626; } .price__new-not { display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #1f1f1f; width: 50px; min-width: 50px; height: 50px; } .price__new-not::before { content: ""; display: block; background: #fff; width: 18px; height: 2px; } .price__main { border-radius: 30px; display: flex; flex-direction: column; align-items: center; gap: 30px; justify-content: space-between; background: #262626; padding: 40px 30px 30px; } .price__main-text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .price__main .title-h3 { font-weight: 400; color: #fff; text-align: left !important; margin-bottom: 40px; } .price .team__image { max-width: 166px; margin: 0; } @media only screen and (max-width: 1700px) { .price .team__image { max-width: 155px; } } @media only screen and (max-width: 767px) { .price .team__image { max-width: 145px; } } .price .title-h3 { text-align: center; } .price .button { min-width: auto; width: 100%; } .gift { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .gift { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .gift { margin-bottom: 80px; } } .gift__block { position: relative; border-radius: 30px; padding: 2px; } @media only screen and (max-width: 991px) { .gift__block { overflow: hidden; } } .gift__block:before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); transition: opacity 0.4s ease; z-index: 0; } .gift__block-inner { position: relative; z-index: 1; border-radius: 30px; width: 100%; height: 100%; background: #1f1f1f; padding: 50px 60px; } @media only screen and (max-width: 1700px) { .gift__block-inner { padding: 50px; } } @media only screen and (max-width: 1400px) { .gift__block-inner { padding: 50px 40px; } } @media only screen and (max-width: 991px) { .gift__block-inner { padding: 30px; } } @media only screen and (max-width: 767px) { .gift__block-inner { padding: 30px 20px; } } .gift__image { display: flex; position: absolute; bottom: 0; right: 0; width: 499px; height: auto; z-index: 3; opacity: 0; transition: 1000ms; transform: translateX(50px); } .gift__image.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 991px) { .gift__image { display: none; } } .gift__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gift__fon { display: flex; mix-blend-mode: color-dodge; opacity: 0.15; position: absolute; top: 0; right: 0; width: 686px; height: 100%; z-index: 2; border-radius: 30px; opacity: 0; transition: 1000ms; } .gift__fon.element-show { opacity: 0.15; } @media only screen and (max-width: 1400px) { .gift__fon { width: 500px; } } @media only screen and (max-width: 767px) { .gift__fon { width: 100%; } } .gift__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 30px; -o-object-position: left; object-position: left; } .gift__content { display: grid; grid-template-columns: 44.21% auto; align-items: flex-end; justify-content: flex-start; gap: 133px; position: relative; z-index: 10; } @media only screen and (max-width: 1700px) { .gift__content { justify-content: space-between; grid-template-columns: 43% auto; gap: 90px; } } @media only screen and (max-width: 1400px) { .gift__content { grid-template-columns: 1fr; gap: 60px; } } @media only screen and (max-width: 991px) { .gift__content { gap: 40px; } } @media only screen and (max-width: 767px) { .gift__content { gap: 30px; } } .gift__left { display: flex; flex-direction: column; justify-content: space-between; gap: 70px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .gift__left.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .gift__left { max-width: 550px; gap: 50px; } } @media only screen and (max-width: 991px) { .gift__left { max-width: 100%; gap: 40px; } } .gift__text { line-height: 130%; letter-spacing: -0.01em; color: #777; max-width: 581px; } @media only screen and (max-width: 767px) { .gift__text { max-width: 100%; } } .gift__text span { font-weight: 500; color: #fff; } .gift__button { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .gift__button { grid-template-columns: 1fr; } } .gift__items { max-width: 640px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } @media only screen and (max-width: 1400px) { .gift__items { max-width: 100%; } } @media only screen and (max-width: 991px) { .gift__items { grid-template-columns: 1fr; } } .gift__item { background: #262626; border-radius: 30px; padding: 25px 35px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; opacity: 0; transition: 1000ms; } .gift__item.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .gift__item { padding: 25px; } } @media only screen and (max-width: 767px) { .gift__item { padding: 20px 15px; } } .gift__name { font-weight: 500; line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #fff; margin-bottom: 10px; } .gift__price { font-weight: 500; font-size: 16px; line-height: 130%; letter-spacing: -0.01em; color: #777; text-align: center; } .gift__price p { text-decoration: line-through; } .gift__price span { display: block; margin-top: 5px; line-height: 130%; letter-spacing: -0.01em; color: #dafe52; text-decoration: none !important; -webkit-text-decoration-line: none !important; text-decoration-line: none !important; } .gift .button { min-width: auto; width: 100%; } .gift .title-h2 { margin-bottom: 30px; } .budget__items { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } @media only screen and (max-width: 1400px) { .budget__items { gap: 15px; } } @media only screen and (max-width: 767px) { .budget__items { grid-template-columns: 1fr; margin-top: 30px; } } .budget__item { background: #262626; border-radius: 30px; padding: 20px 30px 30px; position: relative; z-index: 10; } @media only screen and (max-width: 1700px) { .budget__item { padding: 20px 30px; } } @media only screen and (max-width: 1400px) { .budget__item { padding: 20px 15px; } } .budget__item:first-child { background: #dafe52; } .budget__item:first-child .budget__title { color: #1f1f1f; border-bottom: 1px solid #a5c500; } .budget__item:first-child .budget__text { color: #1f1f1f; } .budget__title { font-weight: 500; font-size: 20px; text-align: center; color: #fff; border-bottom: 1px solid #313131; padding-bottom: 20px; margin-bottom: 20px; } @media only screen and (max-width: 1400px) { .budget__title { font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; } } .budget__text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #777; } .budget .program-bonus__info { min-height: 869px; display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (max-width: 1700px) { .budget .program-bonus__info { min-height: 800px; } } @media only screen and (max-width: 1400px) { .budget .program-bonus__info { min-height: 760px; } } @media only screen and (max-width: 991px) { .budget .program-bonus__info { min-height: 720px; padding: 40px 29px; } } @media only screen and (max-width: 767px) { .budget .program-bonus__info { min-height: auto; padding: 30px 15px; } } .budget .program-bonus__info.first .program-bonus__image { width: 675px; } @media only screen and (max-width: 1700px) { .budget .program-bonus__info.first .program-bonus__image { width: 600px; } } .budget .program-bonus__title br { display: block; } .budget .program-bonus__top { justify-content: flex-start; min-height: 251px; } @media only screen and (max-width: 1400px) { .budget .program-bonus__top { min-height: auto; } } @media only screen and (max-width: 767px) { .budget .program-bonus__top { margin-bottom: 0; } } .budget .button { margin-top: auto; } .budget .program-bonus__image { width: 752px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); } @media only screen and (max-width: 1700px) { .budget .program-bonus__image { width: 700px; } } @media only screen and (max-width: 1400px) { .budget .program-bonus__image { width: 600px; } } @media only screen and (max-width: 767px) { .budget .program-bonus__image { display: none; } } .budget .program__head { position: relative; z-index: 5; gap: 470px; justify-content: stretch; } @media only screen and (max-width: 1700px) { .budget .program__head { gap: 370px; } } @media only screen and (max-width: 1400px) { .budget .program__head { gap: 40px; } } @media only screen and (max-width: 360px) { .budget .program-bonus__text { font-size: 14px; } } .case-dop .case__image { right: -135px !important; bottom: 18px !important; width: 537px; height: auto !important; } @media only screen and (max-width: 1700px) { .case-dop .case__image { width: 400px; } } @media only screen and (max-width: 1400px) { .case-dop .case__image { width: 360px; } } @media only screen and (max-width: 991px) { .case-dop .case-new { min-height: auto; } } @media only screen and (max-width: 767px) { .case-dop .case-new { padding: 30px 20px !important; } } .case-dop .case-new .case__image { right: 0 !important; bottom: 0 !important; width: 360px; } @media only screen and (max-width: 1700px) { .case-dop .case-new .case__image { width: 300px; } } @media only screen and (max-width: 1400px) { .case-dop .case-new .case__image { display: none; } } .case-dop .case-new .case__fon { width: 100%; height: 100%; mix-blend-mode: color-dodge; opacity: 0.1; } .case-dop .case-new .case__fon img { -o-object-position: 57% 0%; object-position: 57% 0%; } @media only screen and (max-width: 991px) { .case-dop .case-new .case__fon img { -o-object-position: center; object-position: center; } } .case-dop .case-new .case__left { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; } @media only screen and (max-width: 1400px) { .case-dop .case-new .case__left { max-width: 100%; } } .case-dop .button { margin: 0; } @media only screen and (max-width: 767px) { .case-dop .case__card { padding: 30px 20px 0; } } .case-dop .case__card:hover::after { opacity: 1; visibility: visible; } .case-dop .case__card:hover::before { opacity: 1; visibility: visible; } .case-dop .case__card::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; top: auto; right: auto; border-radius: 30px; opacity: 0; visibility: hidden; transition: 300ms; pointer-events: none; -webkit-mask: none; mask: none; padding: 0; } .develop { margin-bottom: 180px; position: relative; } @media only screen and (max-width: 1400px) { .develop { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .develop { margin-bottom: 80px; } } .develop__blur { width: 200px; height: 200px; border-radius: 100%; background: #bbb8b8; -webkit-filter: blur(600px); filter: blur(600px); position: absolute; bottom: 0; left: 0; } .develop__header { display: grid; grid-template-columns: 605px 465px; align-items: flex-end; justify-content: flex-start; gap: 210px; margin-bottom: 80px; opacity: 0; transition: 1000ms; transform: translateY(50px); } .develop__header.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .develop__header { gap: 50px; grid-template-columns: 560px 465px; } } @media only screen and (max-width: 1400px) { .develop__header { grid-template-columns: 1fr; margin-bottom: 60px; gap: 40px; } } @media only screen and (max-width: 991px) { .develop__header { margin-bottom: 40px; } } .develop__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .develop__text span { font-weight: 500; color: #fff; } .develop__inner { display: grid; grid-template-columns: 513px 765px; align-items: flex-start; justify-content: space-between; gap: 100px; } .develop-reverse .develop__inner { grid-template-columns: 765px 513px; } @media only screen and (max-width: 1700px) { .develop__inner { grid-template-columns: 513px 1fr; } .develop-reverse .develop__inner { grid-template-columns: 1fr 513px; } } @media only screen and (max-width: 1400px) { .develop__inner { grid-template-columns: 392px 1fr; gap: 50px; } .develop-reverse .develop__inner { grid-template-columns: 1fr 392px; } } @media only screen and (max-width: 991px) { .develop__inner { grid-template-columns: 1fr; gap: 40px; } .develop-reverse .develop__inner { grid-template-columns: 1fr; } } .develop__block { margin-top: 60px; border-radius: 30px; background: #262626; padding: 40px; position: -webkit-sticky; position: sticky; top: 60px; left: 0; } @media only screen and (max-width: 1400px) { .develop__block { padding: 30px; } } @media only screen and (max-width: 991px) { .develop__block { position: static; margin-top: 0; } } @media only screen and (max-width: 767px) { .develop__block { padding: 20px 15px; } } .develop__title { font-size: 28px; line-height: 120%; color: #fff; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .develop__title { font-size: 24px; margin-bottom: 20px; } } .develop__items { border-top: 1px solid #313131; padding-top: 60px; display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 60px; } @media only screen and (max-width: 991px) { .develop__items { padding-top: 40px; } } @media only screen and (max-width: 767px) { .develop__items { grid-template-columns: 1fr; gap: 30px; } } .develop__name { font-weight: 500; font-size: 20px; line-height: 110%; letter-spacing: -0.01em; color: #fff; max-width: 313px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .develop__name { margin-bottom: 20px; max-width: 100%; } } .develop__icon { margin-bottom: 30px; width: auto; height: 100px; } .develop__new { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; position: -webkit-sticky; position: sticky; top: 30px; left: 0; } @media only screen and (max-width: 1400px) { .develop__new { gap: 20px; } } @media only screen and (max-width: 991px) { .develop__new { position: static; } } @media only screen and (max-width: 767px) { .develop__new { grid-template-columns: 1fr; } } .develop__new-items { border-radius: 30px; background: #262626; padding: 30px 40px; } @media only screen and (max-width: 1400px) { .develop__new-items { padding: 30px 20px; } } .develop__new-arrow { display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #1f1f1f; width: 50px; height: 50px; margin: 0 auto 20px; } .develop__new-text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #bbb8b8; } .develop .button { min-width: auto; width: 100%; margin-top: 60px; } @media only screen and (max-width: 991px) { .develop .button { margin-top: 40px; } } .develop .price__item-main { grid-column: auto; position: -webkit-sticky; position: sticky; top: 30px; left: 0; } @media only screen and (max-width: 991px) { .develop .price__item-main { position: static; } } .develop .price__item-main .title-h3 { text-align: center; } .develop .team__image { max-width: 175px; margin: 0; } @media only screen and (max-width: 1400px) { .develop .price__block { flex-direction: column; } } @media only screen and (max-width: 1400px) { .develop .price__info { display: flex; flex-direction: column; align-items: center; justify-content: center; } } .stage { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .stage { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .stage { margin-bottom: 80px; } } .stage__items { display: grid; grid-template-columns: repeat(4, 1fr); -moz-column-gap: 30px; column-gap: 30px; row-gap: 60px; } @media only screen and (max-width: 1400px) { .stage__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .stage__items { grid-template-columns: 1fr; gap: 20px; } } .stage__item { position: relative; border-right: 1px solid #313131; padding-right: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 30px; opacity: 0; transition: 1000ms; } .stage__item.element-show { opacity: 1; } @media only screen and (max-width: 767px) { .stage__item { border-right: 0; padding-right: 0; border-bottom: 1px solid #313131; padding-bottom: 20px; gap: 20px; } } @media only screen and (max-width: 1400px) { .stage__item:nth-child(2n) { border-right: 0; padding-right: 0; } } .stage__item:last-child { border: 0; padding: 0; } .stage__number { border-radius: 20px; background: #262626; min-width: 67px; width: 67px; height: 67px; position: relative; display: flex; align-items: flex-end; justify-content: center; } .stage__badge { position: absolute; right: 30px; top: 0; max-width: 250px; padding: 20px; border-radius: 15px; border: 1px solid rgba(0, 0, 0, 0.20); background: #262626; border-radius: 15px; font-size: 14px; line-height: 130%; letter-spacing: -0.14px; } .stage__badge span { color: #DAFE52; font-weight: 500; font-size: 16px; } .stage__badge-white { background: #FFF; color: #AEAEAE } .stage__badge-white span { color: #DC4BFF; } .stage__badge-green { background: #DAFE52; color: #777; } .stage__badge-green span { color: #393536; } .stage__badge .border-gradient, .stage__badge .border-gradient:after { border-radius: 15px; } @media only screen and (max-width: 767px) { .stage__number { min-width: 57px; width: 57px; height: 57px; } } .stage__number::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 30px 20px 30px 80px; background: #2f2f2f; position: absolute; bottom: 0; left: 0; } .stage__number span { font-weight: 700; font-size: 64px; line-height: 100%; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 2; } @media only screen and (max-width: 767px) { .stage__number span { font-size: 50px; } } .stage__title { font-weight: 500; font-size: 20px; line-height: 110%; letter-spacing: -0.01em; color: #fff; } @media only screen and (max-width: 767px) { .stage__title { font-size: 18px; } } @media only screen and (max-width: 767px) { .stage__title br { display: none; } } .stage__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .stage .develop__header { grid-template-columns: 605px 444px; gap: 185px; } @media only screen and (max-width: 1700px) { .stage .develop__header { gap: 50px; grid-template-columns: 588px 444px; } } @media only screen and (max-width: 1400px) { .stage .develop__header { grid-template-columns: 1fr; gap: 40px; } } .content { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .content { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .content { margin-bottom: 80px; } } .content__items { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; } @media only screen and (max-width: 1400px) { .content__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .content__items { grid-template-columns: 1fr; gap: 20px; } } .content__item { background: #262626; border-radius: 30px; min-height: 295px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; padding: 30px; opacity: 0; transition: 1000ms; } .content__item.element-show { opacity: 1; } @media only screen and (max-width: 1700px) { .content__item { min-height: 270px; } } @media only screen and (max-width: 1400px) { .content__item { min-height: 210px; } } @media only screen and (max-width: 767px) { .content__item { padding: 20px 15px; min-height: auto; gap: 50px; } } .content__item:last-child { background: #333; } @media only screen and (max-width: 1400px) { .content__item:last-child { grid-column: 1/3; } } @media only screen and (max-width: 767px) { .content__item:last-child { grid-column: auto; } } .content__item:last-child .content__price { border-bottom: 1px solid #313131; } .content__item:last-child .content__price span { color: #dafe52; } .content__title { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; text-align: center; color: #fff; } @media only screen and (max-width: 1700px) { .content__title { font-size: 18px; } } .content__price { font-size: 20px; line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #fff; padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #313131; } @media only screen and (max-width: 767px) { .content__price { padding-bottom: 15px; margin-bottom: 10px; } } .content__price span { font-weight: 500; font-size: 36px; line-height: 120%; letter-spacing: -0.02em; } @media only screen and (max-width: 1700px) { .content__price span { font-size: 30px; } } .content__text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #777; } .content .develop__header { grid-template-columns: 605px 444px; gap: 185px; } @media only screen and (max-width: 1700px) { .content .develop__header { gap: 50px; grid-template-columns: 588px 444px; } } @media only screen and (max-width: 1400px) { .content .develop__header { grid-template-columns: 1fr; gap: 40px; } } .advantages { margin-bottom: 180px; overflow: hidden; } @media only screen and (max-width: 1400px) { .advantages { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .advantages { margin-bottom: 80px; } } .advantages__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } @media only screen and (max-width: 1400px) { .advantages__inner { grid-template-columns: 1fr; gap: 20px; } } .advantages__items { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } @media only screen and (max-width: 1400px) { .advantages__items { gap: 20px; } } @media only screen and (max-width: 767px) { .advantages__items { grid-template-columns: 1fr; } } .advantages__item { background: #262626; border-radius: 30px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 30px; position: relative; overflow: hidden; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .advantages__item.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .advantages__item { padding: 20px; } } .advantages__item::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; pointer-events: none; transition: 300ms; } .advantages__item:first-child { background: #dafe52; } .advantages__item:first-child::before { opacity: 0; visibility: hidden; } .advantages__item:first-child .advantages__title { color: #1f1f1f; } .advantages__item:first-child .advantages__text { color: #1f1f1f; } .advantages__item:last-child::before { opacity: 0; visibility: hidden; } .advantages__item .advantages__title { max-width: 180px; } .advantages__title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; position: relative; z-index: 5; } @media only screen and (max-width: 767px) { .advantages__title br { display: none; } } .advantages__text { line-height: 130%; letter-spacing: -0.01em; color: #777; position: relative; z-index: 5; } .advantages__text span { color: #fff; } .advantages__logo { position: absolute; bottom: -30px; right: -30px; z-index: 1; width: 176px; mix-blend-mode: overlay; height: auto; } @media only screen and (max-width: 1700px) { .advantages__logo { width: 150px; } } @media only screen and (max-width: 1400px) { .advantages__logo { width: 130px; } } @media only screen and (max-width: 767px) { .advantages__logo { width: 120px; } } .advantages__logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .advantages__block { position: relative; border-radius: 30px; padding: 60px 40px 40px; min-height: 430px; background: #262626; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 30px; opacity: 0; transition: 1000ms; transform: translateX(50px); } .advantages__block.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .advantages__block { padding: 40px 30px; } } @media only screen and (max-width: 1400px) { .advantages__block { padding: 30px; min-height: 400px; } } @media only screen and (max-width: 991px) { .advantages__block { padding: 30px 20px 0; min-height: 300px; align-items: stretch; } } .advantages__block .advantages__title { padding-right: 185px; font-size: 28px; } @media only screen and (max-width: 1700px) { .advantages__block .advantages__title { padding-right: 100px; } } @media only screen and (max-width: 1400px) { .advantages__block .advantages__title { font-size: 24px; padding-right: 0; max-width: 550px; } } @media only screen and (max-width: 991px) { .advantages__block .advantages__title { max-width: 100%; } } @media only screen and (max-width: 767px) { .advantages__block .advantages__title { font-size: 22px; } } .advantages__block .advantages__text { max-width: 461px; } .advantages__fon { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: color-dodge; opacity: 0.15; } .advantages__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; } .advantages__bottom { display: flex; flex-direction: column; gap: 40px; align-items: flex-start; } @media only screen and (max-width: 1700px) { .advantages__bottom { max-width: 350px; } } @media only screen and (max-width: 1400px) { .advantages__bottom { max-width: 550px; } } @media only screen and (max-width: 991px) { .advantages__bottom { gap: 30px; max-width: 100%; } } .advantages__image { display: flex; position: absolute; bottom: 0; right: 0; width: 400px; height: auto; } @media only screen and (max-width: 1700px) { .advantages__image { width: 340px; } } @media only screen and (max-width: 991px) { .advantages__image { position: relative; bottom: auto; right: auto; margin: 0 auto; } } @media only screen and (max-width: 767px) { .advantages__image { max-width: 350px; width: 100%; } } .advantages__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .advantages .develop__header { grid-template-columns: 595px 402px; } @media only screen and (max-width: 1700px) { .advantages .develop__header { gap: 80px; } } @media only screen and (max-width: 1400px) { .advantages .develop__header { grid-template-columns: 1fr; gap: 40px; } } .advantages .btn-ellipse { position: absolute; top: 40px; right: 40px; } @media only screen and (max-width: 991px) { .advantages .btn-ellipse { top: 20px; right: 20px; } } .advantages .btn-ellipse .btn-ellipse__inner svg { transform: rotate(0); } .advantages .button { min-width: 296px; position: relative; z-index: 5; } @media only screen and (max-width: 991px) { .advantages .button { min-width: auto; width: 100%; } } .team-dop { padding: 0; } .team-dop .team__header { display: grid; grid-template-columns: auto 530px auto; } @media only screen and (max-width: 1400px) { .team-dop .team__header { grid-template-columns: auto auto; } } @media only screen and (max-width: 991px) { .team-dop .team__header { grid-template-columns: 1fr; } } @media only screen and (max-width: 1400px) { .team-dop .team__header .team__text { grid-row: 2/2; } } @media only screen and (max-width: 991px) { .team-dop .team__header .team__text { grid-row: auto; } } .team-dop .team__left { max-width: 100%; } .team-dop .swiper { overflow: hidden; } .team-dop .swiper-slide.team-del .team__card::after { display: none; } .team-dop .swiper-slide.team-del .team__card .title-h2 { font-size: 28px; -webkit-text-fill-color: #fff; max-width: 250px; } .team-dop .team__mob::after { display: none; } .team-dop .team__mob .title-h2 { font-size: 28px; -webkit-text-fill-color: #fff; } .stage-onlinestore .stage__items { grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 1400px) { .stage-onlinestore .stage__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .stage-onlinestore .stage__items { grid-template-columns: 1fr; } } .stage-onlinestore .stage__item:nth-child(3) { border-right: 0; padding-right: 0; } @media only screen and (max-width: 1400px) { .stage-onlinestore .stage__item:nth-child(3) { border-right: 1px solid #313131; padding-right: 30px; } } @media only screen and (max-width: 767px) { .stage-onlinestore .stage__item:nth-child(3) { border-right: 0; padding-right: 0; } } .price-creator .price__items { grid-template-columns: repeat(4, 1fr); -moz-column-gap: 30px; column-gap: 30px; row-gap: 60px; } @media only screen and (max-width: 1700px) { .price-creator .price__items { -moz-column-gap: 25px; column-gap: 25px; } } @media only screen and (max-width: 1400px) { .price-creator .price__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .price-creator .price__items { grid-template-columns: 1fr; gap: 30px; } } .price-creator .price__item { padding: 30px; justify-content: flex-start; } @media only screen and (max-width: 1700px) { .price-creator .price__item { padding: 25px; } } @media only screen and (max-width: 767px) { .price-creator .price__item { padding: 20px 15px; } } .price-creator .price__item:nth-child(-n + 3) { background: #333; } .price-creator .price__item:nth-child(-n + 3) .price__bottom { border-top: 1px solid #464646; } /* .price-creator .price__item:nth-child(2) { justify-content: space-between; } */ .price-creator .price__block { flex-direction: column; align-items: center; justify-content: center; } .price-creator .price__info { display: flex; flex-direction: column; align-items: center; justify-content: center; } .price-creator .price__item-main { padding: 40px; grid-row: auto; grid-column: auto; height: max-content !important; } @media only screen and (max-width: 767px) { .price-creator .price__item-main { padding: 20px 15px; } } .price-creator .price__item-main .price__text { max-width: 230px; margin: 0 auto 30px; text-align: center; } .price-creator .price__item-main .price__bottom { padding-top: 0; border: 0; } .price-creator .price__price span { font-size: 48px; } @media only screen and (max-width: 1700px) { .price-creator .price__price span { font-size: 40px; } } .price-creator .price__icon { max-height: 85px; } @media only screen and (max-width: 1700px) { .price-creator .title-h3 { font-size: 22px; } } .creator { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .creator { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .creator { margin-bottom: 80px; } } .creator__inner { border-top: 1px solid #313131; padding-top: 80px; display: grid; grid-template-columns: 1fr 50%; gap: 30px; } @media only screen and (max-width: 1400px) { .creator__inner { grid-template-columns: 1fr; } } @media only screen and (max-width: 991px) { .creator__inner { padding-top: 60px; } } @media only screen and (max-width: 767px) { .creator__inner { padding-top: 40px; } } .creator__block { display: flex; flex-direction: column; gap: 30px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } @media only screen and (max-width: 991px) { .creator__block { opacity: 1; transform: none; } } .creator__block.element-show { opacity: 1; transform: none; } .creator__block:first-child { justify-content: space-between; } .creator__block:last-child { opacity: 0; transition: 1000ms; transform: translateX(50px); } @media only screen and (max-width: 991px) { .creator__block:last-child { opacity: 1; transform: none; } } .creator__block:last-child.element-show { opacity: 1; transform: none; } .creator__block p { line-height: 130%; letter-spacing: -0.01em; color: #777; } .creator__block p span { color: #fff; } .creator__block .title-h3 { font-size: 20px; color: #fff; } .creator__block ul { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 20px; } @media only screen and (max-width: 767px) { .creator__block ul { grid-template-columns: 1fr; gap: 20px; } } .creator__block ul li { line-height: 130%; letter-spacing: -0.01em; color: #777; display: flex; align-items: baseline; gap: 10px; } .creator__block ul li::before { content: ""; display: block; background: #777; border-radius: 100%; width: 10px; min-width: 10px; height: 10px; } .creator__bottom { max-width: 467px; display: flex; flex-direction: column; align-items: flex-start; gap: 61px; } @media only screen and (max-width: 1400px) { .creator__bottom { max-width: 100%; gap: 40px; } } .creator__items { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .creator__items { grid-template-columns: 1fr; gap: 20px; } } .price-tilda .price__header { grid-template-columns: 576px 530px; gap: 175px; } @media only screen and (max-width: 1400px) { .price-tilda .price__header { gap: 100px; } } @media only screen and (max-width: 1400px) { .price-tilda .price__header { grid-template-columns: 1fr; gap: 30px; } } .price-tilda .price__header .price__text { margin-bottom: 0; } .price-tilda .price__items { grid-template-columns: repeat(4, 1fr); -moz-column-gap: 30px; column-gap: 30px; row-gap: 60px; } @media only screen and (max-width: 1700px) { .price-tilda .price__items { -moz-column-gap: 25px; column-gap: 25px; } } @media only screen and (max-width: 1400px) { .price-tilda .price__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .price-tilda .price__items { grid-template-columns: 1fr; gap: 30px; } } .price-tilda .price__item { padding: 30px; justify-content: space-between; } @media only screen and (max-width: 1700px) { .price-tilda .price__item { padding: 25px; } } @media only screen and (max-width: 767px) { .price-tilda .price__item { padding: 20px 15px; } } .price-tilda .price__item:nth-child(-n + 3) { background: #262626; } .price-tilda .price__item-main { background: #333; grid-column: auto; } .price-tilda .price__item-main .price__text { max-width: 230px; margin: 0 auto 30px; text-align: center; } .price-tilda .price__item-main .price__bottom { padding-top: 0; border: 0; } .price-tilda .price__price { margin-bottom: 10px; } .price-tilda .price__price span { font-size: 48px; } @media only screen and (max-width: 1700px) { .price-tilda .price__price span { font-size: 40px; } } .price-tilda .price__block { flex-direction: column; align-items: center; justify-content: center; } .price-tilda .price__info { display: flex; flex-direction: column; align-items: center; justify-content: center; } .price-tilda .price__text { margin-bottom: 30px; } .services-price-state .services-price__man { width: 516px; height: auto; right: 138px; } @media only screen and (max-width: 1700px) { .services-price-state .services-price__man { right: 80px; width: 500px; } } @media only screen and (max-width: 1400px) { .services-price-state .services-price__man { right: 0; } } @media only screen and (max-width: 991px) { .services-price-state .services-price__man { right: auto; transform: translateY(10%); } } @media only screen and (max-width: 767px) { .services-price-state .services-price__man { max-width: 350px; width: 100%; transform: translateY(20%); margin: -30px auto 0; } } .services-price-state .services-price__head { width: 100%; top: -32px; right: 0; } .services-price-state .services-price__left { max-width: 800px; } @media only screen and (max-width: 1700px) { .services-price-state .services-price__left { max-width: 675px; } } @media only screen and (max-width: 1400px) { .services-price-state .services-price__left { max-width: 540px; } } @media only screen and (max-width: 991px) { .services-price-state .services-price__left { max-width: 100%; } } .services-price-state .title { margin-bottom: 40px; } @media only screen and (max-width: 991px) { .services-price-state .title { margin-bottom: 30px; } } .services-price-state .services-price__subtitle { max-width: 100%; padding-right: 100px; margin: 0; line-height: 130%; } @media only screen and (max-width: 1400px) { .services-price-state .services-price__subtitle { padding-right: 175px; } } @media only screen and (max-width: 991px) { .services-price-state .services-price__subtitle { padding-right: 0; } } .services-price-state .services-price__inner { padding: 60px; } @media only screen and (max-width: 1400px) { .services-price-state .services-price__inner { padding: 40px; } } @media only screen and (max-width: 991px) { .services-price-state .services-price__inner { padding: 40px 20px 0; overflow: hidden; } } .services-price-state .services-price__figure { display: flex; right: 80px; width: 735px; height: auto; } @media only screen and (max-width: 1700px) { .services-price-state .services-price__figure { right: 0; width: 670px; } } @media only screen and (max-width: 1400px) { .services-price-state .services-price__figure { width: 600px; } } @media only screen and (max-width: 991px) { .services-price-state .services-price__figure { right: auto; left: 50%; transform: translate(-50%, 0%); } } @media only screen and (max-width: 767px) { .services-price-state .services-price__figure { width: 450px; } } .services-price-state .services-price__figure img { border-radius: 0; } .project { margin-bottom: 180px; position: relative; } @media only screen and (max-width: 1400px) { .project { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .project { margin-bottom: 80px; } } .project__header { margin-bottom: 80px; display: grid; grid-template-columns: 55% auto; align-items: flex-end; gap: 50px; justify-content: space-between; opacity: 0; transition: 1000ms; transform: translateY(50px); } .project__header.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .project__header { grid-template-columns: 61% auto; } } @media only screen and (max-width: 991px) { .project__header { margin-bottom: 60px; display: block; } } .project__card { height: 100%; position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 60px; border-radius: 30px; } @media only screen and (max-width: 1700px) { .project__card { padding: 40px; } } @media only screen and (max-width: 1400px) { .project__card { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 991px) { .project__card { padding: 30px; gap: 20px; } } @media only screen and (max-width: 767px) { .project__card { padding: 30px 20px; display: flex; flex-direction: column; gap: 20px; } } .project__card:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .project__items { background: #262626; border-radius: 30px; padding: 30px; position: relative; z-index: 5; opacity: 0; transition: 1000ms; } .project__items.element-show { opacity: 1; } @media only screen and (max-width: 767px) { .project__items { padding: 20px 15px; border-radius: 20px; min-height: auto; } } .project__items:hover::before { opacity: 1; visibility: visible; } .project__items::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; border-radius: inherit; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 300ms; pointer-events: none; } .project__items:first-child .project__text { padding-right: 150px; } @media only screen and (max-width: 1700px) { .project__items:first-child .project__text { padding-right: 100px; } } @media only screen and (max-width: 767px) { .project__items:first-child .project__text { padding-right: 0; } } .project__items-yellow { background: #dafe52; } .project__items-yellow::before { display: none; } .project__items-yellow .project__head { color: #1f1f1f; } .project__items-yellow .project__text p { color: #1f1f1f; } .project__items-yellow .project__list li { color: #1f1f1f; } .project__items-last { grid-column: 2/4; display: grid; grid-template-columns: 44.81% 41.94%; justify-content: space-between; gap: 50px; align-items: flex-end; } @media only screen and (max-width: 1400px) { .project__items-last { grid-column: 1/3; } } @media only screen and (max-width: 767px) { .project__items-last { display: block; align-items: stretch; padding: 30px 20px 0; } } .project__items-last .project__image { position: static; width: auto; } @media only screen and (max-width: 767px) { .project__items-last .project__image { max-width: 400px; width: 100%; margin: 30px auto 0; float: none; } } .project__item { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; height: 100%; position: relative; z-index: 5; } @media only screen and (max-width: 767px) { .project__item { height: auto; } } .project__head { font-weight: 500; font-size: 20px; color: #fff; padding-bottom: 20px; border-bottom: 1px solid #313131; } .project__text { display: flex; flex-direction: column; gap: 10px; } .project__text p { line-height: 130%; letter-spacing: -0.01em; color: #777; } .project__text a { color: #fff; } .project__text a:hover { text-decoration: underline; } .project__image { position: absolute; bottom: 14px; right: 7px; display: flex; width: 152px; height: auto; } @media only screen and (max-width: 1700px) { .project__image { width: 100px; right: 0; } } @media only screen and (max-width: 767px) { .project__image { position: static; float: right; margin-top: 30px; } } .project__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .project__list { display: flex; flex-direction: column; gap: 10px; } .project__list li { line-height: 130%; letter-spacing: -0.01em; color: #777; position: relative; padding-left: 20px; } .project__list li b { color: #d9d9d9; font-weight: 400; } .project__list li span { display: block; position: absolute; top: 6px; left: 0; min-width: 10px; width: 10px; height: 10px; border-radius: 100%; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); } .project__list li span::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 7px; min-width: 7px; height: 7px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; z-index: 1; } .project .swiper-slide { height: auto; } @media only screen and (max-width: 991px) { .project .swiper { padding-bottom: 40px; } } .project .swiper-pagination { display: none; } @media only screen and (max-width: 991px) { .project .swiper-pagination { display: flex; } } .price-software .price__item { justify-content: flex-start; } .price-software .price__icon { width: 130px; } .price-software .price__list li { font-size: 16px; text-align: left; } .price-software .price__top { min-height: 205px; } @media only screen and (max-width: 767px) { .price-software .price__top { min-height: auto; } } .price-software .price__item-main .price__top { min-height: auto; } .advantages-software .advantages__item:nth-child(2)::before, .advantages-software .advantages__item:nth-child(3)::before { opacity: 0; visibility: hidden; } .advantages-software .advantages__item:last-child::before { opacity: 1; visibility: visible; } .advantages-software .advantages__title { max-width: 100%; } @media only screen and (max-width: 991px) { .advantages-software .advantages__title { padding: 0; } } @media only screen and (max-width: 991px) { .advantages-software .advantages__title br { display: none; } } .advantages-software .advantages__block { padding: 30px; } @media only screen and (max-width: 991px) { .advantages-software .advantages__block { padding: 30px 20px 0; } } @media only screen and (max-width: 1700px) { .advantages-software .advantages__block .advantages__text { max-width: 325px; } } @media only screen and (max-width: 1400px) { .advantages-software .advantages__block .advantages__text { max-width: 500px; } } @media only screen and (max-width: 991px) { .advantages-software .advantages__block .advantages__text { max-width: 100%; } } @media only screen and (max-width: 1400px) { .advantages-software .advantages__inner { grid-template-columns: 1fr; } } @media only screen and (max-width: 767px) { .project-software .project__items-last { padding: 30px 0 0 20px; } } .project-software .project__items-last .project__image { position: absolute; bottom: 0; right: 0; width: 600px; } @media only screen and (max-width: 1700px) { .project-software .project__items-last .project__image { width: 450px; } } @media only screen and (max-width: 991px) { .project-software .project__items-last .project__image { width: 350px; } } @media only screen and (max-width: 767px) { .project-software .project__items-last .project__image { position: static; max-width: 250px; width: 100%; float: right; } } .project-software .project__items-last .project__list li { color: #d9d9d9; } @media only screen and (max-width: 767px) { .project-software .project__items-last .project__item { padding-right: 20px; } } .project-software .project__list { max-width: 326px; } @media only screen and (max-width: 767px) { .project-software .project__list { max-width: 100%; } } .application { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .application { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .application { margin-bottom: 80px; } } .application__items { margin-bottom: 80px; display: inline-flex; flex-wrap: wrap; gap: 192px; border-top: 1px solid #313131; padding-top: 60px; } @media only screen and (max-width: 1700px) { .application__items { gap: 130px; } } @media only screen and (max-width: 1400px) { .application__items { gap: 90px; } } @media only screen and (max-width: 991px) { .application__items { justify-content: space-between; display: flex; gap: 50px; padding-top: 40px; margin-bottom: 60px; } } @media only screen and (max-width: 767px) { .application__items { gap: 40px; justify-content: center; margin-bottom: 40px; } } .application__number { margin-bottom: 20px; font-weight: 500; font-size: 64px; line-height: 100%; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (max-width: 767px) { .application__number { text-align: center; margin-bottom: 15px; font-size: 50px; } } .application__text { line-height: 130%; letter-spacing: -0.01em; color: #d9d9d9; } @media only screen and (max-width: 767px) { .application__text { text-align: center; } } .application__block { position: relative; border-radius: 30px; overflow: hidden; padding: 60px 40px; min-height: 600px; display: flex; flex-direction: column; justify-content: flex-end; } @media only screen and (max-width: 1400px) { .application__block { min-height: 400px; padding: 50px 30px; } } @media only screen and (max-width: 991px) { .application__block { padding: 40px 20px; min-height: 350px; } } @media only screen and (max-width: 767px) { .application__block { padding: 25px 15px; min-height: 280px; border-radius: 20px; } } .application__block::before { content: ""; display: block; background: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0.8) 100%); width: 100%; height: 100%; border-radius: inherit; pointer-events: none; position: absolute; top: 0; left: 0; z-index: 2; } .application__block-text { font-weight: 500; font-size: 36px; line-height: 120%; letter-spacing: -0.02em; color: #fff; position: relative; z-index: 5; max-width: 743px; opacity: 0; transition: 1000ms; transform: translateY(50px); } .application__block-text.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .application__block-text { font-size: 32px; } } @media only screen and (max-width: 991px) { .application__block-text { font-size: 28px; } } @media only screen and (max-width: 767px) { .application__block-text { font-size: 24px; max-width: 100%; } } @media only screen and (max-width: 767px) { .application__block-text br { display: none; } } .application__fon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; opacity: 0; transition: 1000ms; } .application__fon.element-show { opacity: 1; } .application__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .application__fon img { -o-object-position: 30% 0%; object-position: 30% 0%; } } .application .btn-ellipse { position: absolute; top: 40px; right: 40px; } @media only screen and (max-width: 1400px) { .application .btn-ellipse { top: 30px; right: 30px; } } @media only screen and (max-width: 767px) { .application .btn-ellipse { top: 20px; right: 20px; } } .application .btn-ellipse::before { display: none; } .application .btn-ellipse:hover .btn-ellipse__inner { background: #dafe52; } .application .btn-ellipse__inner { background: #fff; } .application .btn-ellipse__inner svg path { fill: #262626; } .application .develop__header { margin-bottom: 60px; grid-template-columns: auto 522px; gap: 222px; } @media only screen and (max-width: 1700px) { .application .develop__header { gap: 110px; } } @media only screen and (max-width: 1400px) { .application .develop__header { grid-template-columns: 1fr; gap: 40px; } } @media only screen and (max-width: 991px) { .application .develop__header { margin-bottom: 40px; gap: 30px; } } .functional { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .functional { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .functional { margin-bottom: 80px; } } .functional__swipe { display: none; opacity: 0; padding-right: 10px; } .functional__swipe img { transition: 1000ms; -webkit-animation: linear infinite; animation: linear infinite; -webkit-animation-name: run; animation-name: run; -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes run { 0% { transform: translateX(0); } 25% { transform: translateX(5px); } 50% { transform: translateX(0); } 75% { transform: translateX(-5px); } 100% { transform: translateX(0); } } @keyframes run { 0% { transform: translateX(0); } 25% { transform: translateX(5px); } 50% { transform: translateX(0); } 75% { transform: translateX(-5px); } 100% { transform: translateX(0); } } .functional__swipe.element-show { opacity: 1; } @media only screen and (max-width: 1400px) { .functional__swipe { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; } } .functional__tab { position: relative; margin-bottom: 80px; display: flex; background: #262626; border-radius: 30px; overflow: hidden; opacity: 0; transition: 1000ms; transform: translateY(50px); } .functional__tab.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .functional__tab { overflow-x: auto; margin-bottom: 60px; } .functional__tab::-webkit-scrollbar { width: 0; height: 0; background: transparent; opacity: 0; display: none; } } @media only screen and (max-width: 991px) { .functional__tab { border-radius: 20px; } } .functional__tab li { width: 100%; min-height: 94px; position: relative; transition: 300ms; padding: 1px; cursor: pointer; } @media only screen and (max-width: 1400px) { .functional__tab li { min-width: 150px; } } @media only screen and (max-width: 991px) { .functional__tab li { min-height: 80px; } } @media only screen and (max-width: 767px) { .functional__tab li { min-height: 70px; } } .functional__tab li:hover { border-radius: 30px !important; } .functional__tab li:hover::before { opacity: 1; visibility: visible; } .functional__tab li:before { content: ""; display: block; position: absolute; inset: 0; border-radius: 30px; background: linear-gradient(283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); transition: 300ms; z-index: 0; opacity: 0; visibility: hidden; } @media only screen and (max-width: 991px) { .functional__tab li:before { border-radius: 20px; } } .functional__tab li:first-child { border-radius: 30px 0 0 30px; } @media only screen and (max-width: 991px) { .functional__tab li:first-child { border-radius: 20px 0 0 20px; } } .functional__tab li:last-child { border-radius: 0 30px 30px 0; } @media only screen and (max-width: 991px) { .functional__tab li:last-child { border-radius: 0 20px 20px 0; } } .functional__tab li span { padding: 0 10px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #262626; border-radius: 30px; position: relative; z-index: 5; font-size: 20px; line-height: 105%; letter-spacing: -0.01em; color: #fff; text-align: center; transition: 300ms; } @media only screen and (max-width: 991px) { .functional__tab li span { border-radius: 20px; font-size: 18px; } } @media only screen and (max-width: 767px) { .functional__tab li span { font-size: 16px; } } .functional__tab li.active { border-radius: 30px !important; } @media only screen and (max-width: 991px) { .functional__tab li.active { border-radius: 20px !important; } } .functional__tab li.active::before { opacity: 1; visibility: visible; } .functional__contents { opacity: 0; transition: 1000ms; } .functional__contents.element-show { opacity: 1; } .functional__content { display: none; } .functional__content:first-child { display: block; } .functional__block { border-radius: 30px; background: #262626; overflow: hidden; padding: 60px 40px; position: relative; min-height: 522px; margin-bottom: 40px; } @media only screen and (max-width: 1400px) { .functional__block { padding: 30px; } } @media only screen and (max-width: 991px) { .functional__block { min-height: auto; } } @media only screen and (max-width: 767px) { .functional__block { padding: 20px 15px; } } .functional__block:last-child { margin-bottom: 0; } .functional__info { position: relative; z-index: 5; max-width: 747px; display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (max-width: 1700px) { .functional__info { max-width: 620px; } } @media only screen and (max-width: 1400px) { .functional__info { max-width: 490px; } } @media only screen and (max-width: 991px) { .functional__info { max-width: 100%; } } .functional__info .title-h2 { padding-bottom: 50px; border-bottom: 1px solid #313131; margin-bottom: 30px; } @media only screen and (max-width: 1400px) { .functional__info .title-h2 { padding-bottom: 40px; } } @media only screen and (max-width: 991px) { .functional__info .title-h2 { padding-bottom: 0; border-bottom: 0; } } .functional__text { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #777; } @media only screen and (max-width: 767px) { .functional__text { font-size: 16px; } } .functional__fon { display: flex; position: absolute; top: 0; right: 0; width: 950px; height: 100%; mix-blend-mode: color-dodge; opacity: 0.15; pointer-events: none; } @media only screen and (max-width: 1700px) { .functional__fon { right: -140px; } } @media only screen and (max-width: 1400px) { .functional__fon { right: -190px; } } @media only screen and (max-width: 991px) { .functional__fon { right: auto; top: auto; bottom: 0; left: 0; width: 100%; height: 100%; } } .functional__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } .functional__image { position: absolute; top: 30px; right: 350px; width: 220px; height: auto; box-shadow: 0px -4.84px 21.2px 0px #0000001a; } .functional__image video { width: 100%; } @media only screen and (max-width: 1700px) { .functional__image { right: 210px; } } @media only screen and (max-width: 1400px) { .functional__image { right: 160px; } } @media only screen and (max-width: 991px) { .functional__image { position: relative; right: auto; top: auto; margin: 50px auto 0; } } @media only screen and (max-width: 767px) { .functional__image { width: 100px; } } .functional__name { font-weight: 500; line-height: 105%; letter-spacing: -0.01em; color: #d9d9d9; position: absolute; } @media only screen and (max-width: 767px) { .functional__name { font-size: 14px; font-weight: 400; } } .functional__name::before { content: ""; display: block; background: url(/local/templates/brevis/assets/css/../images/functional-line.svg) no-repeat; width: 100%; background-size: 100%; height: 29px; position: absolute; bottom: -36px; left: 0; } @media only screen and (max-width: 767px) { .functional__name::before { height: 15px; bottom: -20px; } } .functional__name:nth-child(2n) { text-align: right; } .functional__name:nth-child(2n)::before { transform: scaleX(-1); } .functional__name:last-child { text-align: right; } .functional__name:last-child::before { transform: scaleX(-1); } .functional__name-first { top: 2px; left: -90px; width: 116px; } @media only screen and (max-width: 767px) { .functional__name-first { width: 83px; left: -66px; top: -14px; } } .functional__name-second { top: 16px; right: -100px; width: 130px; } @media only screen and (max-width: 767px) { .functional__name-second { width: 94px; right: -77px; top: -7px; } } .functional__name-third { top: 60px; left: -115px; width: 146px; } @media only screen and (max-width: 767px) { .functional__name-third { left: -84px; top: 14px; width: 110px; } } .functional__name-fourth { top: 148px; right: -145px; width: 188px; } @media only screen and (max-width: 767px) { .functional__name-fourth { top: 50px; right: -105px; width: 160px; } } .functional__name-fifth { bottom: 82px; right: -105px; width: 135px; } @media only screen and (max-width: 767px) { .functional__name-fifth { bottom: 40px; right: -73px; width: 91px; } } .functional__list { display: flex; flex-direction: column; gap: 10px; } .functional__list li { display: flex; align-items: baseline; gap: 10px; font-size: 20px; color: #777; } .functional__list li::before { content: ""; display: block; background: #fff; border-radius: 100%; width: 10px; min-width: 10px; height: 10px; } .functional .develop__header { margin-bottom: 60px; grid-template-columns: auto 444px; gap: 291px; } @media only screen and (max-width: 1700px) { .functional .develop__header { gap: 180px; } } @media only screen and (max-width: 1400px) { .functional .develop__header { grid-template-columns: 1fr; gap: 40px; } } @media only screen and (max-width: 991px) { .functional .develop__header { margin-bottom: 40px; gap: 30px; } } .functional .button { margin-top: 40px; } .quiz { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .quiz { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .quiz { margin-bottom: 80px; } } .quiz__header { margin-bottom: 80px; max-width: 700px; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .quiz__header.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1700px) { .quiz__header { margin-bottom: 60px; } } @media only screen and (max-width: 1400px) { .quiz__header { margin-bottom: 60px; } } @media only screen and (max-width: 991px) { .quiz__header { margin-bottom: 40px; } } .quiz__content { padding: 40px; background: #262626; border-radius: 30px; opacity: 0; transition: 1000ms; } .quiz__content.element-show { opacity: 1; } @media only screen and (max-width: 991px) { .quiz__content { padding: 30px; } } @media only screen and (max-width: 767px) { .quiz__content { padding: 25px 20px; } } .quiz__content-first .quiz__image { top: auto; bottom: 0; right: 0; } @media only screen and (max-width: 1700px) { .quiz__content-first .quiz__image { width: 200px; } } @media only screen and (max-width: 991px) { .quiz__content-first .quiz__image { width: 170px; } } @media only screen and (max-width: 767px) { .quiz__content-first .quiz__image { width: 150px; } } @media only screen and (max-width: 1700px) { .quiz__content-second .quiz__image { height: 160px; } } @media only screen and (max-width: 991px) { .quiz__content-second .quiz__image { height: 130px; } } @media only screen and (max-width: 767px) { .quiz__content-second .quiz__image { height: 100px; top: auto; bottom: 30px; } } @media only screen and (max-width: 1700px) { .quiz__content-third .quiz__image { height: 130px; } } @media only screen and (max-width: 991px) { .quiz__content-third .quiz__image { height: 110px; } } @media only screen and (max-width: 767px) { .quiz__content-third .quiz__image { height: 100px; } } @media only screen and (max-width: 1700px) { .quiz__content-fourth .quiz__image { height: 90px; } } @media only screen and (max-width: 991px) { .quiz__content-fourth .quiz__image { height: 80px; } } @media only screen and (max-width: 767px) { .quiz__content-fourth .quiz__image { height: 60px; } } .quiz__content-form { padding: 0; background: none; border-radius: 0; } .quiz__content-form .form__checkbox p { font-size: 16px; } .quiz__content-form .form__checkbox p span { font-weight: 500; color: #fff; } .quiz__content-form .subtitle { margin-bottom: 0; } .quiz__name { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #aeaeae; margin-bottom: 30px; } .quiz__items { display: flex; gap: 30px; } @media only screen and (max-width: 1400px) { .quiz__items { display: grid; grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 991px) { .quiz__items { gap: 20px; } } @media only screen and (max-width: 767px) { .quiz__items { grid-template-columns: 1fr; } } .quiz__item { min-height: 270px; border-radius: 30px; position: relative; overflow: hidden; padding: 1px; flex: 1; } @media only screen and (max-width: 1700px) { .quiz__item { min-height: 240px; } } @media only screen and (max-width: 1400px) { .quiz__item { min-height: 200px; flex: auto; } } .quiz__item:hover::before { opacity: 1; visibility: visible; } .quiz__item:hover::after { opacity: 0.4; visibility: visible; } .quiz__item:before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); transition: 300ms; z-index: 0; pointer-events: none; opacity: 0; visibility: hidden; } .quiz__item::after { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; pointer-events: none; z-index: 1; opacity: 0; visibility: hidden; transition: 300ms; } .quiz__item-inner { background: #1f1f1f; position: relative; z-index: 1; width: 100%; height: 100%; border-radius: 30px; } .quiz__item .form__checkbox { width: 100%; height: 100%; flex-direction: column; justify-content: space-between; padding: 20px; cursor: pointer; } .quiz__item .form__checkbox p { font-size: 25px; line-height: 120%; color: #fff; max-width: 215px; } @media only screen and (max-width: 1700px) { .quiz__item .form__checkbox p { max-width: 190px; font-size: 22px; } } @media only screen and (max-width: 767px) { .quiz__item .form__checkbox p { font-size: 20px; max-width: 150px; } } .quiz__item .form__checkbox-input { width: 34px; height: 34px; min-width: 34px; } .quiz__image { position: absolute; top: 30px; right: 20px; width: auto; height: auto; pointer-events: none; } .quiz__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .quiz__nav { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; gap: 50px; position: relative; } .quiz__arrow { width: 60px; height: 60px; min-width: 60px; border-radius: 100%; overflow: hidden; padding: 1px; position: relative; transition: 300ms; cursor: pointer; } .quiz__arrow:hover::before { transform: rotate(180deg); } .quiz__arrow:before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(-283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); transition: 300ms; z-index: 0; pointer-events: none; } .quiz__arrow-inner { width: 100%; height: 100%; border-radius: 100%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; transition: 300ms; background: #1f1f1f; } .quiz__arrow-inner svg path { transition: 300ms; } .quiz__arrow-prev::before { background: linear-gradient(283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); } .quiz__arrow-prev .quiz__arrow-inner svg { transform: rotate(180deg); } .quiz__arrow.disabled { opacity: 0.4; cursor: auto; pointer-events: none; } .quiz__arrow.disabled:hover::before { transform: none; } .quiz__arrow.none { display: none; } .quiz__page { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #aeaeae; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .quiz .form__inner::before { display: none; } .quiz .form__text { max-width: 100%; padding-right: 60px; } @media only screen and (max-width: 1400px) { .quiz .form__text { padding-right: 0; } } .quiz .form__title { font-weight: 700; font-size: 40px; line-height: 120%; margin-bottom: 0; } @media only screen and (max-width: 767px) { .quiz .form__title { font-size: 36px; line-height: 100%; } } .quiz .form__title span { font-weight: 500; font-size: 36px; } @media only screen and (max-width: 767px) { .quiz .form__title span { font-size: 28px; } } @media only screen and (max-width: 991px) { .quiz .form__left { gap: 20px; } } .quiz .form__end { align-items: center; } .quiz .form__textarea { grid-row: auto; } .case-application { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .case-application { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .case-application { margin-bottom: 80px; } } .case-application__header { margin-bottom: 80px; display: grid; grid-template-columns: auto 530px auto; align-items: flex-end; justify-content: space-between; gap: 50px; opacity: 0; transition: 1000ms; transform: translateY(50px); } .case-application__header.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .case-application__header { grid-template-columns: auto auto; margin-bottom: 60px; } } @media only screen and (max-width: 991px) { .case-application__header { grid-template-columns: 1fr; margin-bottom: 40px; } } .case-application__header-text { line-height: 130%; letter-spacing: -0.01em; color: #777; } @media only screen and (max-width: 1400px) { .case-application__header-text { grid-row: 2 / 2; } } .case-application__header-text span { font-weight: 500; color: #fff; } .case-application__card { position: relative; padding: 1px; border-radius: 30px; overflow: hidden; height: 100%; } .case-application__card:before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); transition: 300ms; z-index: 0; pointer-events: none; } .case-application__card-inner { border-radius: 30px; background: #1f1f1f; position: relative; z-index: 1; width: 100%; height: 100%; padding: 40px; } @media only screen and (max-width: 1400px) { .case-application__card-inner { padding: 30px 30px 0; } } @media only screen and (max-width: 991px) { .case-application__card-inner { padding: 30px 15px 0; } } .case-application__card.first .case-application__card-inner:hover::before { opacity: 1; visibility: visible; } .case-application__card.first .case-application__card-inner::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; pointer-events: none; transition: 300ms; opacity: 0; visibility: hidden; } .case-application__card.first .case-application__image { right: 80px; bottom: 40px; } @media only screen and (max-width: 1700px) { .case-application__card.first .case-application__image { right: 40px; } } @media only screen and (max-width: 1400px) { .case-application__card.first .case-application__image { right: auto; bottom: auto; } } .case-application__card.second .case-application__image { width: 469px; bottom: 83px; right: 152px; } @media only screen and (max-width: 1700px) { .case-application__card.second .case-application__image { bottom: 51px; right: 130px; } } @media only screen and (max-width: 1400px) { .case-application__card.second .case-application__image { bottom: auto; right: auto; width: 400px; } } @media only screen and (max-width: 767px) { .case-application__card.second .case-application__image { width: 100%; } } .case-application__card.second .case-application__fon { width: 775px; } @media only screen and (max-width: 1400px) { .case-application__card.second .case-application__fon { width: 100%; height: 100%; } } @media only screen and (max-width: 1400px) { .case-application__card.second .case-application__fon img:first-child { display: none; } } .case-application__card.second .case-application__fon img:last-child { display: none; } @media only screen and (max-width: 1400px) { .case-application__card.second .case-application__fon img:last-child { display: block; } } .case-application__content { max-width: 750px; position: relative; z-index: 5; } @media only screen and (max-width: 1700px) { .case-application__content { max-width: 600px; } } @media only screen and (max-width: 1400px) { .case-application__content { max-width: 100%; } } .case-application__name { font-weight: 500; font-size: 20px; line-height: 100%; text-transform: uppercase; color: #fff; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #313131; } @media only screen and (max-width: 1700px) { .case-application__name { padding-bottom: 25px; margin-bottom: 25px; } } .case-application__name span { display: block; text-transform: none; font-weight: 400; font-size: 16px; color: #777; margin-top: 10px; } .case-application__text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #d9d9d9; margin-bottom: 20px; } @media only screen and (max-width: 1700px) { .case-application__text { margin-bottom: 15px; } } .case-application__list { display: flex; flex-direction: column; gap: 15px; } .case-application__list li { display: flex; align-items: baseline; gap: 10px; line-height: 105%; letter-spacing: -0.01em; color: #777; } .case-application__list li::before { content: ""; display: block; width: 10px; min-width: 10px; height: 10px; border-radius: 100%; background: #fff; } .case-application__fon { display: flex; position: absolute; top: 0; right: 0; width: 835px; height: 100%; opacity: 0.6; z-index: 1; pointer-events: none; } @media only screen and (max-width: 1400px) { .case-application__fon { width: 100%; opacity: 0.3; } } .case-application__fon::before { content: ""; display: block; height: 100%; width: 174px; background: linear-gradient(90deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 100%); position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; } @media only screen and (max-width: 991px) { .case-application__fon::before { display: none; } } .case-application__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 991px) { .case-application__fon img { -o-object-position: right; object-position: right; } } .case-application__image { display: flex; position: absolute; bottom: 0px; right: 75px; width: 600px; height: auto; z-index: 3; } @media only screen and (max-width: 1700px) { .case-application__image { width: 550px; right: 45px; } } @media only screen and (max-width: 1400px) { .case-application__image { position: static; margin: 30px auto 0; width: 400px; } } @media only screen and (max-width: 767px) { .case-application__image { width: 100%; max-width: 400px; } } .case-application__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .case-application__figure { display: flex; position: absolute; bottom: 0; left: 0; width: 591px; height: auto; pointer-events: none; z-index: 2; } @media only screen and (max-width: 1700px) { .case-application__figure { width: 550px; } } @media only screen and (max-width: 1400px) { .case-application__figure { display: none; } } .case-application__figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .case-application__slider { opacity: 0; transition: 1000ms; } .case-application__slider.element-show { opacity: 1; } .case-application .swiper-pagination { display: none; } @media only screen and (max-width: 991px) { .case-application .swiper-pagination { display: flex; } } .case-application .swiper { margin-bottom: 40px; } @media only screen and (max-width: 991px) { .case-application .swiper { padding-bottom: 40px; } } .case-application .case__category { margin-bottom: 40px; } @media only screen and (max-width: 1700px) { .case-application .case__category { margin-bottom: 30px; } } .case-application .title-h1 { font-size: 64px; font-weight: 500; text-transform: none; line-height: 100%; margin-bottom: 50px; } @media only screen and (max-width: 1700px) { .case-application .title-h1 { font-size: 50px; margin-bottom: 30px; } } @media only screen and (max-width: 1400px) { .case-application .title-h1 { font-size: 40px; margin-bottom: 40px; } } @media only screen and (max-width: 991px) { .case-application .title-h1 { font-size: 40px; } } @media only screen and (max-width: 767px) { .case-application .title-h1 { font-size: 32px; margin-bottom: 30px; } } @media only screen and (max-width: 1400px) { .case-application .title-h1 br { display: none; } } .case-application .button { width: 300px; min-width: 300px; margin: 0 auto; } @media only screen and (max-width: 767px) { .case-application .button { width: 100%; min-width: auto; } } @media only screen and (max-width: 991px) { .case-application .team__arrows { display: none; } } .stack { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .stack { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .stack { margin-bottom: 80px; } } .stack__inner { position: relative; background: #262626; border-radius: 30px; padding: 60px 40px; display: grid; grid-template-columns: 495px 49.62%; gap: 40px; justify-content: space-between; align-items: flex-start; overflow: hidden; } @media only screen and (max-width: 1700px) { .stack__inner { grid-template-columns: 436px 57.62%; } } @media only screen and (max-width: 1400px) { .stack__inner { grid-template-columns: 1fr; padding: 40px; } } @media only screen and (max-width: 991px) { .stack__inner { padding: 30px; } } @media only screen and (max-width: 767px) { .stack__inner { padding: 20px; } } .stack__figure { display: flex; position: absolute; bottom: 0; left: 41px; width: 1100px; height: auto; } @media only screen and (max-width: 1700px) { .stack__figure { width: 900px; } } @media only screen and (max-width: 1400px) { .stack__figure { width: 800px; } } @media only screen and (max-width: 767px) { .stack__figure { width: 700px; } } .stack__figure img { width: 100%; height: 100%; } .stack__left { position: relative; z-index: 5; opacity: 0; transition: 1000ms; transform: translateX(-50px); } .stack__left.element-show { opacity: 1; transform: none; } .stack__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .stack__text span { color: #fff; } .stack__items { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; position: relative; z-index: 5; } @media only screen and (max-width: 991px) { .stack__items { grid-template-columns: 1fr; } } .stack__item { padding: 40px 30px; border-radius: 30px; background: #1f1f1f; display: flex; flex-direction: column; gap: 40px; justify-content: space-between; opacity: 0; transition: 1000ms; } .stack__item.element-show { opacity: 1; } @media only screen and (max-width: 991px) { .stack__item { padding: 30px; } } .stack__name { margin-bottom: 40px; font-size: 28px; line-height: 120%; color: #fff; } .stack__list { display: flex; flex-direction: column; gap: 10px; } .stack__list li { position: relative; padding-left: 20px; line-height: 130%; letter-spacing: -0.01em; color: #777; } .stack__list li::before { content: ""; display: block; background: #fff; width: 10px; min-width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 50%; transform: translate(0%, -50%); left: 0; } .stack__list li span { color: #d9d9d9; } .stack__icons { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; } @media only screen and (max-width: 400px) { .stack__icons { grid-template-columns: 1fr 1fr; } } .stack__icon { overflow: hidden; border-radius: 20px; padding: 1px; position: relative; min-height: 92px; } .stack__icon:before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); transition: 300ms; z-index: 0; pointer-events: none; } .stack__icon-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 20px; background: #1f1f1f; position: relative; z-index: 1; } .stack .title-h2 { margin-bottom: 40px; } @media only screen and (max-width: 991px) { .stack .title-h2 { margin-bottom: 30px; } } .advantages-bitrix .develop__header { gap: 326px; grid-template-columns: auto 444px; } @media only screen and (max-width: 1700px) { .advantages-bitrix .develop__header { gap: 200px; } } @media only screen and (max-width: 1400px) { .advantages-bitrix .develop__header { grid-template-columns: 1fr; gap: 40px; } } .advantages-bitrix .advantages__inner { display: block; } .advantages-bitrix .advantages__items { grid-template-columns: repeat(5, 1fr); gap: 30px; } @media only screen and (max-width: 1400px) { .advantages-bitrix .advantages__items { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 991px) { .advantages-bitrix .advantages__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .advantages-bitrix .advantages__items { grid-template-columns: 1fr; gap: 20px; } } .advantages-bitrix .advantages__item { justify-content: flex-start; } @media only screen and (max-width: 1700px) { .advantages-bitrix .advantages__item { padding: 20px; gap: 20px; } } @media only screen and (max-width: 767px) { .advantages-bitrix .advantages__item { padding: 20px 15px; } } .advantages-bitrix .advantages__item:nth-child(8n) { background: #dafe52; } .advantages-bitrix .advantages__item:nth-child(8n)::before { opacity: 0; visibility: hidden; } .advantages-bitrix .advantages__item:nth-child(8n) .advantages__title { color: #1f1f1f; } .advantages-bitrix .advantages__item:nth-child(8n) .advantages__text { color: #1f1f1f; } .advantages-bitrix .advantages__item:nth-last-child(2)::before { opacity: 0; visibility: hidden; } .advantages-bitrix .advantages__item:nth-child(2)::before, .advantages-bitrix .advantages__item:nth-child(3)::before, .advantages-bitrix .advantages__item:nth-child(5)::before, .advantages-bitrix .advantages__item:nth-child(6)::before { opacity: 0; visibility: hidden; } .advantages-bitrix .advantages__title { max-width: 100%; } @media only screen and (max-width: 1700px) { .advantages-bitrix .advantages__title { font-size: 18px; } } .success-bitrix .success__item-text { overflow-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .success-bitrix .success__slider .button { min-width: auto; width: 100%; opacity: 1; transform: none; } @media only screen and (max-width: 767px) { .success-bitrix .success__slider .button { margin-top: auto; } } .success-bitrix .success__text { max-width: 493px; } @media only screen and (max-width: 1400px) { .success-bitrix .success__text { max-width: 100%; } } .success-bitrix .title-h2 { margin-bottom: 30px; } @media only screen and (max-width: 1400px) { .success-bitrix .title-h2 br { display: none; } } .success-bitrix .success__item { padding: 30px 15px; gap: 20px; height: 100%; } @media only screen and (max-width: 767px) { .success-bitrix .success__item { justify-content: flex-start; } } .success-bitrix .success__logo { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .success-bitrix .success__logo { margin: 0 0 20px; } } .success-bitrix .swiper-slide { height: auto; } .bitrix { margin-bottom: 180px; position: relative; } @media only screen and (max-width: 1400px) { .bitrix { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .bitrix { margin-bottom: 80px; } } .bitrix__scroll { position: relative; background: #262626; border-radius: 40px; padding-bottom: 85px; overflow: hidden; opacity: 0; transition: 1000ms; transform: translateY(50px); } .bitrix__scroll.element-show { opacity: 1; transform: none; } @media only screen and (max-width: 1400px) { .bitrix__scroll { border-radius: 30px; } } @media only screen and (max-width: 991px) { .bitrix__scroll { overflow-x: auto; border-radius: 20px; } .bitrix__scroll::-webkit-scrollbar { width: 0; height: 0; background: transparent; opacity: 0; display: none; } } .bitrix__inner { margin-bottom: 40px; } @media only screen and (max-width: 991px) { .bitrix__inner { width: 970px; min-width: 970px; } } .bitrix__header { display: flex; gap: 0; } .bitrix__left { padding: 30px; width: 100%; } @media only screen and (max-width: 1700px) { .bitrix__left { padding: 25px; } } @media only screen and (max-width: 1400px) { .bitrix__left { padding: 20px; } } .bitrix__info { height: 100%; border-radius: 30px; padding: 30px; background: #1f1f1f; font-weight: 500; font-size: 20px; line-height: 130%; letter-spacing: -0.01em; color: #777; } @media only screen and (max-width: 1700px) { .bitrix__info { padding: 25px; } } @media only screen and (max-width: 1400px) { .bitrix__info { font-size: 16px; padding: 20px 15px; border-radius: 20px; } } .bitrix__info span { color: #fff; } @media only screen and (max-width: 767px) { .bitrix__info br { display: none; } } .bitrix__block { padding: 70px 20px 40px; transition: 300ms; position: relative; border-radius: 30px; border-bottom: 1px solid transparent; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; width: 100%; } @media only screen and (max-width: 1700px) { .bitrix__block { padding: 60px 20px 30px; } } @media only screen and (max-width: 1400px) { .bitrix__block { padding: 40px 15px 20px; } } .bitrix__block:hover::before { opacity: 1; visibility: visible; border-bottom: 1px solid #313131; } .bitrix__block::before { content: ""; display: block; background: linear-gradient(317deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); border-radius: inherit; width: 100%; height: 100%; transition: 300ms; pointer-events: none; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .bitrix__name { font-weight: 500; font-size: 28px; line-height: 130%; letter-spacing: -0.01em; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 30px; overflow-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media only screen and (max-width: 1700px) { .bitrix__name { font-size: 26px; } } @media only screen and (max-width: 1400px) { .bitrix__name { font-size: 19px; margin-bottom: 20px; } } .bitrix__price { font-size: 20px; line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #fff; } @media only screen and (max-width: 1400px) { .bitrix__price { font-size: 16px; } } .bitrix__price span { font-weight: 500; font-size: 28px; text-transform: uppercase; color: #dafe52; } @media only screen and (max-width: 1700px) { .bitrix__price span { font-size: 26px; } } @media only screen and (max-width: 1400px) { .bitrix__price span { font-size: 22px; } } .bitrix__table { padding: 0 30px; position: relative; } @media only screen and (max-width: 1700px) { .bitrix__table { padding: 0 25px; } } @media only screen and (max-width: 1400px) { .bitrix__table { padding: 0 20px; } } .bitrix__table.active .bitrix__table-items { display: flex; } .bitrix__table-items { display: none; gap: 0; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; background: #1f1f1f; border-radius: 30px; } .bitrix__table_under .bitrix__table-items { display: flex; } .bitrix__table_under { padding: 0 30px; position: relative; } @media only screen and (max-width: 1400px) { .bitrix__table_under { padding: 0 20px; } } .bitrix__scroll_upper { border-radius: 40px 40px 0 0; } .bitrix__scroll_under { border-radius: 0 0 40px 40px; } .bitrix__table-span { width: 100%; text-align: center; justify-content: center; font-weight: 700; } .bitrix__table-span .bitrix__table-item:first-child { text-align: center; justify-content: center; font-weight: 700; } .bitrix__table-second { margin-left: 30px; } .bitrix__table-second .bitrix__table-item:first-child { font-size: 16px; } .bitrix__table-tree .bitrix__table-item:first-child { font-weight: bold; } @media only screen and (max-width: 1700px) { .bitrix__table-items { font-size: 18px; } } @media only screen and (max-width: 1400px) { .bitrix__table-items { font-size: 16px; border-radius: 20px; } } .bitrix__table-items:nth-child(2n) { background: none; } .bitrix__table-items:nth-child(2n) .bitrix__arrow { background: #1f1f1f; } .bitrix__table-items:nth-child(-n + 4) { display: flex; } .bitrix__table-item { display: flex; align-items: center; justify-content: center; padding: 20px 30px; min-height: 90px; width: 100%; } @media only screen and (max-width: 1700px) { .bitrix__table-item { padding: 20px 25px; } } @media only screen and (max-width: 1400px) { .bitrix__table-item { padding: 20px; } } .bitrix__table-item:first-child { justify-content: flex-start; } .bitrix__table-item span { color: #777; margin-left: 3px; } .bitrix__arrow { border-radius: 100%; background: #262626; width: 50px; height: 50px; min-width: 50px; display: flex; align-items: center; justify-content: center; } .bitrix__arrow img { width: 18px; height: auto; } .bitrix__btn { display: flex; flex-direction: column; align-items: center; gap: 10px; justify-content: center; transition: 300ms; cursor: pointer; position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, 0%); } .bitrix__btn.active { flex-direction: column-reverse; } .bitrix__btn.active svg { transform: rotate(180deg); } .bitrix__btn:hover span { color: #dafe52; } .bitrix__btn:hover svg path { fill: #dafe52; } .bitrix__btn span { font-weight: 500; color: #fff; transition: 300ms; } .bitrix__btn svg { transition: 300ms; } .bitrix__btn svg path { transition: 300ms; } .bitrix__text { text-align: center; color: #777; margin-bottom: 30px; } .bitrix__text span { color: #fff; } .bitrix__list { display: flex; flex-direction: column; gap: 10px; } .bitrix__list li { color: #777; display: flex; align-items: center; gap: 10px; } .bitrix__list li::before { content: ""; display: block; width: 10px; min-width: 10px; height: 10px; border-radius: 100%; background: #fff; } .bitrix__list li span { color: #fff; } .bitrix__new { position: relative; margin-bottom: 30px; } .bitrix__new.active .bitrix__new-head img { transform: rotate(180deg); } .bitrix__new-head { display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; color: #fff; font-weight: 500; z-index: 5; border-radius: 30px; background: #1f1f1f; } @media only screen and (max-width: 1700px) { .bitrix__new-head { padding: 20px 15px; } } .bitrix__new-head span { font-weight: 500; color: #fff; text-align: center; position: relative; z-index: 11; } @media only screen and (max-width: 1700px) { .bitrix__new-head span { font-size: 14px; } } .bitrix__new-head img { position: relative; z-index: 11; transition: 300ms; } .bitrix__new-drop { display: none; position: absolute; top: 35px; left: 0; width: 100%; background: #1f1f1f; border-radius: 0 0 30px 30px; z-index: 10; } .bitrix__new-drop ul { margin: 0; padding: 20px; list-style: none; } @media only screen and (max-width: 1700px) { .bitrix__new-drop ul { padding: 20px 15px; } } .bitrix__new-drop ul li { font-weight: 500; color: #fff; margin-bottom: 10px; cursor: pointer; transition: 300ms; text-align: center; padding-right: 10px; } @media only screen and (max-width: 1700px) { .bitrix__new-drop ul li { font-size: 14px; } } .bitrix__new-drop ul li:hover { color: #dafe52; } .bitrix__new-drop ul li.active { color: #dafe52; } .bitrix__new-drop ul li:last-child { margin-bottom: 0; } .bitrix .develop__header { gap: 246px; grid-template-columns: 570px 505px; } @media only screen and (max-width: 1700px) { .bitrix .develop__header { gap: 130px; } } @media only screen and (max-width: 1400px) { .bitrix .develop__header { grid-template-columns: 1fr; gap: 40px; } } .bitrix .button { min-width: auto; width: 100%; } @media only screen and (max-width: 1400px) { .bitrix .button { height: 50px; } } .bitrix .functional__swipe { display: none; } @media only screen and (max-width: 991px) { .bitrix .functional__swipe { display: flex; margin: 0 20px 20px 0; } } .services-price-bitrix .services-price__fon { width: 760px; opacity: 1; mix-blend-mode: normal; } .services-price-bitrix .services-price__fon::before { content: ""; display: block; background: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 100%); height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; pointer-events: none; z-index: 2; } .services-price-bitrix .services-price__fon img { -o-object-position: right; object-position: right; border-radius: 0; } .services-price-bitrix .services-price__left { max-width: 726px; } .services-price-bitrix .services-price__inner { padding: 60px; overflow: hidden; } .services-price-bitrix .services-price__subtitle { margin-bottom: 0; } .bitrix-composite { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .bitrix-composite { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .bitrix-composite { margin-bottom: 80px; } } .bitrix-composite__block { overflow: hidden; padding: 1px; position: relative; border-radius: 30px; opacity: 0; transition: 1000ms; transform: translateY(50px); } .bitrix-composite__block.element-show { opacity: 1; transform: none; } .bitrix-composite__block::before { content: ""; display: block; position: absolute; padding: 0; top: 0; left: 0; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); width: 100%; height: 100%; -webkit-mask-composite: inherit; mask-composite: inherit; } .bitrix-composite__inner { position: relative; z-index: 1; width: 100%; height: 100%; padding: 60px; background: #1f1f1f; border-radius: 30px; } @media only screen and (max-width: 1700px) { .bitrix-composite__inner { padding: 40px; } } @media only screen and (max-width: 991px) { .bitrix-composite__inner { padding: 30px; } } @media only screen and (max-width: 767px) { .bitrix-composite__inner { padding: 20px; } } .bitrix-composite__left { max-width: 726px; position: relative; z-index: 5; } @media only screen and (max-width: 1700px) { .bitrix-composite__left { max-width: 680px; } } @media only screen and (max-width: 1400px) { .bitrix-composite__left { max-width: 474px; } } @media only screen and (max-width: 991px) { .bitrix-composite__left { max-width: 100%; } } .bitrix-composite__fon { width: 760px; height: 100%; position: absolute; bottom: 0; right: 0; display: flex; } @media only screen and (max-width: 1700px) { .bitrix-composite__fon { width: 570px; } } @media only screen and (max-width: 1400px) { .bitrix-composite__fon { width: 400px; } } @media only screen and (max-width: 991px) { .bitrix-composite__fon { width: 100%; mix-blend-mode: color-dodge; opacity: 0.15; } } .bitrix-composite__fon::before { content: ""; display: block; background: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 100%); width: 50%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; z-index: 1; } @media only screen and (max-width: 1400px) { .bitrix-composite__fon::before { width: 80%; } } @media only screen and (max-width: 991px) { .bitrix-composite__fon::before { display: none; } } .bitrix-composite__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 991px) { .bitrix-composite__fon img:first-child { display: none; } } .bitrix-composite__fon img:last-child { display: none; } @media only screen and (max-width: 991px) { .bitrix-composite__fon img:last-child { display: block; } } .bitrix-composite__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .bitrix-composite__text span { color: #fff; } .bitrix-composite .title-h2 { margin-bottom: 30px; } .advantages-bitrix-composite .develop__header { grid-template-columns: 595px 457px; justify-content: stretch; } @media only screen and (max-width: 1700px) { .advantages-bitrix-composite .develop__header { gap: 75px; } } @media only screen and (max-width: 1400px) { .advantages-bitrix-composite .develop__header { grid-template-columns: 1fr; gap: 40px; } } .advantages-bitrix-composite .advantages__inner { display: block; } .advantages-bitrix-composite .advantages__items { grid-template-columns: repeat(4, 1fr); gap: 30px; } @media only screen and (max-width: 1400px) { .advantages-bitrix-composite .advantages__items { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 767px) { .advantages-bitrix-composite .advantages__items { grid-template-columns: 1fr; gap: 20px; } } .advantages-bitrix-composite .advantages__item { min-height: 262px; } @media only screen and (max-width: 1400px) { .advantages-bitrix-composite .advantages__item { min-height: 200px; } } @media only screen and (max-width: 991px) { .advantages-bitrix-composite .advantages__item { min-height: auto; } } .advantages-bitrix-composite .advantages__item:nth-child(3)::before { opacity: 0; visibility: hidden; } .advantages-bitrix-composite .advantages__item:last-child::before { opacity: 1; visibility: visible; } .advantages-bitrix-composite .advantages__title { max-width: 100%; } @media only screen and (max-width: 1700px) { .advantages-bitrix-composite .advantages__title { font-size: 18px; } } .services-price-composite .services-price__man { width: 415px; height: auto; right: 204px; } @media only screen and (max-width: 1400px) { .services-price-composite .services-price__man { right: 100px; width: 350px; } } @media only screen and (max-width: 991px) { .services-price-composite .services-price__man { position: relative; bottom: auto; right: auto; max-width: 350px; width: 100%; } } .services-price-composite .services-price__man img { border-radius: 0; } .services-price-composite .services-price__subtitle { max-width: 503px; } @media only screen and (max-width: 991px) { .services-price-composite .services-price__subtitle { max-width: 100%; } } .services-price-composite .services-price__left { max-width: 694px; } @media only screen and (max-width: 1400px) { .services-price-composite .services-price__left { max-width: 541px; } } @media only screen and (max-width: 991px) { .services-price-composite .services-price__left { max-width: 100%; } } .advantages-bitrix-integration .develop__header { gap: 350px; grid-template-columns: auto 557px; } @media only screen and (max-width: 1700px) { .advantages-bitrix-integration .develop__header { gap: 220px; } } @media only screen and (max-width: 1400px) { .advantages-bitrix-integration .develop__header { grid-template-columns: 1fr; gap: 40px; } } .advantages-bitrix-integration .advantages__inner { display: block; } .advantages-bitrix-integration .advantages__items { grid-template-columns: 1fr 1fr 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 35px; } @media only screen and (max-width: 1400px) { .advantages-bitrix-integration .advantages__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .advantages-bitrix-integration .advantages__items { grid-template-columns: 1fr; gap: 20px; } } .advantages-bitrix-integration .advantages__title { max-width: 100%; } .advantages-bitrix-integration .advantages__item:hover::before { opacity: 1 !important; visibility: visible !important; } .advantages-bitrix-integration .advantages__item:hover .btn-ellipse__inner { background: #dafe52; } .advantages-bitrix-integration .advantages__item:hover .btn-ellipse__inner svg path { fill: #262626; } .advantages-bitrix-integration .advantages__item:first-child { background: #262626; } .advantages-bitrix-integration .advantages__item:first-child .advantages__title { color: #fff; } .advantages-bitrix-integration .advantages__item:first-child .advantages__text { color: #777; } .advantages-bitrix-integration .advantages__item:nth-child(2)::before, .advantages-bitrix-integration .advantages__item:nth-child(5)::before { opacity: 0; visibility: hidden; } .advantages-bitrix-integration .advantages__item:last-child { background: #dafe52; } .advantages-bitrix-integration .advantages__item:last-child .advantages__title { color: #262626; } .advantages-bitrix-integration .advantages__item:last-child .advantages__text { color: #1f1f1f; } .advantages-bitrix-integration .advantages__item .button { min-width: auto; width: 100%; } @media only screen and (max-width: 767px) { .advantages-bitrix-integration .develop__text { display: none; } } .advantages-bitrix-integration .btn-ellipse { top: 30px; right: 30px; } @media only screen and (max-width: 767px) { .advantages-bitrix-integration .btn-ellipse { top: 20px; right: 20px; } } .services-price-bitrix-integration .services-price__left { max-width: 694px; } @media only screen and (max-width: 1400px) { .services-price-bitrix-integration .services-price__left { max-width: 552px; } } @media only screen and (max-width: 991px) { .services-price-bitrix-integration .services-price__left { max-width: 100%; } } .services-price-bitrix-integration .services-price__subtitle { max-width: 100%; margin-bottom: 30px; } .services-price-bitrix-integration .services-price__subtitle p:last-child { border-top: 1px solid #313131; padding-top: 30px; margin-top: 30px; } @media only screen and (max-width: 1400px) { .services-price-bitrix-integration .services-price__subtitle p:last-child { padding-top: 20px; margin-top: 20px; } } .services-price-bitrix-integration .services-price__list { margin: 20px 0 60px; } @media only screen and (max-width: 991px) { .services-price-bitrix-integration .services-price__list { margin: 20px 0 40px; } } .services-price-bitrix-integration .services-price__inner { padding: 60px; } @media only screen and (max-width: 1400px) { .services-price-bitrix-integration .services-price__inner { padding: 40px; } } @media only screen and (max-width: 991px) { .services-price-bitrix-integration .services-price__inner { padding: 30px; } } .services-price-bitrix-integration .services-price__man { width: 497px; } @media only screen and (max-width: 1700px) { .services-price-bitrix-integration .services-price__man { max-width: 450px; right: 100px; } } @media only screen and (max-width: 1400px) { .services-price-bitrix-integration .services-price__man { right: 50px; width: 400px; } } @media only screen and (max-width: 991px) { .services-price-bitrix-integration .services-price__man { right: auto; max-width: 400px; width: 100%; } } @media only screen and (max-width: 767px) { .services-price-bitrix-integration .services-price__man { max-width: 250px; } } .advantages-bitrix-state .develop__header { gap: 154px; grid-template-columns: auto 457px; } @media only screen and (max-width: 1700px) { .advantages-bitrix-state .develop__header { gap: 100px; } } @media only screen and (max-width: 1400px) { .advantages-bitrix-state .develop__header { grid-template-columns: 1fr; gap: 40px; } } .advantages-bitrix-state .advantages__inner { display: block; } .advantages-bitrix-state .advantages__items { grid-template-columns: 1fr 1fr 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 35px; } @media only screen and (max-width: 1400px) { .advantages-bitrix-state .advantages__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .advantages-bitrix-state .advantages__items { grid-template-columns: 1fr; gap: 20px; } } .advantages-bitrix-state .advantages__title { max-width: 100%; } .advantages-bitrix-state .advantages__item { min-height: 270px; } @media only screen and (max-width: 1400px) { .advantages-bitrix-state .advantages__item { min-height: auto; } } .advantages-bitrix-state .advantages__item:hover::before { opacity: 1 !important; visibility: visible !important; } .advantages-bitrix-state .advantages__item:first-child { background: #262626; } .advantages-bitrix-state .advantages__item:first-child .advantages__title { color: #fff; } .advantages-bitrix-state .advantages__item:first-child .advantages__text { color: #777; } .advantages-bitrix-state .advantages__item:nth-child(2)::before, .advantages-bitrix-state .advantages__item:nth-child(5)::before { opacity: 0; visibility: hidden; } .advantages-bitrix-state .advantages__item:nth-child(4) { background: #dafe52; } .advantages-bitrix-state .advantages__item:nth-child(4)::before { opacity: 0; visibility: hidden; } .advantages-bitrix-state .advantages__item:nth-child(4) .advantages__title { color: #1f1f1f; } .advantages-bitrix-state .advantages__item:nth-child(4) .advantages__text { color: #1f1f1f; } .advantages .advantages__item .button { min-width: auto; width: 100%; } .advantages-bitrix-state .advantages__item .button { min-width: auto; width: 100%; } .advantages-bitrix-state .advantages__title { font-size: 28px; font-weight: 500; } @media only screen and (max-width: 1400px) { .advantages-bitrix-state .advantages__title { font-size: 26px; } } @media only screen and (max-width: 991px) { .advantages-bitrix-state .advantages__title { font-size: 24px; } } @media only screen and (max-width: 767px) { .advantages-bitrix-state .advantages__title { font-size: 20px; } } .services-price-bitrix-state .services-price__left { max-width: 725px; } @media only screen and (max-width: 1700px) { .services-price-bitrix-state .services-price__left { max-width: 644px; } } @media only screen and (max-width: 1400px) { .services-price-bitrix-state .services-price__left { max-width: 470px; } } @media only screen and (max-width: 991px) { .services-price-bitrix-state .services-price__left { max-width: 100%; } } .services-price-bitrix-state .services-price__list { border-top: 1px solid #313131; padding-top: 40px; margin: 20px 0 60px; list-style-type: none; padding-left: 0; } @media only screen and (max-width: 991px) { .services-price-bitrix-state .services-price__list { margin: 20px 0 40px; padding-top: 30px; } } .services-price-bitrix-state .services-price__list li { display: flex; align-items: baseline; gap: 10px; } .services-price-bitrix-state .services-price__list li::before { content: ""; display: block; background: #fff; width: 10px; min-width: 10px; height: 10px; border-radius: 100%; } .services-price-bitrix-state .services-price__man { width: 640px; right: 104px; } @media only screen and (max-width: 1700px) { .services-price-bitrix-state .services-price__man { width: 600px; } } @media only screen and (max-width: 1400px) { .services-price-bitrix-state .services-price__man { right: 0; width: 500px; } } @media only screen and (max-width: 991px) { .services-price-bitrix-state .services-price__man { right: auto; max-width: 400px; width: 100%; } } .services-price-bitrix-state .services-price__figure { right: 0; } @media only screen and (max-width: 1700px) { .services-price-bitrix-state .services-price__figure { width: 750px; } } @media only screen and (max-width: 1400px) { .services-price-bitrix-state .services-price__figure { width: 650px; } } .bitrix-state { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .bitrix-state { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .bitrix-state { margin-bottom: 80px; } } .bitrix-state__block { padding: 1px; overflow: hidden; position: relative; border-radius: 30px; } .bitrix-state__block::before { content: ""; display: block; position: absolute; padding: 0; top: 0; left: 0; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); width: 100%; height: 100%; -webkit-mask-composite: inherit; mask-composite: inherit; } .bitrix-state__inner { background: #1f1f1f; padding: 80px 20px 0; position: relative; z-index: 1; border-radius: 30px; overflow: hidden; } @media only screen and (max-width: 1400px) { .bitrix-state__inner { padding: 60px 20px 0; } } @media only screen and (max-width: 991px) { .bitrix-state__inner { padding: 40px 15px 0; } } .bitrix-state__top { max-width: 653px; margin: 0 auto 177px; } @media only screen and (max-width: 1700px) { .bitrix-state__top { margin: 0 auto 100px; } } @media only screen and (max-width: 991px) { .bitrix-state__top { margin: 0 0 70px; max-width: 100%; } } .bitrix-state__image { display: flex; width: 823px; margin: 0 auto; height: auto; position: relative; z-index: 3; } @media only screen and (max-width: 1700px) { .bitrix-state__image { width: 700px; } } @media only screen and (max-width: 1400px) { .bitrix-state__image { width: 600px; } } @media only screen and (max-width: 991px) { .bitrix-state__image { width: 500px; } } @media only screen and (max-width: 767px) { .bitrix-state__image { margin: 0; left: 50%; transform: translateX(-50%); } } @media only screen and (max-width: 400px) { .bitrix-state__image { width: 350px; } } .bitrix-state__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bitrix-state__fon { display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; mix-blend-mode: color-dodge; opacity: 0.15; z-index: 1; } .bitrix-state__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bitrix-state__ellipse { display: flex; position: absolute; bottom: -256px; left: 50%; transform: translate(-50%, 0%); z-index: 2; width: 848px; height: auto; animation: 5s linear 0s normal none infinite running ell; -webkit-animation: 5s linear 0s normal none infinite running ell; } @media only screen and (max-width: 1700px) { .bitrix-state__ellipse { width: 800px; bottom: -322px; } } @media only screen and (max-width: 1400px) { .bitrix-state__ellipse { width: 730px; } } @media only screen and (max-width: 991px) { .bitrix-state__ellipse { width: 630px; } } @media only screen and (max-width: 767px) { .bitrix-state__ellipse { width: 500px; bottom: -250px; } } @media only screen and (max-width: 400px) { .bitrix-state__ellipse { bottom: -305px; } } @-webkit-keyframes ell { 0% { transform: translate(-50%, 0%) rotate(0deg); } 100% { transform: translate(-50%, 0%) rotate(360deg); } } @keyframes ell { 0% { transform: translate(-50%, 0%) rotate(0deg); } 100% { transform: translate(-50%, 0%) rotate(360deg); } } .bitrix-state__ellipse img { width: 100%; height: 100%; } .bitrix-state__text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #777; } .bitrix-state__text mem span { color: #fff; } .bitrix-state .title-h2 { text-align: center; margin-bottom: 40px; } .bitrix-state-new .services-price__left { max-width: 773px; } @media only screen and (max-width: 991px) { .bitrix-state-new .services-price__left { max-width: 100%; } } .bitrix-state-new .services-price__subtitle { max-width: 725px; margin-bottom: 30px; } @media only screen and (max-width: 1400px) { .bitrix-state-new .services-price__subtitle { max-width: 600px; } } @media only screen and (max-width: 991px) { .bitrix-state-new .services-price__subtitle { max-width: 100%; } } .bitrix-state-new .services-price__subtitle p:last-child { border-top: 1px solid #313131; padding-top: 30px; margin-top: 30px; } @media only screen and (max-width: 1400px) { .bitrix-state-new .services-price__subtitle p:last-child { padding-top: 20px; margin-top: 20px; } } .bitrix-state-new .services-price__list { max-width: 725px; margin: 20px 0 30px; padding-left: 0; list-style-type: none; } @media only screen and (max-width: 1400px) { .bitrix-state-new .services-price__list { max-width: 600px; } } @media only screen and (max-width: 991px) { .bitrix-state-new .services-price__list { max-width: 100%; } } .bitrix-state-new .services-price__list li { display: flex; align-items: baseline; gap: 10px; } .bitrix-state-new .services-price__list li::before { content: ""; display: block; background: #fff; width: 10px; min-width: 10px; height: 10px; border-radius: 100%; } .bitrix-state-new .services-price__man { width: 497px; right: 118px; } @media only screen and (max-width: 1400px) { .bitrix-state-new .services-price__man { width: 400px; right: 0; } } @media only screen and (max-width: 991px) { .bitrix-state-new .services-price__man { right: auto; width: 100%; max-width: 400px; } } @media only screen and (max-width: 767px) { .bitrix-state-new .services-price__man { max-width: 300px; } } .price-seo .price__header { grid-template-columns: 550px 530px; gap: 220px; } @media only screen and (max-width: 1700px) { .price-seo .price__header { gap: 150px; } } @media only screen and (max-width: 1400px) { .price-seo .price__header { grid-template-columns: 1fr; gap: 30px; } } @media only screen and (max-width: 991px) { .price-seo .functional__tab li { min-width: 220px; } } .price-seo .functional__tab li::before { background: linear-gradient(320deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); } .price-seo .functional__tab li:hover span { background: #1f1f1f; } .price-seo .functional__tab li.active span { background: #1f1f1f; } .price-seo .functional__swipe { display: none; } @media only screen and (max-width: 991px) { .price-seo .functional__swipe { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; } } .price-seo .price__item { justify-content: space-between; height: 100%; } .price-seo .price__item { height: fit-content; } .price-seo .price__list li { font-size: 16px; } .seo-form { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .seo-form { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .seo-form { margin-bottom: 80px; } } .seo-form__inner { position: relative; overflow: hidden; border-radius: 30px; background: #1f1f1f; padding: 60px; } @media only screen and (max-width: 1700px) { .seo-form__inner { padding: 50px; } } @media only screen and (max-width: 1400px) { .seo-form__inner { padding: 40px; } } @media only screen and (max-width: 991px) { .seo-form__inner { padding: 30px 20px 0; } } .seo-form__inner:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; pointer-events: none; } .seo-form__left { max-width: 730px; position: relative; z-index: 5; } @media only screen and (max-width: 1700px) { .seo-form__left { max-width: 630px; } } @media only screen and (max-width: 1400px) { .seo-form__left { max-width: 500px; } } @media only screen and (max-width: 991px) { .seo-form__left { max-width: 100%; } } .seo-form__image { display: flex; position: absolute; bottom: 0; right: 111px; width: 537px; height: auto; z-index: 2; } @media only screen and (max-width: 1700px) { .seo-form__image { right: 50px; } } @media only screen and (max-width: 1400px) { .seo-form__image { width: 420px; right: 10px; } } @media only screen and (max-width: 991px) { .seo-form__image { position: relative; right: auto; bottom: auto; margin: 20px auto 0; max-width: 400px; width: 100%; } } .seo-form__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .seo-form__fon { display: flex; position: absolute; top: 0; right: 0; z-index: 1; mix-blend-mode: color-dodge; opacity: 0.15; width: 50.5%; height: 100%; pointer-events: none; } @media only screen and (max-width: 991px) { .seo-form__fon { width: 100%; } } .seo-form__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 87% 0%; object-position: 87% 0%; } @media only screen and (max-width: 1700px) { .seo-form__fon img { -o-object-position: left; object-position: left; } } @media only screen and (max-width: 991px) { .seo-form__fon img { -o-object-position: center; object-position: center; } } .seo-form__text { max-width: 540px; margin-bottom: 60px; color: #777; } @media only screen and (max-width: 1400px) { .seo-form__text { max-width: 420px; margin-bottom: 40px; } } @media only screen and (max-width: 991px) { .seo-form__text { max-width: 100%; } } .seo-form__text span { color: #fff; } .seo-form__figure { position: absolute; bottom: 0; right: -88px; display: flex; } @media only screen and (max-width: 1700px) { .seo-form__figure { width: 800px; } } @media only screen and (max-width: 1400px) { .seo-form__figure { width: 600px; } } @media only screen and (max-width: 991px) { .seo-form__figure { display: none; } } .seo-form .title-h2 { margin-bottom: 30px; } .seo-form .form__input input { background: #262626; } .seo-form .form__textarea textarea { background: #262626; } .prev-audit .seo-form__fon img { object-fit: unset; } .seo-form .form__checkbox p { font-size: 16px; max-width: 270px; } @media only screen and (max-width: 991px) { .seo-form .form__checkbox p { max-width: 100%; } } .seo-case { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .seo-case { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .seo-case { margin-bottom: 80px; } } .seo-case__inner { margin-bottom: 80px; } .seo-case__inner.active .seo-case__block { display: grid; } .seo-case__block.small-case { padding: 30px; } .seo-case__block { margin-bottom: 40px; position: relative; overflow: hidden; padding: 40px; display: grid; grid-template-columns: 750px 580px; align-items: flex-end; gap: 90px; background: #1f1f1f; border-radius: 30px; transition: 300ms; } .case__slider-item.seo-case__block { grid-template-columns: 1fr; } .case__slider-item .seo-case__items { grid-template-columns: 1fr; } @media only screen and (max-width: 1700px) { .seo-case__block { grid-template-columns: 1fr 580px; gap: 50px; } } @media only screen and (max-width: 1400px) { .seo-case__block { grid-template-columns: 1fr; gap: 40px; } } @media only screen and (max-width: 991px) { .seo-case__block { padding: 30px 20px; } } .seo-case__block:hover::before { opacity: 1; visibility: visible; } .seo-case__block:hover .btn-ellipse .btn-ellipse__inner { background: #dafe52; } .seo-case__block:hover .btn-ellipse .btn-ellipse__inner svg path { fill: #262626; } .seo-case__block::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; pointer-events: none; opacity: 0; visibility: hidden; transition: 300ms; z-index: 1; } .seo-case__block:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: inherit; background: linear-gradient(315deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; pointer-events: none; } .seo-case__block:nth-child(-n + 3) { display: grid; } .seo-case__block:last-child { margin-bottom: 0; } .seo-case__figure { display: flex; position: absolute; bottom: 0; left: 0; } .seo-case__left { position: relative; z-index: 5; } .seo-case__name { font-weight: 500; font-size: 20px; line-height: 130%; text-transform: uppercase; color: #cecece; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #313131; } .small-case .seo-case__left .seo-case__name { padding-bottom: 15px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .seo-case__name { padding-bottom: 20px; margin-bottom: 20px; } } .seo-case__name span { display: block; font-weight: 400; font-size: 16px; color: #777; text-transform: none; } .seo-case__items { display: grid; grid-template-columns: 280px 1fr; align-items: flex-start; gap: 79px; min-height: 180px; } @media only screen and (max-width: 1700px) { .seo-case__items { gap: 55px; } } @media only screen and (max-width: 1400px) { .seo-case__items { max-width: 726px; } } @media only screen and (max-width: 767px) { .seo-case__items { grid-template-columns: 1fr; max-width: 100%; } } .seo-case__item:last-child .seo-case__list li::before { display: none; } .seo-case__text { margin-bottom: 20px; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #d9d9d9; } .small-case .seo-case__text { margin-bottom: 10px; } .seo-case__list { display: flex; flex-direction: column; gap: 15px; } .small-case .seo-case__list { gap: 10px; } .seo-case__list li { /* display: flex; */ padding-left: 20px; color: #777; position: relative; } .seo-case__list li::before { content: ""; display: block; position: absolute; top: 5px; left: 0; border-radius: 100%; background: #fff; width: 10px; min-width: 10px; height: 10px; } .seo-case__list li span { color: #fff; } .seo-case__chart { width: 580px; border-radius: 30px; padding: 40px 30px; background: #262626; position: relative; z-index: 5; } @media only screen and (max-width: 1400px) { .seo-case__chart { margin: 0 auto; } } @media only screen and (max-width: 767px) { .seo-case__chart { width: 100%; overflow-x: auto; padding: 30px 20px; border-radius: 20px; } .seo-case__chart::-webkit-scrollbar { width: 0; height: 0; background: transparent; opacity: 0; display: none; } } .seo-case__chart-title { margin-bottom: 30px; font-size: 18px; line-height: 133%; color: #777; } .seo-case__chart-title span { color: rgba(255, 255, 255, 0.87); } .seo-case__graph { width: 100%; } .seo-case .title { opacity: 1; transform: none; } .seo-case .title-h1 { font-size: 42px; font-weight: 500; text-transform: none; line-height: 100%; margin-bottom: 60px; } .small-case .seo-case__left .title-h1 { margin-bottom: 30px; font-size: 36px; } @media only screen and (max-width: 1700px) { .seo-case .title-h1 { font-size: 38px; } } @media only screen and (max-width: 1400px) { .seo-case .title-h1 { font-size: 36px; margin-bottom: 40px; } } @media only screen and (max-width: 991px) { .seo-case .title-h1 { font-size: 32px; } } @media only screen and (max-width: 767px) { .seo-case .title-h1 { font-size: 28px; } } .seo-case .case__category { margin-bottom: 40px; } @media only screen and (max-width: 991px) { .seo-case .case__category { margin-bottom: 30px; } } .seo-case .button { min-width: 300px; width: 300px; margin: 0 auto; } @media only screen and (max-width: 767px) { .seo-case .button { min-width: auto; width: 100%; } } .seo-case .btn-ellipse { position: absolute; top: 40px; right: 60px; } @media only screen and (max-width: 991px) { .seo-case .btn-ellipse { top: 30px; right: 20px; } } .develop-seo .develop__items { border-top: 0; padding-top: 0; } .develop-seo .develop__header { grid-template-columns: 500px 530px; gap: 315px; padding-bottom: 80px; border-bottom: 1px solid #313131; } @media only screen and (max-width: 1700px) { .develop-seo .develop__header { gap: 110px; } } @media only screen and (max-width: 1400px) { .develop-seo .develop__header { grid-template-columns: 1fr; gap: 40px; padding-bottom: 60px; } } @media only screen and (max-width: 991px) { .develop-seo .develop__header { padding-bottom: 40px; } } .develop-seo .develop__name { font-size: 28px; max-width: 100%; } @media only screen and (max-width: 1700px) { .develop-seo .develop__name { font-size: 24px; } } .thematics { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .thematics { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .thematics { margin-bottom: 80px; } } .thematics__content { display: none; } .thematics__content:first-child { display: block; } .thematics__block { background: #262626; border-radius: 0 30px 30px 30px; padding: 60px 40px 40px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; margin-top: -2px; } @media only screen and (max-width: 1700px) { .thematics__block { gap: 20px; } } @media only screen and (max-width: 1400px) { .thematics__block { padding: 40px; grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-width: 991px) { .thematics__block { border-radius: 0 20px 20px 20px; grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .thematics__block { grid-template-columns: 1fr; padding: 30px 20px; border-radius: 0 0 20px 20px; } } .thematics__block:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: inherit; background: linear-gradient(175deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; pointer-events: none; } .thematics__link { min-height: 117px; padding: 15px 30px; background: #1f1f1f; display: flex; align-items: center; gap: 10px; justify-content: space-between; border-radius: 30px; position: relative; } @media only screen and (max-width: 1700px) { .thematics__link { padding: 15px 20px; } } @media only screen and (max-width: 991px) { .thematics__link { border-radius: 20px; } } @media only screen and (max-width: 767px) { .thematics__link { min-height: 80px; } } .thematics__link:hover::before { opacity: 1; visibility: visible; } .thematics__link::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; border-radius: inherit; pointer-events: none; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 300ms; } .thematics__link span { font-weight: 500; font-size: 20px; color: #fff; } .thematics__link img { min-width: 16px; width: 16px; height: auto; transform: rotate(270deg); } .thematics .functional__tab { display: grid; grid-template-columns: repeat(4, 1fr); background: none; border-radius: 0; margin-bottom: 0; } @media only screen and (max-width: 767px) { .thematics .functional__tab { grid-template-columns: 1fr 1fr; } } .thematics .functional__tab li { width: 100%; min-width: auto; } .thematics .functional__tab li:hover span { background: #262626; } .thematics .functional__tab li.active span { background: #262626; } .thematics .functional__tab li::before { background: linear-gradient(5deg, #1f1f1f 9.24%, rgba(31, 31, 31, 0) 46.13%, rgba(255, 255, 255, 0.3) 82.2%); opacity: 1; visibility: visible; } .thematics .functional__tab li span { border-radius: 30px 30px 0 0; background: #1f1f1f; } @media only screen and (max-width: 991px) { .thematics .functional__tab li span { border-radius: 20px 20px 0 0; } } .faq { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .faq { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .faq { margin-bottom: 80px; } } .faq__items { position: relative; border-radius: 30px; background: #1f1f1f; transition: 300ms; margin-top: -40px; } @media only screen and (max-width: 991px) { .faq__items { border-radius: 20px; margin-top: -30px; } } .faq__items:first-child { margin-top: 0; } .faq__items:last-child .faq__head { padding: 50px 40px 50px 60px; } @media only screen and (max-width: 1700px) { .faq__items:last-child .faq__head { padding: 40px 40px 50px 50px; } } @media only screen and (max-width: 991px) { .faq__items:last-child .faq__head { padding: 30px; } } .faq__items:last-child .faq__drop { margin-top: -20px; padding: 0 190px 50px 60px; } @media only screen and (max-width: 1700px) { .faq__items:last-child .faq__drop { padding: 0 190px 50px 50px; } } @media only screen and (max-width: 1400px) { .faq__items:last-child .faq__drop { padding: 0 150px 50px 50px; } } @media only screen and (max-width: 991px) { .faq__items:last-child .faq__drop { padding: 0 100px 30px 30px; } } @media only screen and (max-width: 767px) { .faq__items:last-child .faq__drop { padding: 0 30px 30px 30px; } } .faq__items:after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: inherit; background: linear-gradient(358.26deg, rgba(31, 31, 31, 0.2) 15.68%, rgba(217, 217, 217, 0.3) 46.18%, #1f1f1f 118.32%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; pointer-events: none; } .faq__items.active { background: #262626; } .faq__items.active .faq__click { background: #dafe52; } .faq__items.active .faq__click::after { opacity: 0; visibility: visible; } .faq__items.active .faq__click svg { transform: rotate(45deg); } .faq__items.active .faq__click svg path { stroke: #1f1f1f; } .faq__head { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 50px 40px 85px 60px; cursor: pointer; } @media only screen and (max-width: 1700px) { .faq__head { padding: 40px 40px 85px 50px; } } @media only screen and (max-width: 991px) { .faq__head { padding: 30px 30px 75px 30px; } } .faq__head span, .faq__head h3 { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #fff; } .faq__head h3 { padding-top: 0; } @media only screen and (max-width: 767px) { .faq__head span, .faq__head h3 { font-size: 18px; } } .faq__click { border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; min-width: 50px; position: relative; cursor: pointer; transition: 300ms; z-index: 5; } .faq__click:hover::after { transform: rotate(180deg); } .faq__click svg { transition: 300ms; } .faq__click svg path { transition: 300ms; } .faq__click:after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 100%; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; opacity: 1; visibility: visible; } .faq__drop { display: none; padding: 0 190px 85px 60px; margin-top: -65px; position: relative; z-index: 6; } @media only screen and (max-width: 1700px) { .faq__drop { padding: 0 190px 85px 50px; } } @media only screen and (max-width: 1400px) { .faq__drop { padding: 0 150px 85px 50px; } } @media only screen and (max-width: 991px) { .faq__drop { padding: 0 100px 75px 30px; } } @media only screen and (max-width: 767px) { .faq__drop { padding: 0 30px 65px 30px; } } .faq__drop-inner { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .faq__drop-inner p { line-height: 130%; letter-spacing: -0.01em; color: #777; } .faq__drop-inner p span { font-weight: 500; color: #d9d9d9; } .faq__items-bitrix .case__category span { border: 1px solid #777; background: none !important; } .faq__drop-inner ul { display: flex; flex-direction: column; gap: 10px; } .faq__drop-inner ul li { color: #777; display: flex; align-items: baseline; gap: 10px; } .faq__drop-inner ul li::before { content: ""; display: block; background: #fff; border-radius: 100%; width: 10px; height: 10px; min-width: 10px; } .faq__drop-inner ol { list-style: none; counter-reset: i; display: flex; flex-direction: column; gap: 10px; } .faq__drop-inner ol li { counter-increment: i; display: flex; align-items: baseline; gap: 5px; } .faq__drop-inner ol li::before { content: counter(i) "."; color: #fff; } .faq__drop-inner div { background: #1f1f1f; border-radius: 30px; padding: 30px; } .faq__drop-inner img { border-radius: 30px; width: auto; height: auto; max-width: 100%; } @media only screen and (max-width: 991px) { .faq__drop-inner img { border-radius: 20px; } } .faq__new { position: absolute; top: 0; right: 190px; width: 416px; background: #1f1f1f; border-radius: 30px; padding: 30px; display: flex; align-items: center; gap: 30px; } @media only screen and (max-width: 1700px) { .faq__new { width: 380px; } } @media only screen and (max-width: 1400px) { .faq__new { right: 40px; padding: 20px; gap: 20px; width: 300px; } } @media only screen and (max-width: 991px) { .faq__new { position: static; margin-top: 20px; } } @media only screen and (max-width: 767px) { .faq__new { width: 100%; max-width: 300px; } } .faq__new-name { font-weight: 500; font-size: 20px; color: #fff; display: flex; flex-direction: column; gap: 20px; } @media only screen and (max-width: 1400px) { .faq__new-name { gap: 10px; } } .faq__new-name span { display: block; font-weight: 400; font-size: 16px; line-height: 130%; color: #777; } .faq .team__image { max-width: 137px; margin-bottom: 0; } @media only screen and (max-width: 1400px) { .faq .team__image { max-width: 100px; } } .services-price-seo .services-price__man { width: 440px; right: 147px; } @media only screen and (max-width: 1400px) { .services-price-seo .services-price__man { right: 80px; width: 400px; } } @media only screen and (max-width: 991px) { .services-price-seo .services-price__man { right: auto; width: 100%; } } .services-price-seo .services-price__figure { right: 0; bottom: -50px; } @media only screen and (max-width: 1400px) { .services-price-seo .services-price__figure { bottom: -10px; width: 60%; } } .services-price-seo .services-price__inner { overflow: hidden; } .services-price-serm .services-price__inner { overflow: hidden; padding: 60px; } @media only screen and (max-width: 1700px) { .services-price-serm .services-price__inner { padding: 50px; } } @media only screen and (max-width: 1400px) { .services-price-serm .services-price__inner { padding: 40px; } } @media only screen and (max-width: 991px) { .services-price-serm .services-price__inner { padding: 30px 30px 0; } } .services-price-serm .services-price__inner::after { padding: 2px; } .services-price-serm .services-price__figure { right: 70px; bottom: -50px; } @media only screen and (max-width: 1700px) { .services-price-serm .services-price__figure { right: 0px; bottom: -70px; } } @media only screen and (max-width: 1400px) { .services-price-serm .services-price__figure { bottom: -10px; width: 60%; } } .services-price-serm .services-price__man { width: 619px; height: auto; right: 160px; bottom: -60px; mix-blend-mode: lighten; } @media only screen and (max-width: 1700px) { .services-price-serm .services-price__man { width: 600px; right: 100px; bottom: -80px; } } @media only screen and (max-width: 1400px) { .services-price-serm .services-price__man { width: 500px; right: 30px; bottom: -40px; } } @media only screen and (max-width: 991px) { .services-price-serm .services-price__man { bottom: auto; right: auto; margin-top: 20px; width: 100%; } } .services-price-serm .services-price__subtitle { margin-bottom: 0; } .services-price-serm .services-price__left { max-width: 725px; } @media only screen and (max-width: 1700px) { .services-price-serm .services-price__left { max-width: 595px; } } @media only screen and (max-width: 1400px) { .services-price-serm .services-price__left { max-width: 470px; } } @media only screen and (max-width: 991px) { .services-price-serm .services-price__left { max-width: 100%; } } .services-price-serm .services-price__subtitle { max-width: 100%; } @media only screen and (max-width: 1400px) { .services-price-serm .services-price__subtitle { max-width: 400px; } } @media only screen and (max-width: 991px) { .services-price-serm .services-price__subtitle { max-width: 100%; } } .services-price-serm .title { line-height: 120%; } .price-serm .price__price { margin-bottom: 10px; } .price-serm .price__list li { font-size: 16px; text-align: left; } .price-serm .price__item:nth-child(-n + 3) { background: #262626; } .price-serm .price__item-main { background: #333; } .price-serm .price__item-main .button { margin-top: 0; } .price-serm .button { margin-top: 30px; } .advantages-serm .develop__header { gap: 222px; grid-template-columns: auto 444px; } @media only screen and (max-width: 1700px) { .advantages-serm .develop__header { gap: 220px; } } @media only screen and (max-width: 1400px) { .advantages-serm .develop__header { grid-template-columns: 1fr; gap: 40px; } } .advantages-serm .advantages__inner { display: block; } .advantages-serm .advantages__items { grid-template-columns: 1fr 1fr 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 35px; } @media only screen and (max-width: 1400px) { .advantages-serm .advantages__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .advantages-serm .advantages__items { grid-template-columns: 1fr; gap: 20px; } } .advantages-serm .advantages__title { max-width: 100%; } .advantages-serm .advantages__item:nth-child(2)::before, .advantages-serm .advantages__item:nth-child(5)::before { opacity: 0; visibility: hidden; } .program-bonus-serm .program-bonus__info { padding: 80px 60px; } @media only screen and (max-width: 1400px) { .program-bonus-serm .program-bonus__info { padding: 60px 40px; } } .program-bonus-serm .program-bonus__top { max-width: 430px; margin: 0 auto; } .program-bonus-serm .program-bonus__fon img { -o-object-position: top !important; object-position: top !important; } .program-bonus-serm .button { margin-top: 35px; } .case-application-smm .case-application__name { color: #dafe52; } .case-application-smm .case-application__blocks { display: grid; grid-template-columns: 1fr 377px; gap: 79px; } @media only screen and (max-width: 1700px) { .case-application-smm .case-application__blocks { grid-template-columns: 1fr 310px; gap: 30px; } } @media only screen and (max-width: 1400px) { .case-application-smm .case-application__blocks { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .case-application-smm .case-application__blocks { grid-template-columns: 1fr; } } .case-application-smm .case-application__block:last-child .case-application__list li::before { display: none; } @media only screen and (max-width: 1700px) { .case-application-smm .case-application__fon { right: -20px; } } .popup-brif { padding: 60px 40px 40px; } @media only screen and (max-width: 991px) { .popup-brif { padding: 60px 20px; } } .popup-brif .form__checkbox { grid-column: 1/3; margin-top: 15px; } @media only screen and (max-width: 991px) { .popup-brif .form__checkbox { grid-column: auto; } } .popup-brif .form__checkbox p { text-align: left; } .popup-brif .form__block .form__checkbox { margin-top: 0; } .popup-brif .button { min-width: auto; width: 100%; } .price-advertising__content { display: none; } .price-advertising__content:first-child { display: block; } @media only screen and (max-width: 991px) { .price-advertising .functional__tab li { min-width: 220px; } } .price-advertising .functional__tab li::before { background: linear-gradient(320deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); } .price-advertising .functional__tab li:hover span { background: #1f1f1f; } .price-advertising .functional__tab li.active span { background: #1f1f1f; } .price-advertising .bitrix__info { padding: 0; padding-left: 30px; background: none; display: flex; align-items: flex-end; color: #d9d9d9; } .price-advertising .bitrix__table-items { background: #262626; } .price-advertising .bitrix__table-items:nth-child(1) { background: #1f1f1f; border-radius: 30px 30px 0 0; } @media only screen and (max-width: 1400px) { .price-advertising .bitrix__table-items:nth-child(1) { border-radius: 20px 20px 0 0; } } .price-advertising .bitrix__table-items:nth-child(2) { background: #1f1f1f; border-radius: 0 0 30px 30px; } @media only screen and (max-width: 1400px) { .price-advertising .bitrix__table-items:nth-child(2) { border-radius: 0 0 20px 20px; } } .price-advertising .bitrix__arrow { background: #1f1f1f; } .advertising-form .seo-form__image { width: 595px; } @media only screen and (max-width: 1700px) { .advertising-form .seo-form__image { width: 500px; } } @media only screen and (max-width: 1400px) { .advertising-form .seo-form__image { width: 400px; } } @media only screen and (max-width: 991px) { .advertising-form .seo-form__image { width: 100%; } } .advertising-form .seo-form__fon { width: auto; } .advertising-form .seo-form__fon img { -o-object-position: center; object-position: center; } .advertising-form .form__end { margin-top: 0; align-items: center; } .advertising-form .seo-form__text { margin-bottom: 40px; } @media only screen and (max-width: 991px) { .advertising-form .seo-form__text { margin-bottom: 30px; } } .advertising { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .advertising { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .advertising { margin-bottom: 80px; } } .advertising__inner { overflow: hidden; background: #262626; border-radius: 30px; padding: 40px; position: relative; display: flex; justify-content: space-between; gap: 50px; } @media only screen and (max-width: 1400px) { .advertising__inner { flex-direction: column; gap: 40px; padding: 30px; } } @media only screen and (max-width: 767px) { .advertising__inner { padding: 30px 20px; } } .advertising__left { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; justify-content: space-between; max-width: 605px; } @media only screen and (max-width: 1400px) { .advertising__left { max-width: 100%; align-items: center; } } .advertising__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .advertising__text span { color: #fff; } .advertising__image { display: flex; -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 100%; height: auto; border-radius: 30px; transition: 300ms; } @media only screen and (max-width: 991px) { .advertising__image { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } .advertising__image:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .advertising__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 30px; } .advertising .swiper { width: 705px; min-width: 705px; margin: 0; } @media only screen and (max-width: 1700px) { .advertising .swiper { width: 605px; min-width: 605px; } } @media only screen and (max-width: 1400px) { .advertising .swiper { width: 705px; min-width: 705px; margin: 0 auto; } } @media only screen and (max-width: 991px) { .advertising .swiper { width: 100%; min-width: auto; padding-bottom: 40px; } } .advertising .swiper-slide { border-radius: 30px; height: 100%; overflow: hidden; } .advertising .swiper-pagination { display: none; } @media only screen and (max-width: 991px) { .advertising .swiper-pagination { display: flex; } } .advertising .title { margin-bottom: 60px; -webkit-text-fill-color: #fff; } @media only screen and (max-width: 1400px) { .advertising .title { margin-bottom: 40px; } } .services-price-target .services-price__man { width: 698px; height: auto; bottom: auto; top: 0; right: 0; } @media only screen and (max-width: 1400px) { .services-price-target .services-price__man { width: 450px; height: 100%; } } @media only screen and (max-width: 991px) { .services-price-target .services-price__man { right: auto; top: auto; width: 100%; height: auto; } } .services-price-target .services-price__man img { -o-object-position: inherit; object-position: inherit; } .services-price-target .services-price__figure { right: 0; bottom: -10px; } @media only screen and (max-width: 1400px) { .services-price-target .services-price__figure { width: 60%; } } .services-price-target .services-price__subtitle { margin-bottom: 0; max-width: 100%; } @media only screen and (max-width: 991px) { .services-price-target .services-price__subtitle { margin-bottom: 30px; } } .services-price-target .services-price__left { max-width: 735px; } @media only screen and (max-width: 1700px) { .services-price-target .services-price__left { max-width: 520px; } } @media only screen and (max-width: 1400px) { .services-price-target .services-price__left { max-width: 470px; } } @media only screen and (max-width: 991px) { .services-price-target .services-price__left { max-width: 100%; } } .services-price-target .services-price__inner { overflow: hidden; padding: 60px; } @media only screen and (max-width: 1700px) { .services-price-target .services-price__inner { padding: 50px; } } @media only screen and (max-width: 1400px) { .services-price-target .services-price__inner { padding: 40px; } } @media only screen and (max-width: 991px) { .services-price-target .services-price__inner { padding: 30px 30px 0; } } .brandedstyle { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .brandedstyle { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .brandedstyle { margin-bottom: 80px; } } .brandedstyle__inner { overflow: hidden; position: relative; border-radius: 30px; background: #1f1f1f; padding: 60px; } @media only screen and (max-width: 1700px) { .brandedstyle__inner { padding: 50px; } } @media only screen and (max-width: 1400px) { .brandedstyle__inner { padding: 40px 40px 0; } } @media only screen and (max-width: 991px) { .brandedstyle__inner { padding: 30px 20px 0; } } .brandedstyle__inner:after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; pointer-events: none; } .brandedstyle__left { position: relative; z-index: 5; max-width: 714px; } @media only screen and (max-width: 1700px) { .brandedstyle__left { max-width: 600px; } } @media only screen and (max-width: 1400px) { .brandedstyle__left { max-width: 100%; } } .brandedstyle__text { display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; } .brandedstyle__text p { line-height: 130%; letter-spacing: -0.01em; color: #777; } .brandedstyle__text span { color: #d9d9d9; } .brandedstyle__image { display: flex; position: absolute; top: 50%; right: 135px; transform: translate(0%, -50%); width: 550px; height: auto; } @media only screen and (max-width: 1700px) { .brandedstyle__image { width: 500px; right: 60px; } } @media only screen and (max-width: 1400px) { .brandedstyle__image { position: relative; top: auto; right: auto; width: 100%; margin: 30px auto 0; transform: none; } } .brandedstyle__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .brandedstyle .title { margin-bottom: 35px; } .brandedstyle .header__social li a { position: relative; } .brandedstyle .header__social li a svg { height: 30px; width: 30px; position: absolute; top: calc(50% + 2px); left: 50%; transform: translate(-50%, -50%); } .bitrix-license__sorting { display: flex; align-items: center; gap: 20px; } @media only screen and (max-width: 767px) { .bitrix-license__sorting { flex-direction: column; align-items: flex-start; } } .bitrix-license__sorting-text { color: #fff; font-weight: 500; } .bitrix-license__sorting .bitrix__new { margin-bottom: 0; width: 267px; } @media only screen and (max-width: 1400px) { .bitrix-license__sorting .bitrix__new { width: 200px; } } @media only screen and (max-width: 767px) { .bitrix-license__sorting .bitrix__new { width: 100%; max-width: 200px; } } .bitrix-license__sorting .bitrix__new-head { background: #262626; } .bitrix-license__sorting .bitrix__new-head span { width: 100%; } .bitrix-license__sorting .bitrix__new-drop { background: #262626; border-left: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; border-bottom: 1px solid #1f1f1f; } .bitrix-license__block { width: 267px; min-height: 52px; padding: 20px; background: #262626; border-radius: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .bitrix-license__block span { width: 100%; text-align: center; color: #fff; font-weight: 500; } .bitrix-license .develop__header { grid-template-columns: 609px auto; justify-content: space-between; gap: 50px; } @media only screen and (max-width: 1400px) { .bitrix-license .develop__header { grid-template-columns: 1fr; gap: 30px; } } .bitrix-license .bitrix__name { font-size: 20px; background: linear-gradient(180deg, #fff 0%, #7d7d7d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (max-width: 1700px) { .bitrix-license .bitrix__name { font-size: 18px; } } .bitrix-license .bitrix__block { padding: 40px 20px 30px; } @media only screen and (max-width: 1700px) { .bitrix-license .bitrix__block { padding: 40px 15px 30px; } } .bitrix-license .bitrix__price { margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #313131; } .bitrix-license .bitrix__info { font-weight: 400; } @media only screen and (max-width: 1700px) { .bitrix-license .bitrix__info { padding: 20px 20px; border-radius: 20px; } } @media only screen and (max-width: 1400px) { .bitrix-license .bitrix__scroll { overflow-x: auto; } .bitrix-license .bitrix__scroll::-webkit-scrollbar { width: 0; height: 0; background: transparent; opacity: 0; display: none; } } @media only screen and (max-width: 1400px) { .bitrix-license .bitrix__inner { min-width: 1300px; width: 1300px; } } @media only screen and (max-width: 1400px) { .bitrix-license .functional__swipe { display: flex; } } .bitrix-license .bitrix__left { padding: 40px 30px 30px; width: 93%; } @media only screen and (max-width: 1700px) { .bitrix-license .bitrix__left { padding: 20px; } } .bitrix-24 { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .bitrix-24 { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .bitrix-24 { margin-bottom: 80px; } } .bitrix-24__content { overflow: hidden; border-radius: 30px; position: relative; padding: 1px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); } .bitrix-24__content-inner { padding: 80px 60px 0; border-radius: 30px; height: 100%; position: relative; background: #1f1f1f; } @media only screen and (max-width: 1700px) { .bitrix-24__content-inner { padding: 60px 40px 0; } } @media only screen and (max-width: 1400px) { .bitrix-24__content-inner { padding: 50px 40px 0; } } @media only screen and (max-width: 991px) { .bitrix-24__content-inner { padding: 40px 30px 0; } } @media only screen and (max-width: 767px) { .bitrix-24__content-inner { padding: 30px 20px 0; } } .bitrix-24__top { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; max-width: 666px; margin: 0 auto; } @media only screen and (max-width: 991px) { .bitrix-24__top { gap: 20px; } } .bitrix-24__text { line-height: 130%; letter-spacing: -0.01em; text-align: center; color: #777; max-width: 404px; margin: 0 auto; } .bitrix-24__fon { display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; mix-blend-mode: color-dodge; opacity: 0.15; border-radius: inherit; pointer-events: none; } .bitrix-24__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .bitrix-24__block { position: relative; width: 823px; margin: 175px auto 0; } .about-advantages-wrap .swiper-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } .about-advantages-wrap { position: static; } .block-50-50 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .about-advantages__top { margin-bottom: 80px; } .about-advantages__top .title-text { max-width: 658px; } .about-advantages__top .title { max-width: 641px; } .about-advantages-item__title { width: 55%; } .about-advantages-item { background: #262626; border-radius: 30px; color: white; padding: 30px; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; min-height: 300px; } .about-advantages-item.about-advantages-item--no-num .about-advantages-item__title { width: 100%; } .about-advantages-item__title { font-weight: 500; font-size: 28px; line-height: 110%; } .about-advantages-item__num { font-size: 96px; font-weight: 500; line-height: 100%; margin-left: auto; } .about-advantages-item__text { color: #BCBCBC; font-size: 16px; font-weight: 400; line-height: 130%; } .about-advantages-item--green { background: #dafe52; color: #262626; } .about-advantages-item--green .about-advantages-item__text { color: #262626; } .about-advantages { margin-bottom: 130px; } @media only screen and (max-width: 1700px) { .bitrix-24__block { width: 723px; margin: 165px auto 0; } } @media only screen and (max-width: 1400px) { .bitrix-24__block { width: 600px; margin: 135px auto 0; } } @media only screen and (max-width: 991px) { .bitrix-24__block { width: 100%; margin: 30px 0 0; } .about-advantages__top .title { max-width: 100%; margin-bottom: 20px; } .block-50-50 { display: block; } .about-advantages__top .title-text { max-width: 100%; } .about-advantages-wrap .swiper-wrapper { display: flex; gap: 0; } .about-advantages__top { margin-bottom: 40px; } .about-advantages { margin-bottom: 80px; } .about-advantages-wrap .swiper-pagination { bottom: auto !important; margin-top: 25px; } .about-advantages-item__num { font-size: 59px; } .about-advantages-item { min-height: 236px; padding: 20px; } .about-advantages-item__title { font-size: 22px; } .about-advantages-wrap { padding-bottom: 40px; } .about-advantages { margin-bottom: 15px; } } @media only screen and (max-width: 991px) { .bitrix-24__list { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; } } .bitrix-24__comm { display: flex; align-items: center; background: #262626; border-radius: 30px; padding: 20px 40px; min-height: 64px; position: absolute; z-index: 6; opacity: 0; transition: 1000ms; } @media only screen and (max-width: 1400px) { .bitrix-24__comm { padding: 15px 25px; min-height: 54px; } } @media only screen and (max-width: 991px) { .bitrix-24__comm { position: relative; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; } } @media only screen and (max-width: 767px) { .bitrix-24__comm { padding: 10px 15px; } } .bitrix-24__comm.element-show { opacity: 1; } .bitrix-24__comm span { font-size: 20px; color: #fff; display: flex; align-items: baseline; gap: 10px; position: relative; } @media only screen and (max-width: 1400px) { .bitrix-24__comm span { font-size: 18px; } } @media only screen and (max-width: 767px) { .bitrix-24__comm span { font-size: 16px; } } .bitrix-24__comm span::before { content: ""; display: block; width: 10px; height: 10px; border-radius: 100%; min-width: 10px; background: #fff; } .bitrix-24__comm.first { left: -230px; bottom: 137px; } @media only screen and (max-width: 1700px) { .bitrix-24__comm.first { bottom: 100px; } } @media only screen and (max-width: 1400px) { .bitrix-24__comm.first { left: -150px; bottom: 125px; } } .bitrix-24__comm.second { left: -199px; top: 110px; } @media only screen and (max-width: 1400px) { .bitrix-24__comm.second { top: 70px; left: -120px; } } .bitrix-24__comm.third { left: 2px; top: -54px; } @media only screen and (max-width: 1700px) { .bitrix-24__comm.third { left: -10px; } } .bitrix-24__comm.fourth { right: -87px; top: -54px; } @media only screen and (max-width: 1700px) { .bitrix-24__comm.fourth { right: -100px; } } @media only screen and (max-width: 1400px) { .bitrix-24__comm.fourth { right: -85px; } } .bitrix-24__comm.fifth { right: -196px; top: 110px; } @media only screen and (max-width: 1400px) { .bitrix-24__comm.fifth { right: -150px; top: 70px; } } .bitrix-24__comm.sixth { right: -251px; bottom: 137px; } @media only screen and (max-width: 1700px) { .bitrix-24__comm.sixth { bottom: 100px; } } @media only screen and (max-width: 1400px) { .bitrix-24__comm.sixth { bottom: 125px; right: -170px; } } .bitrix-24__image { display: flex; width: auto; height: auto; position: relative; z-index: 5; } @media only screen and (max-width: 991px) { .bitrix-24__image { max-width: 550px; width: 100%; margin: 0 auto; } } .bitrix-24__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bitrix-24 .title { text-align: center; line-height: 97%; } .bitrix-24 .mission__ellipse { display: flex; top: -117px; width: 848px; height: 848px; } @media only screen and (max-width: 1700px) { .bitrix-24 .mission__ellipse { top: -100px; } } @media only screen and (max-width: 1400px) { .bitrix-24 .mission__ellipse { top: -70px; width: 700px; height: 700px; } } @media only screen and (max-width: 991px) { .bitrix-24 .mission__ellipse { width: 550px; height: 550px; top: auto; bottom: -200px; } } @media only screen and (max-width: 767px) { .bitrix-24 .mission__ellipse { display: none; } } .bitrix-license-functional .functional__image { width: 700px; right: 50px; top: 50%; transform: translate(0%, -50%); } @media only screen and (max-width: 1700px) { .bitrix-license-functional .functional__image { width: 600px; } } @media only screen and (max-width: 1400px) { .bitrix-license-functional .functional__image { width: 400px; } } @media only screen and (max-width: 991px) { .bitrix-license-functional .functional__image { position: relative; top: auto; right: auto; transform: none; width: 100%; max-width: 400px; } } .bitrix-license-functional .functional__info { max-width: 499px; } @media only screen and (max-width: 1400px) { .bitrix-license-functional .functional__info { max-width: 399px; } } @media only screen and (max-width: 991px) { .bitrix-license-functional .functional__info { max-width: 100%; } } .bitrix-license-functional .functional__info .title { padding-bottom: 40px; width: 100%; } .bitrix-license-functional .functional__info p { margin-bottom: 15px; font-size: 18px; } @media only screen and (max-width: 991px) { .bitrix-license-functional .functional__info .title { padding-bottom: 0; } } .services-price-license .services-price__list { border-top: 1px solid #313131; padding-top: 40px; margin-bottom: 30px; } @media only screen and (max-width: 1400px) { .services-price-license .services-price__list { padding-top: 30px; } } .services-price-license .services-price__subtitle { margin-bottom: 30px; max-width: 100%; } .services-price-license .services-price__man { width: 700px; right: 95px; } @media only screen and (max-width: 1700px) { .services-price-license .services-price__man { right: 50px; width: 600px; } } @media only screen and (max-width: 1400px) { .services-price-license .services-price__man { width: 500px; right: 0; } } @media only screen and (max-width: 991px) { .services-price-license .services-price__man { right: auto; width: 100%; } } .services-price-license .services-price__left { max-width: 617px; } @media only screen and (max-width: 1400px) { .services-price-license .services-price__left { max-width: 468px; } } @media only screen and (max-width: 991px) { .services-price-license .services-price__left { max-width: 100%; } } .services-price-license .services-price__figure { right: 0; } @media only screen and (max-width: 1700px) { .services-price-license .services-price__figure { width: 700px; } } @media only screen and (max-width: 1400px) { .services-price-license .services-price__figure { width: 600px; } } .services-price-license .services-price__inner { padding: 60px 40px; } @media only screen and (max-width: 1400px) { .services-price-license .services-price__inner { padding: 50px 30px; } } @media only screen and (max-width: 991px) { .services-price-license .services-price__inner { padding: 40px 20px; } } .price-license .price__header { gap: 50px; justify-content: space-between; grid-template-columns: 595px auto; } @media only screen and (max-width: 1400px) { .price-license .price__header { grid-template-columns: 1fr; gap: 40px; } } .integration { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .integration { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .integration { margin-bottom: 80px; } } .integration__inner { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .integration__inner { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .integration__inner { margin-bottom: 80px; } } .integration__inner:last-child { margin-bottom: 0; } .integration__inner { position: relative; display: grid; grid-template-columns: 617px 723px; gap: 50px; justify-content: space-between; align-items: flex-end; padding-right: 60px; } @media only screen and (max-width: 1700px) { .integration__inner { grid-template-columns: 410px 670px; padding-right: 40px; } } @media only screen and (max-width: 1400px) { .integration__inner { grid-template-columns: 1fr; gap: 30px; padding-right: 0; } } .integration__inner.last { background: #262626; border-radius: 30px; padding: 60px 60px 60px 40px; align-items: stretch; grid-template-columns: 499px 723px; } @media only screen and (max-width: 1700px) { .integration__inner.last { grid-template-columns: 449px 670px; padding: 60px 40px; } } @media only screen and (max-width: 1400px) { .integration__inner.last { grid-template-columns: 1fr; padding: 50px 30px; } } @media only screen and (max-width: 767px) { .integration__inner.last { padding: 30px 20px; } } .integration__inner.last::before { content: ""; display: block; background: linear-gradient(270deg, rgba(38, 38, 38, 0) 0%, #262626 94%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; border-radius: inherit; pointer-events: none; } @media only screen and (max-width: 1400px) { .integration__inner.last::before { display: none; } } .integration__inner.last:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; pointer-events: none; } .integration__inner.last .integration__item { background: #1f1f1f; } .integration__left { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; position: relative; z-index: 5; } @media only screen and (max-width: 1400px) { .integration__left { gap: 30px; } } @media only screen and (max-width: 767px) { .integration__left { gap: 20px; } } .integration__list { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid #313131; padding-top: 30px; width: 100%; } @media only screen and (max-width: 767px) { .integration__list { padding-top: 20px; } } .integration__list li { display: flex; align-items: baseline; gap: 10px; font-weight: 500; line-height: 130%; letter-spacing: -0.01em; color: #777; } .integration__list li::before { content: ""; display: block; background: #fff; border-radius: 100%; width: 10px; min-width: 10px; height: 10px; } .integration__fon { display: flex; width: 75%; height: 100%; position: absolute; top: 0; right: 0; border-radius: inherit; mix-blend-mode: color-dodge; opacity: 0.15; pointer-events: none; } @media only screen and (max-width: 1400px) { .integration__fon { width: 100%; } } .integration__fon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0%; object-position: 50% 0%; border-radius: inherit; } @media only screen and (max-width: 1400px) { .integration__fon img { -o-object-position: 88% 0%; object-position: 88% 0%; } } .integration__items { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media only screen and (max-width: 767px) { .integration__items { grid-template-columns: 1fr 1fr; gap: 15px; } } .integration__item { border-radius: 30px; -webkit-backdrop-filter: blur(1.13973px); backdrop-filter: blur(1.13973px); background: #262626; display: flex; align-items: center; justify-content: center; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 300ms; min-height: 221px; position: relative; padding: 20px; } @media only screen and (max-width: 991px) { .integration__item { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } @media only screen and (max-width: 767px) { .integration__item { min-height: 140px; } } .integration__item:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .integration__item:after { display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .integration .subtitle { margin-bottom: 0; } .integration .button { margin-top: auto; } .bitrix-24-dop .bitrix-24__block { width: 100%; margin: 80px 0 0; } @media only screen and (max-width: 991px) { .bitrix-24-dop .bitrix-24__block { margin: 30px 0 0; } } .bitrix-24-dop .bitrix-24__list { display: grid; grid-template-columns: auto auto; gap: 20px; justify-content: space-between; width: 100%; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 991px) { .bitrix-24-dop .bitrix-24__list { max-width: 100%; display: flex; position: static; } } .bitrix-24-dop .bitrix-24__comm { position: relative; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; max-width: 407px; min-height: 73px; } @media only screen and (max-width: 1700px) { .bitrix-24-dop .bitrix-24__comm { max-width: 350px; } } @media only screen and (max-width: 1400px) { .bitrix-24-dop .bitrix-24__comm { max-width: 261px; } } @media only screen and (max-width: 991px) { .bitrix-24-dop .bitrix-24__comm { max-width: 100%; min-height: auto; } } .bitrix-24-dop .bitrix-24__comm span { font-size: 16px; } .bitrix-24-dop .bitrix-24__image { width: 1086px; margin: 0 auto 0 209px; } @media only screen and (max-width: 1700px) { .bitrix-24-dop .bitrix-24__image { width: 800px; margin: 0 auto; } } @media only screen and (max-width: 1400px) { .bitrix-24-dop .bitrix-24__image { width: 700px; } } @media only screen and (max-width: 991px) { .bitrix-24-dop .bitrix-24__image { width: 100%; } } .license-info { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .license-info { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .license-info { margin-bottom: 80px; } } .license-info__inner { display: grid; grid-template-columns: 576px 514px; gap: 50px; justify-content: space-between; } @media only screen and (max-width: 1400px) { .license-info__inner { grid-template-columns: 1fr; gap: 30px; } } .license-info__left { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; } .license-info__block { max-width: 462px; } @media only screen and (max-width: 1400px) { .license-info__block { max-width: 100%; } } .license-info__text { font-size: 20px; line-height: 130%; letter-spacing: -0.01em; color: #777; margin-bottom: 40px; } .license-info .application__items { border: 0; padding-top: 0; display: flex; gap: 80px; flex-wrap: nowrap; margin-bottom: 0; max-width: 576px; } @media only screen and (max-width: 767px) { .license-info .application__items { flex-direction: column; gap: 30px; } } .license-info .application__item { display: flex; flex-direction: column; align-items: center; } @media only screen and (max-width: 767px) { .license-info .application__item { align-items: flex-start; } } .license-info .application__text { text-align: center; color: #777; } .license-info .team__image { max-width: 166px; margin: 0; } .license-info .price__block { margin-bottom: 40px; } @media only screen and (max-width: 1400px) { .license-info .price__block { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .license-info .price__block { flex-direction: column; } } @media only screen and (max-width: 767px) { .license-info .price__info { display: flex; flex-direction: column; align-items: center; } } .license-info .price__item { min-height: auto; grid-column: auto; } .license-info .price__item .title-h3 { text-align: center; } .license-form .price__what { grid-column: 1/3; justify-content: flex-start; margin-bottom: 0; } @media only screen and (max-width: 1400px) { .license-form .price__what { grid-column: auto; } } @media only screen and (max-width: 991px) { .license-form .price__what { flex-direction: row-reverse; } } .license-form .form__input:first-child { grid-column: 1/3; } @media only screen and (max-width: 1400px) { .license-form .form__input:first-child { grid-column: auto; } } .license-form .seo-form__image { width: 650px; right: 0; } @media only screen and (max-width: 1700px) { .license-form .seo-form__image { width: 600px; } } @media only screen and (max-width: 1400px) { .license-form .seo-form__image { width: 450px; } } @media only screen and (max-width: 991px) { .license-form .seo-form__image { width: 100%; } } @media only screen and (max-width: 1400px) { .license-form .form__content-inner { grid-template-columns: 1fr; } } @media only screen and (max-width: 1400px) { .license-form .form__end { grid-column: auto; } } .price-main { overflow: hidden; } .price-main .price__header { grid-template-columns: 595px 530px; gap: 220px; } @media only screen and (max-width: 1700px) { .price-main .price__header { gap: 150px; } } @media only screen and (max-width: 1400px) { .price-main .price__header { grid-template-columns: 1fr; gap: 30px; } } @media only screen and (max-width: 991px) { .price-main .functional__tab li { min-width: 220px; } } .price-main .functional__tab li::before { background: linear-gradient(320deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); } .price-main .functional__tab li:hover span { background: #1f1f1f; } .price-main .functional__tab li.active span { background: #1f1f1f; } .price-main .functional__swipe { display: none; } @media only screen and (max-width: 991px) { .price-main .functional__swipe { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; } } .price-main .price__items { display: block; } .price-main .price__item { justify-content: space-between; padding: 30px; } .price-main .price__item .button { margin-top: 30px; } .price-main .price__price { margin-bottom: 10px; } .price-main .price__price span { font-size: 48px; } @media only screen and (max-width: 991px) { .price-main .price__price span { font-size: 40px; } } .price-main .price__what { margin-bottom: 0; } .price-main .price__new { margin-bottom: 60px; display: grid; grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1700px) { .price-main .price__new { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 1400px) { .price-main .price__new { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .price-main .price__new { grid-template-columns: 1fr; } } .price-main .price__new:last-child { margin-bottom: 0; } .price-main .price__list li { color: #777; font-size: 16px; } .price-main .price-content-sale .price__new { display: flex; flex-direction: row; } @media only screen and (max-width: 767px) { .price-main .price-content-sale .price__new { flex-direction: column; } } /* .price-main .price-content-sale .price__new:last-child { display: grid; } */ .price-main .price-content-sale .price__item { height: 100%; opacity: 1; } .price-main .swiper { width: 1194px; margin-left: 0; margin-right: 0; overflow: visible; -webkit-clip-path: inset(0 -100% 0 0); clip-path: inset(0 -100% 0% 0%); } @media only screen and (max-width: 1700px) { .price-main .swiper { width: 843px; } } @media only screen and (max-width: 1400px) { .price-main .swiper { width: 465px; } } @media only screen and (max-width: 991px) { .price-main .swiper { width: 355px; } } @media only screen and (max-width: 767px) { .price-main .swiper { width: 100%; overflow: hidden; -webkit-clip-path: none; clip-path: none; margin: 0 auto; } } .price-main .swiper::before { content: ""; display: block; background: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 100%); transform: rotate(-180deg); height: 100%; width: calc((100vw - 1600px) / 2); position: absolute; top: 0; right: calc((-100vw + 1600px) / 2); z-index: 5; } @media only screen and (max-width: 1700px) { .price-main .swiper::before { width: calc((100vw - 1300px) / 2); right: calc((-100vw + 1300px) / 2); } } @media only screen and (max-width: 1400px) { .price-main .swiper::before { width: calc((100vw - 970px) / 2); right: calc((-100vw + 970px) / 2); } } @media only screen and (max-width: 991px) { .price-main .swiper::before { width: calc((100vw - 750px) / 2); right: calc((-100vw + 750px) / 2); } } @media only screen and (max-width: 767px) { .price-main .swiper::before { display: none; } } .price-main .swiper-slide { height: auto; } .price-main .price__main { align-items: flex-start; max-width: 365px; width: 100%; } .price-main .team__arrows { display: flex; } .company-content { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .company-content { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .company-content { margin-bottom: 80px; } } .company-content.dop .company-content__logo { position: absolute; bottom: -20px; right: -20px; width: 140px; opacity: 0.15; } @media only screen and (max-width: 767px) { .company-content.dop .company-content__logo { position: static; width: 100px; } } .company-content__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media only screen and (max-width: 1400px) { .company-content__items { gap: 20px; } } @media only screen and (max-width: 991px) { .company-content__items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .company-content__items { grid-template-columns: 1fr; } } .company-content__item { position: relative; overflow: hidden; border-radius: 30px; padding: 30px; background: #262626; display: flex; flex-direction: column; gap: 20px; } @media only screen and (max-width: 1400px) { .company-content__item { padding: 30px 20px; } } @media only screen and (max-width: 991px) { .company-content__item { border-radius: 20px; } } .company-content__item.yellow { background: #dafe52; } @media only screen and (max-width: 991px) { .company-content__item.yellow { grid-column: 1/3; } } @media only screen and (max-width: 767px) { .company-content__item.yellow { grid-column: auto; } } .company-content__item.yellow .company-content__head { color: #1f1f1f; border-bottom: 1px solid #c0e240; } .company-content__item.yellow .company-content__list li { color: #262626; } .company-content__item.yellow .company-content__list li::before { background: #262626; } .company-content__head { font-weight: 500; font-size: 28px; text-transform: uppercase; color: #d9d9d9; margin-bottom: 10px; padding-bottom: 30px; border-bottom: 1px solid #30302f; } @media only screen and (max-width: 1400px) { .company-content__head { font-size: 24px; padding-bottom: 20px; margin-bottom: 0; } } .company-content__list { display: flex; flex-direction: column; gap: 10px; } .company-content__list li { display: flex; align-items: baseline; gap: 10px; color: #777; } .company-content__list li::before { content: ""; display: block; background: #fff; min-width: 10px; height: 10px; width: 10px; border-radius: 100%; } .company-content__list li span { color: #fff; } .company-content__text { color: #777; } .company-content__logo { display: flex; width: 160px; height: auto; opacity: 0.2; margin-left: auto; align-items: flex-end; margin-top: auto; } .company-content__logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .company { margin-bottom: 180px; } .long-cases-item:after { background: #1f1f1f; content: ''; width: 2px; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .button.load_more { margin-top: 50px; } @media only screen and (max-width: 1400px) { .company { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .company { margin-bottom: 80px; } } .company.dop .company__inner-left { max-width: 730px; } @media only screen and (max-width: 1700px) { .company.dop .company__inner-left { max-width: 680px; } } @media only screen and (max-width: 1400px) { .company.dop .company__inner-left { max-width: 100%; } } .company.dop .company__image { max-width: 820px; } @media only screen and (max-width: 1700px) { .company.dop .company__image { max-width: 720px; } } @media only screen and (max-width: 991px) { .company.dop .company__image { margin-top: 0; } } @media only screen and (max-width: 767px) { .company.dop .company__image { max-width: 300px; } } .company__header { margin-bottom: 117px; display: grid; grid-template-columns: auto 530px; gap: 214px; align-items: flex-end; justify-content: flex-start; } @media only screen and (max-width: 1700px) { .company__header { gap: 170px; } } @media only screen and (max-width: 1400px) { .company__header { grid-template-columns: 1fr; gap: 40px; margin-bottom: 80px; } } .company__text { line-height: 130%; letter-spacing: -0.01em; color: #777; } .company__text span { color: #fff; } .company__inner { position: relative; border-radius: 30px; background: #262626; padding: 93px 50px 50px; } @media only screen and (max-width: 1400px) { .company__inner { padding: 50px 30px; } } @media only screen and (max-width: 767px) { .company__inner { padding: 40px 20px 30px; } } .company__inner-left { max-width: 685px; } @media only screen and (max-width: 1400px) { .company__inner-left { max-width: 100%; } } .company__icon { display: flex; position: absolute; left: 50px; top: -37px; } @media only screen and (max-width: 767px) { .company__icon { width: 70px; height: auto; top: -30px; } } .company__background { position: absolute; top: 0; right: 0; mix-blend-mode: color-dodge; opacity: 0.15; max-width: 1132px; height: 100%; border-radius: inherit; pointer-events: none; } @media only screen and (max-width: 1700px) { .company__background { max-width: 900px; } } @media only screen and (max-width: 1400px) { .company__background { max-width: 100%; width: 100%; display: none; } } .company__background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .company__quote { display: flex; flex-direction: column; gap: 10px; margin-bottom: 80px; } @media only screen and (max-width: 1400px) { .company__quote { margin-bottom: 40px; } } .company__quote p { font-size: 28px; line-height: 120%; color: #777; } @media only screen and (max-width: 991px) { .company__quote p { font-size: 24px; } } @media only screen and (max-width: 767px) { .company__quote p { font-size: 20px; } } .company__quote p span { color: #d9d9d9; } .company__block { display: flex; align-items: center; gap: 20px; max-width: 300px; } @media only screen and (max-width: 767px) { .company__block { gap: 10px; } } .company__logo { width: 88px; min-width: 88px; height: 88px; display: flex; align-items: center; justify-content: center; background: #1f1f1f; border-radius: 100%; padding: 10px; } @media only screen and (max-width: 767px) { .company__logo { width: 78px; height: 78px; min-width: 78px; } } .company__logo img { -o-object-fit: cover; object-fit: cover; } .company__name { color: #d9d9d9; } .company__name span { color: #777; display: block; } .company__image { display: flex; max-width: 789px; height: auto; position: absolute; bottom: 0; right: 0; border-radius: inherit; } @media only screen and (max-width: 1700px) { .company__image { max-width: 700px; } } @media only screen and (max-width: 1400px) { .company__image { max-width: 600px; position: relative; bottom: auto; right: auto; margin-left: auto; margin-top: -100px; border-radius: 0; } } @media only screen and (max-width: 991px) { .company__image { margin-top: -50px; } } @media only screen and (max-width: 767px) { .company__image { margin-top: 0; max-width: 300px; width: 100%; } } .company__image>img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } @media only screen and (max-width: 1400px) { .company__image>img { border-radius: 0; } } .company__image-main { display: flex; width: 524px; height: auto; position: absolute; left: 50%; top: 126px; transform: translate(-50%, 0%); } @media only screen and (max-width: 1700px) { .company__image-main { width: 470px; top: 105px; } } @media only screen and (max-width: 1400px) { .company__image-main { width: 403px; top: 89px; } } @media only screen and (max-width: 767px) { .company__image-main { width: 195px; top: 42px; } } .company__image-main.desktop { width: 482px; transform: none; left: auto; top: 42px; right: 62px; } @media only screen and (max-width: 1700px) { .company__image-main.desktop { width: 412px; } } @media only screen and (max-width: 767px) { .company__image-main.desktop { width: 177px; top: 15px; right: 23px; } } .company__image-main.tablet { width: 284px; transform: none; top: auto; left: 106px; bottom: 38px; } @media only screen and (max-width: 1700px) { .company__image-main.tablet { width: 246px; left: 97px; bottom: 36px; } } @media only screen and (max-width: 767px) { .company__image-main.tablet { width: 103px; left: 39px; bottom: 14px; } } .company__image-main.mob { width: 80px; top: auto; left: calc(50% + 10px); bottom: 18px; } @media only screen and (max-width: 1700px) { .company__image-main.mob { width: 72px; bottom: 13px; } } @media only screen and (max-width: 767px) { .company__image-main.mob { width: 29px; bottom: 7px; left: calc(50% + 4px); } } .company__image-main img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .company-stage .faq__head span, .company-stage .faq__head h3 { font-weight: 400; font-size: 28px; } @media only screen and (max-width: 991px) { .company-stage .faq__head span, .company-stage .faq__head h3 { font-size: 24px; } } @media only screen and (max-width: 767px) { .company-stage .faq__head span, .company-stage .faq__head h3 { font-size: 18px; } } .company-stage .faq__drop-inner { gap: 30px; max-width: 710px; } @media only screen and (max-width: 1700px) { .company-stage .faq__drop-inner { max-width: 600px; } } @media only screen and (max-width: 1400px) { .company-stage .faq__drop-inner { max-width: 500px; } } @media only screen and (max-width: 991px) { .company-stage .faq__drop-inner { max-width: 100%; } } .company-result { margin-bottom: 180px; } @media only screen and (max-width: 1400px) { .company-result { margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .company-result { margin-bottom: 80px; } } .company-result__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } @media only screen and (max-width: 1400px) { .company-result__inner { grid-template-columns: 1fr; } } .company-result__block { border-radius: 30px; position: relative; background: #262626; padding: 30px; display: flex; flex-direction: column; gap: 30px; justify-content: space-between; align-items: flex-start; } @media only screen and (max-width: 991px) { .company-result__block { border-radius: 20px; padding: 30px 20px; } } .company-result__list { list-style: none; counter-reset: i; display: flex; flex-direction: column; gap: 30px; } @media only screen and (max-width: 767px) { .company-result__list { gap: 20px; } } .company-result__list li { counter-increment: i; font-weight: 500; font-size: 20px; line-height: 130%; text-transform: uppercase; color: #fff; } @media only screen and (max-width: 767px) { .company-result__list li { font-size: 18px; } } .company-result__list li::before { content: counter(i) "."; color: #fff; margin-right: 5px; } .company-result__list li span { display: block; font-weight: 400; font-size: 16px; color: #777; text-transform: none; line-height: 110%; margin-top: 10px; } .company-result__text { color: #777; } .company-result-big .seo-case__chart { height: max-content; position: sticky; top: 50px; } .company-result-big .seo-case__chart a { display: flex; justify-content: center; margin: 0 auto; } .company-result-big .seo-case__chart img { border-radius: 30px; } .company-result__res p { color: #777; margin-bottom: 15px; } .company-result__res .article__table { margin-bottom: 30px; } .company-result__res table { color: white; } .company-result__res table p { color: white; } .company-result__res a { color: white; border: 1px solid transparent; } .company-result__res a:hover { color: white; border-bottom: 1px solid white; } .company-result__res { color: #777; } .company-result__list p span { color: rgba(255, 255, 255, 0.87); font-size: 20px; } @media only screen and (max-width: 767px) { .company-result__list p span { font-size: 18px; } } .company-result__text span { color: rgba(255, 255, 255, 0.87); } .company-result .company__header { gap: 305px; } @media only screen and (max-width: 1700px) { .company-result .company__header { gap: 240px; } } @media only screen and (max-width: 1400px) { .company-result .company__header { gap: 40px; margin-bottom: 40px; } } .company-result .seo-case__chart { width: 100%; } .company-license-info .price__item-main .title-h3 { text-align: left; } .company-license-info .price__item-main .price__head { text-align: left; } .company-license-info .application__items { max-width: 670px; } @media only screen and (max-width: 1700px) { .company-license-info .application__items { gap: 50px; } } .company-license-info .application__number { margin-bottom: 10px; } .form-dop .form__inner { background: #262626; padding: 60px; border-radius: 30px; grid-template-columns: 569px 1fr; } @media only screen and (max-width: 1700px) { .form-dop .form__inner { padding: 50px; grid-template-columns: 530px 1fr; } } @media only screen and (max-width: 1400px) { .form-dop .form__inner { padding: 40px; grid-template-columns: 1fr; gap: 40px; } } @media only screen and (max-width: 991px) { .form-dop .form__inner { padding: 30px; } } @media only screen and (max-width: 767px) { .form-dop .form__inner { padding: 30px 20px; } } .form-dop .form__inner::before { display: none; } .form-dop .form__text { max-width: 100%; } .form-dop .form__content { padding: 0; background: none; margin: 0; border-radius: 0; } @media only screen and (max-width: 1400px) { .form-dop .form__title { margin-bottom: 0; } } @media only screen and (max-width: 991px) { .form-dop .form__title br { display: none; } } .price-target .price__head { border-bottom: 1px solid #313131; padding-bottom: 40px; } @media only screen and (max-width: 767px) { .price-target .price__head { padding-bottom: 20px; } } .price-target .price__item { gap: 40px; } @media only screen and (max-width: 767px) { .price-target .price__item { gap: 20px; } } .price-target .price__item-main { background: #333; } .price-target .price__list li { font-size: 16px; } @media only screen and (max-width: 1700px) { .price-target .price__info a { font-size: 18px; } } .popup-key { background: #1f1f1f; } .popup-key:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: inherit; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; pointer-events: none; } .popup-key .popup__inner { margin-top: 0; } .popup-key .popup-footnote__items { background: #262626; } .popup#comfirm .popup__inner { margin-top: 0; } .popup#comfirm>div { text-align: center; color: #dafe52; font-size: 28px; } .popup#comfirm .text p { margin-top: 15px; font-size: 18px; color: white; } .advantages-license .advantages__title { font-size: 28px; padding-right: 50px; } @media only screen and (max-width: 767px) { .advantages-license .advantages__title { padding-right: 66px; font-size: 24px; } } @media only screen and (max-width: 767px) { .develop-license .develop__new { grid-template-columns: 1fr 1fr; } } .case__card .case__image-down { bottom: 0; right: 0; } form label.not-empty { opacity: 0; } .form__file { grid-column: 1/3; width: 100%; height: 60px; position: relative; background: #1f1f1f; padding: 20px 30px; display: flex; align-items: center; gap: 10px; border-radius: 30px; } .form__file input { background: none; border: 0; font-size: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; opacity: 0; } .form__file span { color: #777777; } .form__file svg { width: 18px; min-width: 18px; height: auto; } .advantages-vacancy .develop__header { gap: 69px; grid-template-columns: 746px 544px; } .advantages-vacancy .advantages__inner { display: block; } .advantages-vacancy .advantages__items { grid-template-columns: 1fr 1fr 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 35px; } .advantages-vacancy .advantages__title { max-width: 100%; font-size: 28px; } .advantages-vacancy .advantages__item:hover::before { opacity: 1 !important; visibility: visible !important; } .advantages-vacancy .advantages__item:hover .btn-ellipse__inner { background: #dafe52; } .advantages-vacancy .advantages__item:hover .btn-ellipse__inner svg path { fill: #262626; } .advantages-vacancy .advantages__item:first-child { background: #262626; } .advantages-vacancy .advantages__item:first-child .advantages__title { color: #fff; } .advantages-vacancy .advantages__item:first-child .advantages__text { color: #777; } .advantages-vacancy .advantages__item:nth-child(2)::before, .advantages-vacancy .advantages__item:nth-child(5)::before { opacity: 0; visibility: hidden; } .advantages-vacancy .advantages__item:last-child { background: #dafe52; } .advantages-vacancy .advantages__item:last-child .advantages__title { color: #262626; } .advantages-vacancy .advantages__item:last-child .advantages__text { color: #1f1f1f; } .advantages-vacancy .advantages__item .button { min-width: auto; width: 100%; } .vacancy { margin-bottom: 220px; } .vacancy__header { margin-bottom: 80px; display: flex; justify-content: space-between; gap: 40px; align-items: flex-end; max-width: 1283px; } .vacancy__left { max-width: 647px; } .vacancy__text { max-width: 476px; line-height: 130%; color: #777777; } .vacancy__text span { font-weight: 500; color: #fff; } .vacancy .faq__head { padding: 40px 40px 87px; align-items: flex-start; } .header__items .vacancy__info h2 { margin-bottom: 10px; font-weight: 400; font-size: 28px; line-height: 100%; color: #fff; } .vacancy__info p { color: #777777; } .faq__head h2 { color: white; font-weight: 500; padding-bottom: 20px; } .vacancy .case__category { margin-bottom: 40px; } @media (max-width:767px) { .services-page-list .vacancy .case__category { padding: 10px 15px; } } .vacancy .faq__drop { padding: 0 40px 87px !important; } .vacancy .faq__items:last-child .faq__drop { padding: 0 40px 40px !important; } .vacancy .faq__items:last-child .faq__head { padding: 40px; } .vacancy__items { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 20px; border-top: 1px solid #313131; padding-top: 40px; } .vacancy__item { background: #1f1f1f; border-radius: 20px; padding: 30px; } .vacancy__item h3 { margin-bottom: 30px; font-weight: 500; font-size: 20px; line-height: 75%; letter-spacing: -0.01em; color: #fff; } .vacancy__item ul li { position: relative; padding-left: 20px; margin-bottom: 20px; color: #777777; line-height: 100%; } .vacancy__item ul li:last-child { margin-bottom: 0; } .vacancy__item ul li::before, .vacancy__item ul li::after { content: ""; position: absolute; left: 0; top: 0; border-radius: 100%; } .vacancy__item ul li::before { width: 10px; height: 10px; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); } .vacancy__item ul li::after { width: 8px; height: 8px; padding: 1px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .vacancy__block { position: relative; border-radius: 20px; padding: 30px; background: #262626; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; align-items: flex-start; } .vacancy__block::before { content: ""; display: block; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 4.87%, #252525 66.87%); height: 100%; width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; z-index: 2; } .vacancy__block:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; z-index: 3; } .vacancy__block img { position: absolute; top: 0; right: 0; z-index: 1; width: 100%; height: 100%; opacity: 0.6; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; } .vacancy__block h3 { position: relative; z-index: 5; font-weight: 500; font-size: 20px; color: #fff; } .vacancy__block ul { position: relative; z-index: 5; } .vacancy__block ul li { margin-bottom: 20px; color: #777; } .vacancy__block ul li:last-child { margin-bottom: 0; } .vacancy__block ul li a { text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #fff; } .vacancy__block ul li a:hover { text-decoration: none; } .vacancy__block ul li span { color: #fff; } .vacancy .btn-ellipse { position: absolute; top: 30px; right: 30px; z-index: 5; } .vacancy .btn-ellipse:hover .btn-ellipse__inner { background: #fff; } .vacancy .btn-ellipse:hover .btn-ellipse__inner svg path { fill: #262626; } .vacancy .btn-ellipse__inner { background: #dafe52; } .vacancy .btn-ellipse__inner svg path { fill: #262626; } .vacancy .header__social { position: absolute; bottom: 30px; right: 30px; } .vacancy .header__social li { margin: 0; } .vacancy .button { position: relative; z-index: 5; } /* fixes */ .services-page-list .faq__inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 20px; } .services-page-list .calculator { margin-top: 180px; } /* fixes */ .calculator .develop__header { grid-template-columns: 605px 530px; } .calculator .tabs-contents { height: 100%; } .calculator .tabs-content { height: 100%; } .calculator__wrapper .swiper-slide { height: unset; } .calculator { margin-bottom: 180px; } .calculator__tabs { display: flex; background: #262626; border-radius: 30px; } .calculator__tab { width: 100%; min-height: 94px; position: relative; transition: 300ms; padding: 1px; cursor: pointer; border-radius: 30px; } .calculator__tab span { padding: 0 10px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #262626; border-radius: 30px; position: relative; z-index: 5; font-size: 18px; line-height: 105%; letter-spacing: -0.01em; color: #fff; text-align: center; transition: 300ms; } .calculator__tab:before { content: ""; display: block; position: absolute; inset: 0; border-radius: 30px; background: linear-gradient(283.44deg, #282828 9.7%, rgba(229, 254, 133, 0.2) 41.62%, #dafe52 89.59%); transition: 300ms; z-index: 0; opacity: 0; visibility: hidden; } .calculator__tab:hover span { background: #1F1F1F; } .calculator__tab:hover::before { opacity: 1; visibility: visible; } .calculator__tab.active::before { opacity: 1; visibility: visible; } .calculator__tab.active span { background: #1F1F1F; } .tabs-contents .tabs-content { display: none; animation: none; } .tabs-contents .tabs-content.active { animation: changeTab .5s forwards; display: grid; } @keyframes changeTab { from { visibility: hidden; opacity: 0; transform: translateY(-50px); } to { visibility: visible; opacity: 1; transform: translateY(0px); } } .calculator__blocks {} .calculator__block { position: relative; height: 100%; } .calculator__header {} .calculator__form { overflow: hidden; max-height: 600px; } .calculator__form.open { max-height: max-content !important; overflow: visible; } .calc-list { margin-top: 20px; transition: all .5s; } .calc-list__item { margin-bottom: 60px; } .calc-list__title { color: #767676; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; } .calc-list__field { margin-top: 30px; } .calc-list__radio {} .calc-list__checkbox {} .calc-list__sale {} .calculator__blocks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 80px; align-items: start; } .calculator__block { border-radius: 30px; background: #262626; padding: 60px 40px 40px 40px; } .calculator__block-min { position: sticky; top: 75px; height: max-content; } .calculator__header { color: #FFF; font-size: 28px; font-weight: 400; line-height: 120%; padding-bottom: 40px; border-bottom: 1px solid #313131; } .calculator__head { display: flex; justify-content: space-between; color: white; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; } .calculator__head .price-color { color: #DAFE52; } .calculator__body { margin-top: 30px; display: grid; gap: 10px; height: 300px; overflow: auto; scrollbar-width: thin; scrollbar-color: white transparent; } .calculator__row p { color: #767676; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; } .calculator__row p span { color: #FFF; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; } .calculator__row ul { margin-top: 5px; display: grid; padding-left: 40px; gap: 10px; } .calculator__row ul li { color: white; font-size: 20px; list-style: disc; } .calculator__row ul li::marker { color: white; } .calculator__blockfooter { border-top: 1px solid #313131; margin-top: 40px; padding-top: 40px; } .calculator__priceblock { display: flex; justify-content: space-between; } .calculator__priceblock { color: #FFF; font-size: clamp(28px, 25.89px + 0.53vw, 36px); font-weight: 500; line-height: 120%; letter-spacing: -0.72px; } .calculator__price { color: #DAFE52; } .calc-list__radio input { display: none; } .calc-list__radio label { position: relative; cursor: pointer; color: white; padding-left: 35px; } .calc-list__field { display: grid; gap: 20px; } .calc-list__radio label::before { content: ''; width: 20px; height: 20px; display: block; content: ""; position: absolute; inset: 0px; padding: 2px; border-radius: 100%; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; opacity: 1; visibility: visible; } .calc-list__radio label::after { content: ''; display: block; width: 10px; height: 10px; background: white; transition: all .3s; border-radius: 50%; opacity: 0; position: absolute; inset: 7px; transform: scale(0); } .calc-list__radio input:checked+label::after { opacity: 1; transform: scale(1); } .calc-list__radio label:hover::before { transform: rotate(90deg); } .calc-list__checkbox input { display: none; } .calc-list__checkbox label { position: relative; cursor: pointer; color: white; padding-left: 35px; } .calc-list__field { display: grid; gap: 20px; } .calc-list__checkbox label::before { content: ''; width: 20px; height: 20px; display: block; position: absolute; inset: 0px; padding: 2px; border-radius: 4px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; opacity: 1; visibility: visible; } .calc-list__checkbox label::after { content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M11.7251%200.260447C11.6457%200.17792%2011.5513%200.112417%2011.4472%200.0677155C11.3432%200.0230142%2011.2316%200%2011.1189%200C11.0062%200%2010.8946%200.0230142%2010.7905%200.0677155C10.6865%200.112417%2010.592%200.17792%2010.5126%200.260447L4.15139%206.82889L1.47882%204.06416C1.3964%203.98206%201.29911%203.91751%201.1925%203.87419C1.08589%203.83086%200.972054%203.80962%200.857483%203.81166C0.742911%203.81371%200.629852%203.839%200.524761%203.8861C0.419669%203.9332%200.324603%204.00118%200.244991%204.08617C0.165378%204.17116%200.102779%204.27148%200.0607656%204.38141C0.0187524%204.49135%20-0.00185163%204.60874%200.000130571%204.72688C0.00211277%204.84503%200.0266423%204.96161%200.0723181%205.06998C0.117994%205.17835%200.183922%205.27638%200.266338%205.35848L3.54515%208.73955C3.62453%208.82208%203.71897%208.88758%203.82302%208.93229C3.92707%208.97699%204.03867%209%204.15139%209C4.26411%209%204.37572%208.97699%204.47977%208.93229C4.58382%208.88758%204.67826%208.82208%204.75763%208.73955L11.7251%201.55477C11.8118%201.47231%2011.881%201.37225%2011.9283%201.26086C11.9756%201.14948%2012%201.0292%2012%200.907606C12%200.786009%2011.9756%200.66573%2011.9283%200.554349C11.881%200.442967%2011.8118%200.342898%2011.7251%200.260447Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E"); display: block; transition: all .3s; border-radius: 4px; opacity: 0; position: absolute; inset: 0px; left: 5px; } .calc-list__checkbox input:checked+label::after { opacity: 1; } .calc-list__checkbox label:hover::before { transform: rotate(90deg); } .calc-list__sale { padding: 5px 20px; margin-left: 10px; border-radius: 30px; background: var(--green, #DAFE52); display: inline-block; box-sizing: border-box; color: #1F1F1F; height: 32px; font-size: 16px; font-weight: 500; line-height: 130%; letter-spacing: -0.16px; } .calculator__more { padding-top: 50px; position: absolute; bottom: 0; width: 100%; height: 150px; color: var(--green, #DAFE52); left: 0; bottom: 0; z-index: 5; text-align: center; font-size: 16px; line-height: 130%; letter-spacing: -0.16px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: 5%; text-underline-offset: 20%; text-underline-position: from-font; background: linear-gradient(180deg, transparent, rgba(38, 38, 38, 0.80), #262626); border-radius: 0 0 30px 30px; border: none; outline: none; cursor: pointer; } .calculator__price-mobile { display: none; } .calculator__tabs-swiper { background: #262626; border-radius: 30px; } .calc-progress-bar { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; color: #000; height: 2px; margin: 0 auto; } .calc-progress-bar::-webkit-progress-value { background: white; } .calc-progress-bar::-webkit-progress-bar { background: #313131; } .progress-bar-wrapper span { display: block; position: absolute; top: 6px; } .calc-list__radio .progress-bar-wrapper span.border-change label::before { background: #999999; } .progress-bar-wrapper span label { display: block; position: relative; width: 150px; padding-top: 14px; text-align: center; } .calc-list__radio .progress-bar-wrapper input+label::before { margin: 0 auto; } .progress-bar-wrapper { position: relative; width: 100%; margin-bottom: 30px; padding-right: 20px; } .progress-bar-wrapper span label span { width: max-content; opacity: 0; margin-top: 20px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; left: 50%; transform: translateX(-50%) translateY(10px); } .progress-bar-wrapper span input:checked+label span { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0px); } .progress-bar-wrapper-3 span.first { left: calc(0% - 75px); } .progress-bar-wrapper-3 span.second { left: calc(50% - 75px); } .progress-bar-wrapper-3 span.third { left: calc(100% - 75px); } .progress-bar-wrapper-4 span.first { left: calc(0% - 75px); } .progress-bar-wrapper-4 span.second { left: calc(33% - 75px); } .progress-bar-wrapper-4 span.third { left: calc(66% - 75px); } .progress-bar-wrapper-4 span.fourth { left: calc(100% - 75px); } .calc-list__radio .progress-bar-wrapper label { padding-left: 0; } .calc-list__radio .progress-bar-wrapper label::after { background: #262626; width: 20px; inset: 0; height: 20px; opacity: 1; transform: scale(1); margin: 0 auto; } .calc-list__radio .progress-bar-wrapper input:checked+label::after { background: white; width: 10px; height: 10px; inset: 7px; } .calculator__tab { height: 100%; } .calculator__tab span { height: 100%; } .calc-list__switch { width: 35px; height: 20px; } .calc-list__switch input { display: none; } .calc-list__switch label { position: relative; display: flex; gap: 10px; padding-left: 45px; cursor: pointer; height: 35px; } .calc-list__switch label::before { content: ""; width: 35px; height: 20px; display: block; position: absolute; left: 0; top: 2px; padding: 2px; border-radius: 20px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; opacity: 1; visibility: visible; } .calc-list__switch label::after { content: ''; width: 16px; height: 16px; position: absolute; top: 6px; left: 4px; background: white; border-radius: 50%; transition: all .3s; } .calc-list__switch input:checked~label::after { left: unset; left: calc(35px - 16px); } .calc-list__switch .calc-list__yes { display: none; } .calc-list__switch input:checked~label .calc-list__yes { display: block; color: white; } .calc-list__switch input:checked~label .calc-list__no { display: none; } .calc-wrapper__description { margin-bottom: 20px; } .calc-list__info { width: 16px; height: 16px; display: inline-flex; position: relative; cursor: pointer; } .calc-list__info::before { content: "?"; border: white; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #dafe52; color: black; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; } .calc-list__info span { opacity: 0; visibility: hidden; transition: all .3s, color .3s .1s; color: #1F1F1F; } .calc-list__info span:nth-child(1) { filter: drop-shadow(-1px 0px 1px rgba(0, 0, 0, .7)); border-right: 20px solid #1F1F1F; border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-left: 20px solid transparent; position: absolute; top: -10px; left: 7px; z-index: 2; } .calc-list__info span:nth-child(2) { position: absolute; left: 45px; top: 50%; transform: translateY(-50%); width: 300px; border-radius: 15px; border: 1px solid rgba(0, 0, 0, 0.20); background: #1F1F1F; padding: 15px; font-size: 14px; display: grid; place-items: center; z-index: 2; } .calc-list__info:hover span { opacity: 1; visibility: visible; color: #767676; } .calculator__tab-link { position: absolute; top: 10px; right: 10px; border-radius: 50%; background: #DAFE52; font-size: 14px; z-index: 6; color: #767676; width: 20px; height: 20px; display: grid; place-items: center; font-weight: bold; } .calc-list__input input { width: 100%; height: 100%; border-radius: 30px; padding: 0 30px; background: #1f1f1f; border: 0; color: #fff; height: 60px; } .calc-list__input input[type="number"] { max-width: 300px; } .calc-list__input input[type="number"]::-webkit-outer-spin-button, .calc-list__input input[type="number"]::-webkit-inner-spin-button { appearance: none; } /* Анимации появления калькулятора */ .calculator__blocks.element-animation { opacity: 0; transition: all .5s; transform: translateY(-100px); } .calculator__blocks.element-show { opacity: 1; transform: translateY(0); } .calculator__block-min.element-animation { opacity: 0; transform: translateY(100px); transition: all 1s .5s; } .calculator__block-min.element-show { opacity: 1; transform: translateY(0); } .calculator__tabs-swiper.element-animation { opacity: 0; transform: translateY(-100px); } .calculator__tabs-swiper.element-show { transition: all 1s; opacity: 1; transform: translateY(0px); } .calculator__tab.element-animation { opacity: 0; transform: translateY(25px); transition: all .5s, opacity .5s .75s; } .calculator__tab.element-show { opacity: 1; transform: translateY(0px); } /* Анимации появления калькулятора */ .calc-total-item { margin-top: 20px; padding-bottom: 5px; border-bottom: 1px solid white; } .calc-total__wrapper { overflow: auto; max-height: 500px; scrollbar-width: thin; padding-right: 10px; } .calc-total__wrapper::-webkit-scrollbar-track { background: transparent; } .calc-total__wrapper::-webkit-scrollbar-thumb { color: transparent; } .calc-total-item__top { font-weight: 600; font-size: 16px; color: #434343; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 25px; position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 15px; cursor: pointer; } .calc-total-prop { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .calc-total-item__top:before { position: absolute; content: ""; right: 0; top: 9px; width: 11px; height: 7px; background: url(/local/templates/brevis/assets/css/../images/calc-total-item-arrow.png); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; filter: brightness(5) grayscale(1); } .calc-total__title { float: left; color: white; font-weight: 700; } .calc-total-item__title { color: white; } .calc-total-prop__value:not(:nth-child(2)) { margin-left: 15px; position: relative; } .calc-total-prop__value:not(:nth-child(2)):after { position: absolute; left: -12px; top: 0; bottom: 0; margin: auto; width: 7px; height: 1px; background: #c7c7c7; content: ''; } .calc-total-prop__value { position: relative; } .calc-total-item__price { color: white; } .calc-total-prop__choice { display: flex; flex-wrap: wrap; gap: 3px; } .d-none { display: none !important; } .calc-total-prop__value { color: white; } .billboard__item { display: block; } .billboard__title { display: flex; justify-content: space-between; width: 100%; font-weight: 500; font-size: 36px; color: #fff; position: relative; z-index: 1; position: relative; margin-bottom: 30px; /* padding: 20px 20px; */ /* background: #262626; */ /* border-radius: 20px; */ /* overflow: hidden; */ } .billboard__title:nth-child(1) { margin-bottom: 40px; } /* .billboard__title::before { content: ''; position: absolute; z-index: 0; top: 0px; transition: all .3s; left: -100px; transform: skew(45deg); width: 50%; height: 100%; background: linear-gradient(90deg, #777, transparent); opacity: .25; border-radius: 20px; } */ .services__items-block { margin-top: 80px; } .services__items-block .vacancy__info h2 { font-size: 25px; } .services__items-block .faq__items { height: 100%; } .services__items-block .faq__inner .faq__head { padding: 24px !important; height: 100%; } .billboard__title:hover::before { width: 60%; } /* .billboard__item~.faq__inner { margin-bottom: 40px; } */ .billboard__descr { font-weight: 500; font-size: 16px; margin-top: 30px; color: #777; position: relative; z-index: 1; /* display: none; */ } .billboard .faq__click { position: absolute; top: 20px; right: 20px; } .team-number-social__icon { display: flex; align-items: center; width: 40px; height: 40px; border: 1px solid #555555; border-radius: 50%; justify-content: center; transition: 0.3s; } .team-number-social__icon:hover { opacity: 0.6; } .team-number-social { display: flex; gap: 10px; } @media (max-width:1700px) { .calculator__blockfooter .button { width: 100%; min-width: unset; } .calc-list__info span:nth-child(2) { font-size: 13px; width: 250px; } } @media (max-width:1400px) { .calculator__blockfooter .button { width: 100%; min-width: unset; } .calculator__header { font-size: 24px; } .calculator__row p { font-size: 18px; } .calculator__row p span { font-size: 18px; } .calculator__row ul li { font-size: 18px; } /* .calculator__tabs { flex-wrap: wrap; } */ .calculator .develop__header { grid-template-columns: 1fr 1fr; } /* .calc-list__checkbox label, .calc-list__radio label { line-height: 150%; } */ .calc-list__info span:nth-child(1) { top: 10px; border-right: 20px solid transparent; border-bottom: 20px solid #1F1F1F; left: 50%; transform: translateX(-50%); } .calc-list__info span:nth-child(2) { width: 300px; top: 50px; left: 50%; transform: translateX(-50%); } } @media (max-width:991px) { .calculator__blocks { grid-template-columns: repeat(1, 1fr); } .calculator__price-mobile.active { display: block; position: sticky; top: 125px; left: 100%; width: max-content; z-index: 3; font-size: 20px; background: rgba(0, 0, 0, 0.2); color: white; backdrop-filter: blur(5px); padding: 10px 20px; border-radius: 30px; display: flex; gap: 10px; transition: all .3s; } .calculator .develop__header { grid-template-columns: 1fr; } .team-number-social .program-contact__tel { width: 100%; } .team-number-social { flex-wrap: wrap; justify-content: center; } } @media (max-width:767px) { .calculator__block { padding: 40px 20px 20px 20px; } .calculator__price-mobile.active { top: 102px; left: 100%; border-radius: 0 0 30px 30px; } .calculator__tab { min-height: 84px; } .calculator__head { font-size: 18px; } .calculator__row p, .calculator__row p span, .calculator__row ul li { font-size: 16px; } .calculator__body { gap: 20px; } .calc-list__field { gap: 30px; } } @media (max-width:578px) { .calculator__price-mobile.active { top: 91px; left: 100%; border-radius: 0 0 30px 30px; } .calc-list__info { width: 100%; height: unset; cursor: default; } .calc-list__info span { opacity: 1; visibility: visible; color: #7d7d7d; } .calc-list__title { display: flex; flex-direction: column; } .calc-list__info::before { display: none; } .calc-list__info span:nth-child(1) { display: none; } .calc-list__info span:nth-child(2) { margin-top: 10px; position: relative; top: unset; left: unset; transform: unset; width: 100%; } } .about-new { margin-bottom: 180px; } .about-new__video { overflow: hidden; border-radius: 30px; margin-bottom: 180px; position: relative; aspect-ratio: 2.461; transition: 1000ms; opacity: 0; } .about-new__video.element-show { opacity: 1; } .about-new__video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-new__video.active .about-new__video-image { opacity: 0; visibility: hidden; } .about-new__video.active .about-new__video-play { opacity: 0; visibility: hidden; } .about-new__video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; border-radius: 100%; width: 50px; min-width: 50px; height: 50px; transition: 300ms; opacity: 1; visibility: visible; cursor: pointer; padding: 1px; } .about-new__video-play svg { color: #dafe52; } .about-new__video-play::before { content: ""; display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(-306.9deg, rgba(0, 0, 0, 0.2) -7.45%, rgba(255, 255, 255, 0.2) 23.01%, #dafe52 79.91%); transition: 300ms; z-index: 0; } .about-new__video-play:hover::before { transform: rotate(180deg); } .about-new__video-play-inner { width: 100%; height: 100%; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; transition: 300ms; background: #1f1f1f; } .about-new__video-image { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; border-radius: inherit; transition: 300ms; opacity: 1; visibility: visible; } .about-new__video-image::before { content: ""; display: block; background: linear-gradient(180deg, rgba(31, 31, 31, 0) 42.24%, rgba(31, 31, 31, 0.8) 100%); width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; pointer-events: none; border-radius: inherit; } .about-new__video-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .about-new .application__items { border-top: 0; /* border-bottom: 1px solid #313131; */ padding: 0 0 40px; justify-content: center; width: 100%; } .about-new__block { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 180px; } .about-new__image { display: flex; border-radius: 30px; transition: 1000ms; opacity: 0; } .about-new__image.element-show { opacity: 1; } .about-new__image:first-child { grid-column: 1/3; grid-row: 1/3; } .about-new__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .about-new__info { background: #262626; border-radius: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; padding: 30px; transition: 1000ms; opacity: 0; } .about-new__info.element-show { opacity: 1; } .about-new__info p { line-height: 130%; letter-spacing: -0.01em; } .about-new__info p span { font-weight: 500; color: #fff; } .about-new .btn-ellipse { margin-left: auto; } .about-new__quote { position: relative; border-top: 1px solid #313131; padding-top: 80px; } .about-new__quote-inner { max-width: 1087px; margin: 0 auto; position: relative; padding: 165px 0; } .about-new__quote-inner>p { font-weight: 400; font-size: 28px; line-height: 120%; color: #fff; max-width: 785px; margin: 0 auto; } .about-new__quote-left { display: flex; position: absolute; top: 0; left: 0; } .about-new__quote-left img { width: 100%; height: 100%; } .about-new__quote-right { display: flex; position: absolute; bottom: 0; right: 0; } .about-new__quote-right img { width: 100%; height: 100%; } .about-new__director { display: flex; align-items: center; gap: 20px; position: absolute; bottom: 36px; right: 150px; } .about-new__director img { width: 76px; min-width: 76px; height: auto; -o-object-fit: cover; object-fit: cover; border-radius: 100%; } .about-new__director p { line-height: 110%; letter-spacing: -0.01em; } .about-new__director p span { color: #fff; font-weight: 500; font-size: 20px; display: block; margin-bottom: 15px; } .about-info { margin-bottom: 140px; padding-bottom: 80px; border-bottom: 1px solid #313131; } .about-info__head { margin-bottom: 80px; display: grid; align-items: flex-end; grid-template-columns: 38.75% 25.5%; gap: 12.19%; } .about-info__head p { line-height: 130%; letter-spacing: -0.01em; } .about-info__head p span { color: #fff; } .about-info .title-h2 { text-transform: uppercase; color: #fff; } .about-info__items { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; gap: 30px; } .about-info__image { display: flex; border-radius: 30px; position: relative; width: auto; transition: 1000ms; opacity: 0; } .about-info__image.element-show { opacity: 1; } .about-info__image:nth-child(3) { grid-column: 3/5; grid-row: 1/3; } .about-info__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .about-info__block { border-radius: 30px; background: #262626; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; padding: 30px; transition: 1000ms; opacity: 0; } .about-info__block.element-show { opacity: 1; } .about-info__block p { line-height: 130%; letter-spacing: -0.01em; } .about-info__block p span { color: #fff; } .about-info__block.yellow { background: #dafe52; } .about-info__block.yellow p { color: #1f1f1f; } .about-info__block.yellow .about-info__title { color: #1f1f1f; } .about-info__title { font-weight: 400; font-size: 20px; color: #fff; } .about-info__list { position: absolute; left: 40px; bottom: 24px; display: flex; gap: 23px; } .about-info__list li { background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 30px; padding: 15px 30px; font-weight: 500; text-align: center; } .about-team .team__image { max-width: 100%; width: 100%; margin: 0 auto 40px; } .about-team .price-content-sale .price__new { display: flex !important; } .about-article .swiper-wrapper { display: flex; gap: 0; } .about-article .swiper-pagination { display: none; } .about-article .article__header { border-bottom: 1px solid #313131; padding-bottom: 80px; } .about-article .article-dop .article__video { position: relative; } .about-article .article-dop .article__video::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; pointer-events: none; position: absolute; top: 0; left: 0; border-radius: inherit; opacity: 0; visibility: hidden; transition: 300ms; } .about-article .article-dop .article__video:hover::before { opacity: 1; visibility: visible; } .about-cooperation { overflow: hidden; } .about-cooperation .success__inner { grid-template-columns: 31.75% 49.06%; } .about-cooperation .success__text { max-width: 100%; } .about-form .form__inner { grid-template-columns: 42.5% 49.06%; gap: 100px; justify-content: space-between; } .about-form .form__title { max-width: 100%; } .about-form .form__text { max-width: 100%; } .form-in-article { margin-bottom: 0; } .form-in-article .form__inner { grid-template-columns: repeat(1, 1fr); gap: 0; margin-top: 0; } .form-in-article .form__inner .subtitle { margin-top: 30px; width: max-content; } .form-in-article .form__content { margin-top: 30px; } .form-in-article .form__content-inner { margin-top: 30px; } .form-in-article .form__text { margin-top: 15px; } .form-in-article .form__checkbox p { padding-top: 0; } .functional__tab-swiper .swiper-slide { height: unset; } .calc-list--disable .itemToCalc:not(.itemToCalc--main) { opacity: 0.2; pointer-events: none; } .privacy-page { padding-bottom: 80px; } .privacy-page p { line-height: 150%; } .privacy-page a { text-decoration: underline; font-weight: bold; } .privacy-page table { overflow: hidden; } .privacy-page table p { padding-top: 0; } .privacy-page table tr td { padding: 20px; } /* cookies */ .popup_cookie { position: fixed; bottom: 0px; left: 0; padding: 30px 0 20px 0; background: linear-gradient(0deg, rgba(0, 0, 0, .75), transparent); z-index: 10; display: none; width: 100%; } .window_cookie { display: flex; align-items: center; gap: 40px; max-width: 1600px; width: 100%; background: #262626; position: relative; padding: 21px 40px; border-radius: 30px; left: 50%; transform: translateX(-50%); animation: showCookies .75s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: #8C8C8C; font-size: 16px; line-height: 130%; letter-spacing: -0.16px; } .window_cookie a { color: #FFF; font-size: 16px; line-height: 130%; text-decoration: underline; } .close_pop { position: absolute; top: 20px; right: 20px; } .window_cookie__btn { min-width: unset; cursor: pointer; } .window_cookie__btn.button-yellow .button-inner { width: 100%; padding-inline: 60px; } @keyframes showCookies { 0% { transform: translateY(100px) translateX(-50%); } 100% { transform: translateY(0) translateX(-50%); } } /* cookies */ .new-company__images { position: absolute; right: 0; top: 0; } .new-company__image { z-index: 3; position: relative; } .new-company__image.desktop { position: relative; overflow: hidden; top: -90px; left: 0; width: 545px; height: 400px; } .new-company__image img:nth-child(1) { pointer-events: none; z-index: 3; } .new-company__image.desktop .image-in-desktop { position: absolute; top: 7px; right: 14px; z-index: -1; border-radius: 2px; transform: scale(1); pointer-events: none; max-height: 295px; } .new-company__image.tablet { position: absolute; overflow: hidden; bottom: 100px; left: -100px; width: 260px; height: 200px; } .new-company__image.tablet .image-in-tablet { position: absolute; top: 0px; right: 0px; z-index: -1; border-radius: 8px; transform: scale(.95); pointer-events: none; max-height: 200px; width: 100%; height: 100%; } .new-company__image.mobile { position: absolute; overflow: hidden; bottom: 75px; left: 125px; width: 83px; height: 175px; } .new-company__image.mobile .image-in-mobile { position: absolute; top: 0px; right: 0px; z-index: -1; border-radius: 8px; transform: scale(.99); pointer-events: none; max-height: 180px; width: 100%; height: 100%; } .seo-case .new-company__images { top: unset; bottom: -75px; } .advertising-form .form__end { grid-template-columns: repeat(1, 1fr); } .advertising-form .form__checkbox p { max-width: unset; } .price__item .toggle-button { border: none; cursor: pointer; font-weight: 500; font-size: 16px; line-height: 105%; letter-spacing: -0.01em; text-align: center; color: #d3f651; text-decoration: underline; background: none; } .price__item .toggle-button div span { color: #d3f651; } .new-seo-banner { position: relative; overflow: hidden; background: linear-gradient(180deg, #1f1f1f 0%, #262626 100%); border-radius: 0 0 50px 50px; padding: 175px 0 60px; margin-bottom: 140px; } .new-seo-banner__wrapper { max-width: calc(100% - 600px + 160px); } .new-seo-banner__title { color: #FFF; font-size: clamp(30px, 24.21px + 1.45vw, 52px); font-weight: 500; line-height: 100%; letter-spacing: -0.52px; text-transform: uppercase; } .new-seo-banner__subtitle span { color: #DAFE52; } .new-seo-banner__wrapper .title-h1 { margin-bottom: 30px; margin-top: 50px; line-height: 100%; } .new-seo-banner__wrapper .title-h1.element-animation { opacity: 0; transform: translateY(50px); transition: all .3s; } .new-seo-banner__wrapper .title-h1.element-show { opacity: 1; transform: translateY(0px); } .new-seo-banner__subtitle { color: white; font-size: clamp(18px, 16.42px + 0.39vw, 24px); line-height: 120%; max-width: 700px; opacity: 0; transform: translateY(50px); transition: all .3s .15s; } .new-seo-banner__subtitle.element-show { opacity: 1; transform: translateY(0px); } .new-seo-banner .breadcrumbs__button { opacity: 0; transform: translateY(50px); transition: all .3s .45s; } .new-seo-banner .breadcrumbs__button.element-show { opacity: 1; transform: translateY(0px); } .new-seo-banner__title span { color: #DAFE52; } .new-seo-banner__list { display: flex; margin-top: 170px; } .new-seo-banner__item { position: relative; padding-right: 30px; opacity: 0; transform: translateX(-50px); transition: all .3s .3s; } .new-seo-banner__item.element-show { opacity: 1; transform: translateY(0px); } .new-seo-banner__item:last-child { padding-right: 0; } .new-seo-banner__item::before { content: ''; background: #DAFE52; width: 12px; height: 12px; position: absolute; top: -66px; z-index: 1; transition: all .3s 1s; border-radius: 1px; } .new-seo-banner__item.element-show::before { box-shadow: 0px 0px 20px 1px #DAFE52; } .new-seo-banner__item::after { content: ''; background: #313131; display: block; position: absolute; width: 100%; height: 1px; top: -60px; z-index: 0; } .new-seo-banner__name { color: #FFF; font-size: 16px; font-weight: 600; line-height: 130%; letter-spacing: -0.16px; } .new-seo-banner__text { color: #8A8A8A; font-size: 16px; font-weight: 400; line-height: 130%; letter-spacing: -0.16px; margin-top: 20px; } .new-seo-banner__image { position: absolute; right: 0; bottom: 0; opacity: 0; transform: translateX(50%); transition: all 1s .75s; vertical-align: bottom; } .new-seo-banner__image img { vertical-align: bottom; } .new-seo-banner__image.element-show { opacity: 1; transform: translateX(0); } .case__inner-slider__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } .case__inner-slider__next { right: -24px; } .case__inner-slider__prev { left: -24px; } .case__inner-slider-wrap { position: relative; } .start:before { content: ''; top: 100%; width: 100%; height: 560px; background: #1f1f1f; position: absolute; z-index: 999999999; } .links { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 80px; } .links a { color: #FFF; padding: 15px 30px; border-radius: 30px; background: #262626; font-weight: 400; font-size: 16px; } .links a:hover { background: #DAFE52; color: #262626; } .long-cases { display: flex; flex-direction: column; gap: 60px; } .long-cases-item { padding: 40px; border-radius: 30px; position: relative; } .long-cases-item-top { margin-bottom: 140px; display: flex; justify-content: space-between; } .long-cases-item-bottom { display: flex; justify-content: space-between; align-items: flex-end; } .long-cases-item-text_title { font-size: 64px; color: #FFF; font-weight: 500; max-width: 710px; line-height: 90%; margin-bottom: 30px; } .long-cases-item-text_title span { color: #DAFE52; } .long-cases-item-text_subtitle { font-size: 20px; color: #AEAEAE; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; } .long-cases-item-text_subtitle span { color: #FFF; } .long-cases-item-top__text { border-radius: 30px; padding: 0 30px; background: #262626; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 42px; min-width: 117px; position: relative; z-index: 2; } .long-cases-item-top__text span { border-radius: 100%; width: 10px; height: 10px; min-width: 10px; } .long-cases-item-top__text:after { display: block; content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(288.77deg, rgba(0, 0, 0, 0.2) 12.91%, rgba(255, 255, 255, 0.2) 36.18%, #30302f 98.12%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .long-cases-item-top__icon { position: relative; background: #1f1f1f; border-radius: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; width: 100%; height: 100%; transition: 300ms; width: 48px; height: 48px; } .long-cases-item:hover .long-cases-item-top__icon { background: #dafe52; } .long-cases-item:hover .long-cases-item-top__icon svg path { fill: #262626; } .long-cases-item:before { background: linear-gradient(90deg, rgba(31, 31, 31, 0.80) 0.07%, rgba(31, 31, 31, 0.60) 46.71%, rgba(31, 31, 31, 0.00) 99.94%); content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .long-cases { position: relative; } .long-cases-item>div { position: relative; z-index: 2; } .long-cases-item .long-cases-item-glass { position: absolute; right: 0; bottom: 0px; display: flex; z-index: 1; } .program-min-top { margin-top: 60px; } .services-price-min .services-price__subtitle { margin-bottom: 0; } .services-price-min .services-price__man { width: unset; right: 160px; z-index: 0; } .new-seo-banner__switch-wrap { margin-top: 60px; } .new-seo-banner__switcher { position: relative; width: max-content; padding: 10px 15px; display: flex; gap: 15px; border-radius: 100px; z-index: 1; } .new-seo-banner__switcher:after { pointer-events: none; display: block; content: ""; z-index: -1; position: absolute; inset: 0px; padding: 1px; border-radius: 30px; background: linear-gradient(301.26deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; transition: 300ms; } .new-seo-banner__switch { border-radius: 100px; padding: 15px; cursor: pointer; transition: background .3s, color .3s; color: #FFF; font-size: 16px; line-height: 130%; /* 20.8px */ letter-spacing: -0.16px; } .new-seo-banner__switch.active { background: #DAFE52; color: #393536; } .new-seo-banner__contents { padding-top: 30px; } .new-seo-banner__switch-cont p { color: #DAFE52; font-size: 24px; line-height: 120%; } .new-seo-banner__switch-cont ul { margin-top: 10px; padding-left: 25px; } .new-seo-banner__switch-cont ul li { list-style-type: disc; color: white; font-size: 24px; } .new-seo-banner__switch-cont ul li::marker { color: white; } .new-seo-banner__contents .tabs-content.active { animation: changeTabLeft .5s forwards; } @keyframes changeTabLeft { from { visibility: hidden; opacity: 0; transform: translateX(-100px); } to { visibility: visible; opacity: 1; transform: translateX(0px); } } .unique-tarif__block { border-radius: 30px; padding: 60px; background: #262626; } .unique-tarif__top { display: flex; gap: 30px; border-bottom: 1px solid #313131; padding-bottom: 60px; } .new-seo-differences { display: flex; justify-content: center; align-items: center; margin-top: 15px; cursor: pointer; gap: 10px; } .unique-tarif { margin-bottom: 180px; } .unique-tarif .button { border: none; width: max-content; align-self: center; justify-self: flex-end; } .unique-tarif .develop__text { margin-top: 40px; } .unique-tarif .develop__header { grid-template-columns: repeat(2, 1fr); } .unique-tarif .new-seo-banner__switch-wrap { margin-top: 0; } .switch { position: relative; } .switch-item { user-select: none; -webkit-user-drag: none; z-index: 1; } .switch-item.active { z-index: 1; color: #393536; background: none; } .new-switch-line { background: #DAFE52; border-radius: 100px; position: absolute; transition: all .3s; z-index: 0; } .unique-tarif__center { padding-top: 120px; } .new-range input[type=range] { appearance: none; background: transparent; width: 100%; } .new-range { display: flex; position: relative; align-items: center; } .new-range-wrap { position: relative; width: 100%; height: 20px; } .new-range__selected { padding: 20px; padding-left: 30px; border-radius: 30px; background: #202020; flex-shrink: 0; align-items: center; display: flex; gap: 10px; } .new-range__selected .new-range__current { color: #DAFE52; width: 50px; } .new-range__marks { position: absolute; display: flex; top: 100%; width: 100%; color: white; } .new-range-wrap { --thumb-size: 45px; } .new-range__marks span { position: absolute; top: 20px; left: var(--left); transform: translateX(-50%); white-space: nowrap; } .new-range__marks span:after { content: ''; width: 3px; display: block; position: absolute; left: 50%; transform: translateX(-50%); z-index: 0; height: 10px; background: #333; top: -35px; pointer-events: none; } .new-range__prices { position: absolute; width: 100%; top: -100%; display: flex; } .new-range__price { left: var(--left, 0); position: absolute; top: -55px; color: #777; text-align: center; font-size: 16px; line-height: 105%; letter-spacing: -0.16px; border-radius: 12px; background: #202020; padding: 15px 30px; } .new-range__price::before { content: ''; position: absolute; top: 100%; left: 50%; transform: translate(-50%); border-top: 10px solid #202020; border-bottom: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; } /* .new-range datalist { display: flex; } .new-range datalist option { position: relative; background: white; top: 18px; border-left: 1px solid black; border-right: 1px solid black; } */ .new-range input[type="range"]::-webkit-slider-thumb { appearance: none; width: 45px; height: 45px; background: url('/local/templates/brevis/assets/css/../images/new-range-icon.svg'); border-radius: 50%; margin-top: -12.5px; position: relative; z-index: 1; } .new-range input[type="range"]::-webkit-slider-runnable-track { appearance: none; height: 20px; border-radius: 0 100px 100px 0; background: #202020; } .new-range input[type="range"] { appearance: none; } .unique-tarif__bottom { margin-top: 100px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .unique-tarif__form { display: grid; gap: 30px; } .unique-tarif__form .form__checkbox p { font-size: 14px; } .unique-tarif__form-inner { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); } .unique-tarif__form .form__input input { background: #262626; } .unique-tarif__left, .unique-tarif__right { border-radius: 30px; background: #202020; padding: 40px; } .unique-tarif__result { flex-grow: 1; } .unique-tarif__hours { color: #777; font-size: 24px; font-weight: 500; line-height: 110%; letter-spacing: -0.24px; } .unique-tarif__total { color: #DAFE52; font-size: 48px; font-weight: 500; line-height: 120%; letter-spacing: -0.96px; } .unique-tarif__hours span { color: #FFF; font-size: 24px; font-weight: 500; line-height: 110%; letter-spacing: -0.24px; } .unique-tarif__text { max-width: 330px; margin-top: 30px; } .unique-tarif__price { color: white; text-align: right; } .unique-tarif__left { display: flex; flex-direction: column; align-items: space-between; } .new-popular-services .develop__inner { gap: 80px; grid-template-columns: 2fr 1fr; } .new-popular-services .price__item-main { position: sticky; top: 100px; height: max-content; min-height: unset; } .new-popular-services__items { display: flex; gap: 15px; flex-wrap: wrap; margin-top: 60px; } .new-popular__item { padding: 15px 30px; border-radius: 30px; background: #262626; color: #FFF; font-size: 16px; line-height: 130%; letter-spacing: -0.16px; text-align: center; flex-grow: 1; display: flex; gap: 15px; justify-content: center; align-items: center; transition: all .3s; cursor: pointer; } .new-popular-services__items>.new-popular__item:nth-last-child(2) { color: #7d7d7d; } .new-popular__item span { color: #777; transition: all .3s; } .new-popular__item:hover { transform: scale(.95); } .new-popular__item:hover span { color: #DAFE52; } .advantages-tech-help { margin-top: 80px; } .advantages-tech-help .advantages__item:last-child { background: #262626; } .advantages-tech-help .advantages__item:last-child .advantages__title { color: white; } .advantages-tech-help .advantages__item:last-child .advantages__text { color: #777; } .advantages__badge { display: flex; align-items: flex-start; gap: 30px; } .advantages__badge .stage__badge { position: relative; top: unset; right: unset; left: unset; bottom: unset; } .new-competencies { margin-bottom: 180px; } .new-competencies__wrapper { display: grid; grid-template-columns: 1fr 1.5fr; gap: 150px; } .new-competencies__block {} .new-competencies .develop__header { grid-template-columns: repeat(1, 1fr); gap: 40px; } .new-competencies .develop__text { padding-bottom: 40px; border-bottom: 1px solid #313131; } .new-competencies__icons { margin-top: 40px; width: max-content; } .new-competencies__icon .success__item { padding: 40px; } .new-competencies__icon { position: relative; } .new-competencies__icon .success__image { top: -25px; z-index: -2; } .new-competencies__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 30px; } .new-competencies__item { position: relative; background: #262626; padding: 30px 20px; min-height: 250px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 45px; } .new-competencies__item::before { content: ""; display: block; background: linear-gradient(180deg, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.1) 100%); width: 100%; height: 100%; position: absolute; opacity: 0; top: 0; left: 0; z-index: 2; pointer-events: none; transition: 300ms; border-radius: 45px; } .new-competencies__item:hover::before { opacity: 1; } .new-competencies__item:first-child { background: linear-gradient(180deg, rgba(229, 229, 229, 0.00) 0%, rgba(229, 229, 229, 0.10) 100%), #262626; } .new-competencies__item .border-gradient { --border-radius: 45px; } .new-competencies__top {} .new-competencies__icon {} .new-competencies__title { margin-top: 15px; color: #FFF; font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .new-competencies__text { color: #777; font-size: 16px; line-height: 130%; letter-spacing: -0.16px; } .new-competencies__item:first-child .new-competencies__text { color: #FFF; } .creator-tech-help .subtitle { margin-bottom: 40px; } .creator-tech-help .creator__inner { grid-template-columns: repeat(2, 1fr); } .creator-tech-help .creator__block ul li { display: block; position: relative; padding-left: 20px; } .creator-tech-help .creator__block ul li span { color: white; } .creator-tech-help .creator__block ul li:before { position: absolute; top: 5px; left: 0; } .new-range__mobile { display: none; } .new-mobile-overflow-arrow { display: none; } .popup-ready-tarif { max-width: 1200px; background: #262626; height: 90vh; overflow: auto; position: relative; display: none; } .popup-ready-tarif { /* Firefox */ scrollbar-width: thin; scrollbar-color: var(--f-spinner-color-2) var(--f-spinner-color-1); } .popup-ready-tarif .price { margin-bottom: 0; } /* WebKit (Chrome, Safari, Edge) */ .popup-ready-tarif::-webkit-scrollbar { width: calc(var(--f-spinner-width) / 4.5); /* ~8px */ height: calc(var(--f-spinner-height) / 4.5); } .popup-ready-tarif::-webkit-scrollbar-track { background: var(--f-spinner-color-1); border-radius: calc(var(--f-spinner-width) / 9); margin: 2px 0; } .popup-ready-tarif::-webkit-scrollbar-thumb { background: var(--f-spinner-color-2); border-radius: calc(var(--f-spinner-width) / 9); /* «Воздух» вокруг thumb цветом фона блока, чтобы thumb не прилипал к краям */ border: calc(var(--f-spinner-stroke) * 1px) solid #262626; background-clip: padding-box; } .popup-ready-tarif::-webkit-scrollbar-thumb:hover { background: rgba(17, 24, 28, 1); } .popup-ready-tarif::-webkit-scrollbar-corner { background: var(--f-spinner-color-1); } .popup-ready-tarif .price__item { background: #202020; height: 100%; padding: 20px; } .popup-ready-tarif .price__icon { width: 50px; height: 50px; } .popup-ready-tarif .price__icon img { object-fit: contain; } .popup-ready-tarif .price__wrapper { min-height: 50px; } .popup-ready-tarif .price__items { overflow: auto; } .popup-ready-tarif .popup__inner { margin-top: 0; } .popup-ready-tarif .price__hours { text-align: left; color: white; margin-top: 15px; font-size: 20px; } .popup-ready-tarif .price__list { gap: 15px; margin-top: 0; } .popup-ready-tarif .price__list li { color: #777; margin-bottom: 0; } .popup-ready-tarif .price__price span { font-size: 36px; } .ready-tarif { margin-top: 40px; text-align: left; padding: 30px; border-radius: 30px; background: var(--black, #1F1F1F); } .ready-tarif p { color: #FFF; font-size: 20px; font-weight: 500; line-height: 130%; text-transform: uppercase; } .ready-tarif ul li { color: #777; } /* .popup-ready-tarif .price { margin-bottom: 0; overflow: auto; height: 100%; } */ .tech-help-page .title-h1 { word-break: keep-all; overflow-wrap: normal; } .popup-ready-tarif .unique-tarif__right { margin-top: 40px; } .popup-ready-tarif .unique-tarif__form { margin-top: 40px; } .ready-tarif-selected { color: #777; font-size: 24px; font-weight: 500; line-height: 110%; letter-spacing: -0.24px; display: none; } .ready-tarif-selected.not-select { display: block; } .ready-tarif-selected.active { display: block; } .ready-tarif-selected.not-select.active { display: none; } .ready-tarif-selected span { color: white; } .popup-ready-tarif .unique-tarif__form .form__checkbox p { text-align: left; } .popup__table { margin-top: 30px; width: 100%; color: white; border-collapse: collapse; border-radius: 30px; } .popup__table tr th { padding: 10px; color: #DAFE52; text-align: center; font-size: 16px; font-weight: 500; line-height: 130%; letter-spacing: -0.16px; padding-bottom: 20px; } .popup__table tr { text-align: center; } .popup-difference-paket { max-width: 1000px; display: none; } .popup-difference-napol { max-width: 1000px; display: none; } .popup-difference-napol .popup__close, .popup-difference-paket .popup__close, .popup-ready-tarif .popup__close { position: sticky; flex-direction: row-reverse; top: 20px; right: 20px; width: max-content; margin-left: auto; } .popup__table tr td .bitrix__arrow { margin: 0 auto; width: 35px; height: 35px; min-width: unset; } .popup__table tr:nth-child(even) td .bitrix__arrow { background: #1F1F1F; } .popup__table tr:nth-child(even) td .price__new-not { background: #1F1F1F; } .popup__table tr:nth-child(odd) td .price__new-not { background: #262626; } .popup__table tr td .price__new-not { width: 35px; margin: 0 auto; height: 35px; min-width: unset; } .popup__table tbody tr:first-child td:first-child { border-top-left-radius: 30px; } .popup__table tbody tr:first-child td:last-child { border-top-right-radius: 30px; } .popup__table tbody tr:last-child td:first-child { border-bottom-left-radius: 30px; } .popup__table tbody tr:last-child td:last-child { border-bottom-right-radius: 30px; } .popup__table tbody tr td:first-child { text-align: left; color: #858585; } .popup__table tbody tr:nth-child(odd) { background: #1F1F1F; } .popup__table tbody tr:nth-child(even) { background: #262626; } .popup__table tr td { padding: 20px; } .new-services-tabs .new-services-tabs-icon { width: 10px; padding: 0; height: 10px; margin-right: 10px; } .new-services-contents { padding-top: 80px; } .new-services-contents .services__items-block { margin-top: 0; } .new-services-contents .faq__inner { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 30px; } .new-services-contents .faq__items { border-radius: 30px; background: #262626; } .new-services-contents .faq__items h2 { color: #D9D9D9; font-family: Manrope; font-size: 20px; font-weight: 400; padding-bottom: 0; } .new-services-contents .faq__items .faq__head { padding: 30px; } .new-services-contents .faq__items:hover .faq__click { border-radius: 60px; background: #DAFE52; } .new-services-contents .faq__items:hover .faq__click::after { opacity: 0; } .new-services-contents .faq__items:hover .faq__click svg path { fill: rgba(31, 31, 31, 1); } .new-services-contents .faq__items:after { content: none; } .new-services-tabs .calculator__tab .new-services-tabs-icon { filter: grayscale(1); transform: scale(.8); } .new-services-tabs .calculator__tab .new-services-tabs-bitrix { filter: grayscale(1); transform: scale(.8); background: #D9D9D9; } .new-services-tabs .calculator__tab.active .new-services-tabs-bitrix { filter: grayscale(0); transform: scale(1); background: transparent; } .new-services-tabs .calculator__tab.active .new-services-tabs-icon { filter: grayscale(0); transform: scale(1); } .new-services-contents.tabs-contents .tabs-content.active { animation: tabReveal 0.5s forwards; } .header__items-themes { display: grid; grid-template-columns: 1fr 1.25fr; gap: 30px !important; } .header__items-themes .header__item-three .header__info { gap: 20px 30px !important; grid-template-columns: repeat(3, 1fr) !important; } .header__items-themes .header__item-four .header__info { grid-template-columns: repeat(4, 1fr); gap: 20px 30px !important; } .unique-tarif__button { margin-bottom: auto; margin-left: auto; } .maps-reviews__contents.tabs-contents .tabs-content.active { padding-top: 30px; animation: tabReveal 0.5s forwards; } #popup-review-text { color: white; } #popup-reviews.reviews-text-popup { padding-top: 30px; } #popup-reviews.reviews-text-popup .title-h2 { text-align: left; font-size: 24px; margin-bottom: 15px; } #popup-reviews.reviews-text-popup .popup__inner { margin-top: 0; } #popup-reviews.reviews-text-popup .popup-reviews__image { margin-top: 0; } #popup-reviews.reviews-text-popup .popup-reviews__image { margin-top: 0; } #popup-reviews.reviews-text-popup .reviews-page__text p:last-child { display: block; line-clamp: unset; line-height: 140%; text-align: left; } #popup-reviews.reviews-text-popup .popup-reviews__image { height: auto; min-height: unset; } .maps-reviews { padding-bottom: 80px; } .maps-reviews .new-seo-banner__switcher { gap: 20px; } .maps-reviews .new-seo-banner__switcher:after { background: linear-gradient(356deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); } .maps-reviews .new-seo-banner__switch { padding: 5px 20px; } .maps-reviews__wrapper {} .maps-reviews__tabs {} .maps-reviews__tab .new-seo-banner__switch { display: flex; align-items: center; } .maps-reviews__tab .new-seo-banner__switch span img { filter: invert(1) brightness(2); transition: all .3s; } .maps-reviews__tab .new-seo-banner__switch.active span img { filter: none; } .maps-reviews__tab .new-seo-banner__switch span { display: flex; align-items: center; gap: 10px; } .maps-reviews__contents {} .maps-reviews__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 20px; } .maps-reviews__item { opacity: 1; } .maps-reviews__item .reviews-page__logo { display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: bold; width: 60px; height: 60px; min-width: 60px; } .maps-reviews__item .reviews-page__button { grid-template-columns: repeat(1, 1fr); } .maps-reviews__item .reviews-page__name { font-size: 22px; } .maps-reviews__item .reviews-page__text { overflow: hidden; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; box-orient: vertical; -moz-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } .maps-reviews__item .reviews-page__block { gap: 20px; } .form-action-exit { display: block !important; animation: tabReveal 1s forwards; } @keyframes tabReveal { from { opacity: 0; transform: translateY(30px) scale(0.96); filter: blur(4px); } to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } .stage__items--no-number .price__price div { color: #777; text-decoration: line-through; font-size: 23px; } .stage__items--no-number .stage__number { min-width: 25px; width: 25px; height: 25px; } .stage__items--no-number .stage__item { border-right: none; border-left: 1px solid #313131; padding-left: 20px; } .stage__items--no-number .stage__item:last-child { padding-left: 20px; border-left: 1px solid #313131; } .stage__items--no-number .stage__badge { top: -48px; right: 0; } .breadcrumbs__footnote-reviews { gap: 60px; } .breadcrumbs__footnote-reviews .breadcrumbs__footnote-buttons { display: flex; justify-content: space-between; gap: 20px; } /* НОВЫЕ БЛОКИ */ .about-new .about-new__video { max-height: 600px; width: 100%; } .about-new .about-new__video-image::before { display: none; } .new-about-marquee { font-size: clamp(22px, 4.16px + 4.58vw, 92px); color: white; display: flex; gap: 10px; margin-bottom: 80px; overflow: hidden; position: relative; border-block: 1px solid #313131; padding: 60px; padding-top: 40px; } .new-about-marquee-ios { font-size: clamp(22px, 4.16px + 4.58vw, 92px); color: white; position: relative; padding: 30px; } .is-ios .marquee-container { border-block: 1px solid #313131; margin-bottom: 80px; } .is-ios .new-about-marquee marquee { all: unset; } @keyframes marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } .new-about-marquee-ios { display: none; } .is-ios .new-about-marquee { display: none; } .is-ios .new-about-marquee-ios { display: flex; width: max-content; gap: 20px; animation: marquee 15s linear infinite; will-change: transform; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .is-ios .new-about-marquee-ios marquee {} .new-about-marquee::before, .new-about-marquee::after { content: ''; position: absolute; width: 150px; height: 100%; z-index: 1; pointer-events: none; } .is-ios .marquee-container { position: relative; overflow: hidden; } .is-ios .marquee-container::before, .is-ios .marquee-container::after { content: ''; position: absolute; width: 150px; height: 100%; z-index: 1; pointer-events: none; } .is-ios .new-about-marquee::before, .is-ios .new-about-marquee::after { display: none; } .is-ios .marquee-container::before { background: linear-gradient(90deg, #1f1f1f, transparent); left: 0; top: 0; } .is-ios .marquee-container::after { background: linear-gradient(270deg, #1f1f1f, transparent); right: 0; top: 0; } .new-about-marquee::before { background: linear-gradient(90deg, #1f1f1f, transparent); left: 0; top: 0; } .new-about-marquee::after { background: linear-gradient(270deg, #1f1f1f, transparent); right: 0; top: 0; } .new-about-marquee span { cursor: pointer; transition: all .3s; } .new-about-marquee span:hover { color: #dafe52; } .new-about-marquee:hover {} .about-new .about-new__video { margin-bottom: 80px; } .about-new .about-advantages .about-advantages__top { display: none; } .new-overview {} .new-overview__items { width: 100%; } .new-overview__items .swiper-wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); gap: 30px; } .new-overview__item { background: #262626; padding: 50px 13px 30px; display: flex; flex-direction: column; border-radius: 30px; min-height: 295px; } .new-overview__icon { margin: 0 auto; flex-grow: 1; color: white; text-align: center; position: relative; z-index: 2; padding-bottom: 25px; } .new-overview__icon::before { content: ''; background: url("/local/templates/brevis/assets/css/../images/new-awward-icon.svg") center / contain no-repeat; position: absolute; z-index: -1; pointer-events: none; left: 50%; top: 0; transform: translateX(-50%); transition: all .3s; width: 110px; height: 95px; } .new-overview__icon p { font-weight: 700; font-size: 48px; line-height: 48px; transition: color .3s; } .new-overview__icon span { margin-top: 5px; font-size: 16px; transition: color .3s; } .new-overview__name { color: #FFF; text-align: center; font-size: 16px; font-weight: 500; line-height: 120%; letter-spacing: -0.16px; margin-top: 20px; } .new-overview__descr { margin-top: 10px; text-align: center; } .new-overview__awards { display: flex; gap: 20px; } .new-overview__icons { display: flex; } .new-overview__award { position: relative; width: 115px; background: #262626; height: 115px; display: flex; align-items: center; justify-content: center; margin-left: -30px; border-radius: 50%; transition: all .3s; } @media (hover:hover) { .new-overview__icons:hover .new-overview__award:first-child { transform: translateX(0px); } .new-overview__icons:hover .new-overview__award:nth-child(2) { transform: translateX(30px); } .new-overview__icons:hover .new-overview__award:nth-child(3) { transform: translateX(60px); } .new-overview__icons:hover~.new-overview__text { transform: translateX(60px); } } .new-overview__award .border-gradient { --border-radius: 50%; } .new-overview__award:first-child { margin-left: 0; } .new-overview__text { display: flex; flex-direction: column; gap: 15px; transition: all .3s; } .new-overview__adv { color: #FFF; text-align: center; font-size: 24px; font-weight: 500; line-height: 100%; } .new-overview__adv span { color: #dafe52; } .new-overview__item-text { justify-content: center; padding: 26px; } .new-overview__text p { color: #DAFE52; font-size: 64px; font-weight: 500; line-height: 120%; } .new-overview__text span { color: #FFF; font-size: 16px; font-weight: 500; line-height: 120%; /* 19.2px */ } .new-overview__item:hover .new-overview__icon::before { transform: translateX(-50%) scale(1.1); filter: brightness(1.5); } .new-overview__item:hover .new-overview__icon p { color: #dafe52; } .new-overview__item:hover .new-overview__icon span { color: #dafe52; } .new-overview.success .title { margin-bottom: 60px; } .new-overview .success__left { height: 100%; justify-content: space-between; } .new-overview .success__text { max-width: 465px; } .success-partners .success__inner { grid-template-columns: 1fr 1fr; } .success-partners .success__text { max-width: 620px; margin-bottom: 60px; } .success-partners.success .title { margin-bottom: 40px; } .success-partners__wrapper {} .success-partners__items .swiper-wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 30px; } .success-partners__item { position: relative; background: #262626; display: flex; align-items: center; justify-content: center; min-height: 185px; border-radius: 45px; transition: all .3s; } .success-partners__item:hover { transform: scale(.95); } .success-partners__item .border-gradient { --border-radius: 45px; } .success-partners__item .border-gradient:after { background: linear-gradient(300deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); } .success-partners__item-rutube { padding: 30px; } .new-sertificates { margin-bottom: 140px; } .new-sertificates .article__left { max-width: 600px; } .new-sertificates__slider { margin-left: calc((100vw - 1600px) / 2); } .smi .reviews__header p { max-width: 500px; } @media(max-width:1700px) { .new-sertificates__slider { margin-left: calc((100vw - 1300px) / 2); } } @media(max-width:1399px) { .new-sertificates__slider { margin-left: calc((100vw - 970px) / 2); } } .new-sertificates__slider .new-sertificates__slide { width: auto; } .new-sertificates__slider .new-sertificates__slide img { width: auto; height: 470px; } .new-sertificates__slider .new-sertificates__slide a { overflow: hidden; border-radius: 30px; } /* .new-sertificates__slider::before { content: ''; background: linear-gradient(270deg, rgba(31, 31, 31, 0.00), #1F1F1F); display: block; position: absolute; z-index: 5; width: 75px; height: 100%; top: 0; pointer-events: none; left: 0; } */ .new-sertificates__slider::after { content: ''; background: linear-gradient(90deg, rgba(31, 31, 31, 0.00), #1F1F1F); display: block; position: absolute; width: 150px; height: 100%; top: 0; right: 0; z-index: 5; pointer-events: none; } .smi { margin-bottom: 140px; } .smi .reviews__header p.element-animation { opacity: 0; transform: translateX(-50px); transition: 1000ms .2s; } .smi .reviews__header p.element-show { opacity: 1; transform: translateX(0px); padding-left: 45px; } .smi__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); height: 100%; gap: 30px; } .smi__block { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; } .smi__image { border-radius: 30px; overflow: hidden; } .smi__image img { height: max-content; } .smi__watch { border-radius: 30px; background: #262626; letter-spacing: -0.72px; padding: 40px 30px; } .smi__watch .title-h2 { letter-spacing: -0.72px; text-transform: none; } .smi__watch .article__video { display: flex; flex-direction: column; justify-content: space-between; } .smi__socials {} .smi__swiper { /* border-radius: 30px; */ } .smi__swiper .swiper-slide { height: 530px; width: auto; max-width: 100%; } .smi__swiper .swiper-slide a { width: 100%; height: 100%; } .smi__swiper .swiper-slide a img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 30px; } .smi .header__social li a svg { height: unset; } /* НОВЫЕ БЛОКИ */ /* КЕЙС - ДВА ГРАФИКА */ .seo-case-two-graphs { position: relative; background: #262626; gap: 30px 90px; } .seo-case-two-graphs .seo-case__name { color: var(--green, #DAFE52); font-size: 20px; font-weight: 500; line-height: 130%; text-transform: uppercase; border: none; padding-bottom: 0; margin-bottom: 30px; } .seo-case-two-graphs .title-h1 { margin-bottom: 30px; font-size: 36px; } .seo-case-two-graphs .long-cases-item-glass { position: absolute; right: 0; bottom: 0px; display: flex; z-index: 6; overflow: hidden; } .long-cases-item-glass.long-cases-item-glass-fix { position: absolute; right: 0; bottom: 0px; display: flex; z-index: 6; overflow: hidden; } .decor-svg { display: block; width: 100%; height: auto; overflow: visible; } .long-cases-item-glass-fix .blur-glass { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; height: 100%; backdrop-filter: blur(10px); border-radius: 10px 71px 0px 0px; transform: rotate(332deg); } .is-ios .long-cases-item-glass foreignObject { display: none; } .long-cases-item-glass-fix svg { position: relative; overflow: hidden; } .seo-case-two-graphs .blur-glass { position: absolute; top: 68px; left: 15px; width: 100%; z-index: -1; height: 100%; backdrop-filter: blur(10px); border-radius: 10px 71px 0 0; transform: rotate(332deg); } .seo-case-two-graphs .seo-case__text-icons { max-width: 350px; display: grid; gap: 10px; } .seo-case-two-graphs .seo-case__list { gap: 10px; } .seo-case-two-graphs .seo-case__right-wrap { overflow: hidden; display: flex; gap: 20px; align-items: center; } @media (min-width:1400px) { .seo-case-two-graphs .seo-case__right-wrap { height: 100%; justify-content: center; } .seo-case-two-graphs .seo-case__right-wrap .seo-case__right.swiper { margin-bottom: 0; } } .seo-case-two-graphs.seo-case__block { grid-template-columns: 750px 1fr; gap: 40px; } .seo-case-two-graphs .seo-case__text-icons li { position: relative; padding-left: 30px; } .seo-case-two-graphs .seo-case__text-icons li span { color: white; } .seo-case-two-graphs .seo-case__text-icons li svg { position: absolute; left: 0; top: 0px; } .seo-case-two-graphs .seo-case__buttons { margin-top: 30px; display: flex; gap: 30px; } .seo-case-two-graphs .seo-case__buttons { margin-top: 40px; display: flex; gap: 30px; } .seo-case-two-graphs .seo-case__buttons button, .seo-case-two-graphs .seo-case__buttons a { margin: 0; width: 100%; } .seo-case__chars { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 40px; border-bottom: 1px solid #313131; padding-bottom: 30px; margin-bottom: 30px; } .seo-case__char { display: flex; gap: 5px; } .seo-case__char-name { color: white; } .seo-case__char-text a { color: var(--green, #DAFE52); } .seo-case-two-graphs .border-gradient::after { background: linear-gradient(308deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); } .seo-case-two-graphs__top { grid-column: 1/3; } .seo-case-two-graphs .seo-case__chart { background: #262626; padding: 60px 20px; border-radius: 20px; width: 100%; margin-bottom: 30px; } .seo-case-two-graphs .seo-case__chart .border-gradient { --border-radius: 20px } .seo-case-two-graphs .seo-case__figure { display: none; } .seo-case-two-graphs .seo-case__right.swiper { height: 450px; margin-bottom: 40px; } .seo-case-two-graphs .seo-case__items { gap: 40px; grid-template-columns: repeat(2, 1fr); } .seo-case-two-graphs .seo-case__items .seo-case__item { display: flex; flex-direction: column; height: 100%; } .seo-case-two-graphs .seo-case__right.swiper img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } .seo-case__chart__tags { display: flex; gap: 20px; } .seo-case__chart__tag { display: flex; align-items: center; gap: 10px; font-size: 12px; } .seo-case__chart__tag span { width: 10px; height: 10px; } /* end КЕЙС - ДВА ГРАФИКА */ .long-cases-item-logo { position: absolute; right: 40px; bottom: 40px; } /* ховер прокруткий сайта при наведении на кейс */ .case-long-screen { --duration-scroll: 20s; --return-scroll: 2s; max-height: 400px; border-radius: 30px; overflow: hidden; position: relative; z-index: 5; } .case-long-screen img { display: block; width: 100%; transform: translateY(0); will-change: transform; transition: transform 1s linear; } @media (hover:hover) { .seo-case__block-screen:hover .case-long-screen img { transform: translateY(calc(400px - 100%)); transition-duration: var(--duration-scroll); } } .case-long-pause { position: absolute; z-index: 15; top: 20px; right: 20px; width: 50px; height: 50px; background: rgba(0, 0, 0, .25); border-radius: 50%; backdrop-filter: blur(5px); border: 1px solid rgba(0, 0, 0, .25); } /* end ховер прокруткий сайта при наведении на кейс */ /* блок "Знаем ваши боли" */ .your-pain {} .your-pain__wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); gap: 30px; } .your-pain__block { border-radius: 30px; background: #262626; padding: 30px; } .your-pain__block.element-animation { opacity: 0; transform: translateX(-100px); transition: 1000ms; } .your-pain__block-green { border: 1px solid #DAFE52; background: #20211A; } .your-pain__block-green.element-animation { transform: translateX(100px); } .your-pain__block.element-show { opacity: 1; transform: translateX(0px); } .your-pain__block-green .your-pain__icon { border: 1px solid #DAFE52; } .your-pain__block-green li p { color: white; } .your-pain__title { color: var(--white, #FFF); font-size: 24px; font-weight: 500; line-height: 110%; letter-spacing: -0.24px; } .your-pain__list { margin-top: 30px; display: grid; gap: 30px; } .mb-140 { margin-bottom: 140px; } .your-pain__list li { display: flex; gap: 20px; align-items: center; } .your-pain__list li span { color: white; } .your-pain__icon { display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; width: 50px; height: 50px; background: #1f1f1f; } .your-pain__icon span { width: 15px; height: 1px; background: #777; } /* end блок "Знаем ваши боли" */ .new-kp {} .new-kp__wrapper {} .new-kp-prev {} .new-kp-next {} .new-kp__swiper-wrap {} .new-kp__swiper {} .new-kp__block { background: #262626; padding: 40px 20px 20px; position: relative; display: flex; flex-direction: column; user-select: none; border-radius: 30px; /* clip-path: polygon(100% 16%, 100% 100%, 0% 100%, 0% 0%, 75% 0%); */ } .new-kp__block:hover {} .new-kp__block:hover {} /* .new-kp__block::before { content: ''; width: 100px; height: 50px; position: absolute; transform: rotate(45deg); top: -25px; right: -50px; background: #1f1f1f; } */ .swiper-slide {} .new-kp__icon { flex-grow: 1; display: flex; transition: all .2s; align-items: center; justify-content: center; } .new-kp__icon img { width: 75px; height: 75px; object-fit: contain; } .new-kp__name { margin-top: 30px; text-align: center; color: white; font-weight: 600; } .new-kp__buttons { margin-top: 30px; /* padding-top: 30px; */ display: grid; gap: 15px; /* border-top: 1px solid #313131; */ } .new-kp__buttons .button { min-width: 100%; height: 50px; } .new-kp__download { position: absolute; top: 0px; right: 0px; width: 75px; height: 75px; padding: 15px; z-index: 1; border-radius: 0 30px 0 0; border: 1px solid #313131; background: rgba(125, 125, 125, 0.25); display: flex; align-items: flex-start; justify-content: flex-end; clip-path: polygon(100% 0%, 100% 100%, 45% 48%, 0% 0%, 75% 0%); } .new-kp__download svg, .new-kp__download svg path { transition: all .3s; } .new-kp__download:hover svg { transform: scale(1.2); } .new-kp__download:hover svg path { fill: white; } .new-kp__info { border-top: 1px solid #313131; padding-top: 15px; margin-top: 15px; display: flex; align-items: center; justify-content: center; gap: 20px; color: #777; text-transform: uppercase; } .new-kp__info span { width: 5px; height: 5px; border-radius: 50%; background: #777; } .case-detail-descr .company-content { margin-bottom: 80px; } .company-description { margin-bottom: 80px; } .company-description .article-inner__info ul li:before { background: #d9d9d9; } .company-description .article-inner__info p { color: #d9d9d9; } .company-description .article-inner__info li { color: #d9d9d9; } @media (max-width:1400px) { .stage-onlinestore .stage__items--no-number .stage__item:nth-child(3) { border-right: none; padding-right: 0; } .success-partners__items .swiper-wrapper, .new-overview__items .swiper-wrapper { grid-template-columns: unset; display: flex; gap: 0; } .success.success-partners .swiper, .new-overview__items.swiper { overflow: hidden; padding-bottom: 30px; } .success-partners .success__left { position: static; } .seo-case-two-graphs.seo-case__block { grid-template-columns: 1fr; } .seo-case-two-graphs .seo-case__right-wrap .slide-graph .seo-case__chart { width: 580px; padding: 40px; } } @media (max-width:1399px) { .seo-case .new-company__images { display: none; } .calculator__block { padding: 60px 30px 30px 30px; } .new-company__image.desktop { width: 345px; height: 250px; top: -25px; } .new-company__image.desktop .image-in-desktop { top: 5px; right: 12px; max-height: 185px; } .new-company__image.tablet { width: 200px; height: 150px; bottom: 0px; } .new-company__image.mobile { bottom: -75px; left: 50px; } .services-page-list .faq__inner { grid-template-columns: repeat(2, 1fr); } .new-company__images { bottom: -125px; } .case__card .case__image .new-company__image.desktop { bottom: -30px; right: -30px; width: 200px; height: 148px; } .case__card .case__image .new-company__image.desktop .image-in-desktop { max-height: 108px; } .new-seo-banner__wrapper { width: 100%; max-width: unset; } .new-seo-banner__item { width: 100%; } .new-seo-banner__wrapper { padding: 0 15px; } .new-seo-banner { padding-top: 193px; padding-bottom: 50px; } .new-seo-banner__image { display: none; } .new-seo-banner, .unique-tarif, .new-competencies, .new-sertificates, .about-info, .smi, .mb-140 { margin-bottom: 120px; } .new-range__price { font-size: 14px; padding: 15px 10px; } .new-range__marks span { font-size: 14px; } .unique-tarif__hours { font-size: 22px; } .unique-tarif__total { font-size: 40px; } .unique-tarif__form-inner { grid-template-columns: repeat(1, 1fr); gap: 15px; } .unique-tarif__block { padding: 40px; } .new-popular-services .develop__inner { grid-template-columns: repeat(1, 1fr); gap: 50px; } .new-popular-services .price__item-main { position: static; width: max-content; margin: 0 auto; } .new-popular-services .price__head { max-width: 500px; } .tech-help-page .container { padding: 0 20px; } .creator-tech-help .creator__inner { grid-template-columns: repeat(1, 1fr); } .new-seo-banner__switch-cont p, .new-seo-banner__switch-cont ul li { font-size: 22px; } .new-competencies__wrapper { grid-template-columns: 1fr 1.2fr; } .popup-difference-napol, .popup-difference-paket, .popup-ready-tarif { padding: 40px; max-width: 95%; } .popup-ready-tarif .price__items { grid-template-columns: repeat(3, 1fr); gap: 20px; } .popup-ready-tarif .price__list li { font-size: 14px; } .popup-ready-tarif .price__top { gap: 20px; } .new-services-tabs-block .functional__swipe { margin-top: 30px; margin-bottom: 0px; } .header__items-themes .header__item-three .header__info { grid-template-columns: repeat(2, 1fr) !important; } .header__items-themes .header__item-four .header__info { grid-template-columns: repeat(2, 1fr) !important; } .unique-tarif .unique-tarif__button { order: -1; width: 74%; margin-left: 0; margin-right: auto; } .unique-tarif__top { flex-wrap: wrap; } .new-seo-banner__switcher { max-width: 80%; } .about-advantages-item__num { font-size: 46px; } .new-sertificates__slider .functional__swipe { position: relative; z-index: 10; } .smi__block { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); height: 300px; } .smi__wrapper { grid-template-columns: repeat(1, 1fr); } .smi .reviews__header { flex-wrap: wrap; } .seo-case-two-graphs .seo-case__right-wrap { margin-bottom: 0; } .smi .reviews__header p.element-show { padding-left: 0; } } @media (max-width:991px) { .popup-ready-tarif .price__items { grid-template-columns: repeat(2, 1fr); } .new-sertificates__slider { margin-left: 0; } .new-company__images { position: static; margin-top: 50px; } .services-price-min .services-price__subtitle { margin-bottom: 30px; } .new-company__image.desktop { left: 200px; } .new-company__image.tablet { width: 200px; height: 150px; bottom: 0px; left: 150px; } .new-company__image.mobile { bottom: -50px; left: 325px; } .services-page-list .faq__inner { grid-template-columns: repeat(1, 1fr); } .popup_cookie { bottom: 100px; } .footer__connect a { font-size: 24px; } .footer__mob { font-size: 24px; } .window_cookie { width: 90%; bottom: 50px; flex-direction: column; gap: 25px; } .case__card .case__image { height: 300px; position: static; order: 1; margin: 0 auto; } .case__card .case__left { order: 2; } .case__card .case__image .new-company__image.desktop { bottom: -15px; right: 0px; width: 372px; height: 275px; } .case__card .case__image .new-company__image.desktop .image-in-desktop { max-height: 205px; } .new-seo-banner__list { margin-top: 30px; flex-direction: column; } .new-seo-banner__item { padding-left: 30px; padding-top: 30px; } .new-seo-banner__item::before { top: 33px; left: -5px; } .new-seo-banner__item::after { width: 1px; height: 100%; left: 0; top: 36px; } .new-seo-banner__item:last-child:after { height: 75%; } .new-seo-banner { padding-top: 125px; } .new-seo-banner__wrapper .title { margin-bottom: 20px; } .new-seo-banner, .unique-tarif, .new-competencies { margin-bottom: 120px; } .long-cases-item { background-position: center !important; } .long-cases-item-top { margin-bottom: 90px; } .long-cases-item-text_title { font-size: 40px; max-width: 450px; } .long-cases-item-logo img { max-width: 100px; } .long-cases-item .long-cases-item-glass { width: 360px; height: 161px; } .case__header { margin-bottom: 10px; } .links { gap: 10px; margin-bottom: 30px; } .links a { font-size: 13px; padding: 7px 15px; } .new-range { flex-direction: column; } .new-range__selected { margin-bottom: 25px; align-self: flex-end; } .new-range input[type="range"]::-webkit-slider-runnable-track { border-radius: 20px; } .unique-tarif__center { padding-top: 60px; } .unique-tarif__bottom { grid-template-columns: repeat(1, 1fr); } .stage__badge { padding: 15px; font-size: 14px; max-width: 200px; } .advantages__badge .stage__badge { font-size: 12px; } .new-competencies__wrapper { grid-template-columns: 1fr 200px; } .new-competencies__block:first-child { position: sticky; height: max-content; top: 110px; } .new-competencies .develop__header { gap: 20px; } .unique-tarif .develop__header { grid-template-columns: 1fr .5fr; } .unique-tarif .develop__header .button { min-width: 200px; } .new-range__price { font-size: 13px; } .new-seo-banner, .unique-tarif, .new-competencies, .new-sertificates, .about-info, .smi, .mb-140 { margin-bottom: 80px; } .popup__table tbody tr td:first-child { width: 40%; } .new-services-contents { padding-top: 30px; } .new-about-marquee { padding: 30px; padding-top: 15px; } .new-sertificates__slider .new-sertificates__slide img { height: 300px; } .long-cases-item-logo { right: 30px; bottom: 30px; } .long-cases-item-text { padding-right: 100px; } .smi .container { padding: 0 20px; } .smi__block { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .smi__watch .title-h2 { font-size: 30px; } .smi .reviews__header p { margin-top: 30px; } } @media (max-width:767px) { .new-seo-banner__wrapper { padding: 0; } .services-price-min .services-price__inner { padding-bottom: 0; } .case-long-screen { max-height: 250px; } .services-price-min .services-price__man { margin: unset; margin-left: auto; } .new-company__images { position: static; margin-top: 50px; } .new-company__image.desktop { left: 75px; } .new-company__image.tablet { left: 75px; } .new-company__image.mobile { left: 225px; } .long-cases-item { padding: 25px 15px; } .long-cases-item-top__text { font-size: 13px; padding: 0 30px; } .long-cases-item-text_title { font-size: 33px; margin-bottom: 15px; } .long-cases-item-text_subtitle { font-size: 18px; max-width: 225px; } .long-cases-item .long-cases-item-glass { width: 220px; height: 134px; } .long-cases-item-logo img { max-width: 52px; margin-right: 15px; } .new-range { justify-content: flex-start; flex-direction: row; } .new-range__mobile { display: block; width: 100%; } .unique-tarif__top { flex-direction: column; padding-bottom: 30px; } .unique-tarif__top .new-seo-differences { font-size: 0; align-items: start; height: max-content; padding: 10px; gap: 0; margin-top: -5px; margin-left: -5px; } .unique-tarif__center { padding-top: 30px; } .unique-tarif__bottom { margin-top: 30px; } .new-range-wrap, .new-range__selected { display: none; } .new-range__mobile .new-range__input { display: flex; flex-direction: row; align-items: center; gap: 10px; } .new-range__mobile .new-range__input label { color: white; font-size: 18px; } .unique-tarif__block { padding: 20px; } .new-range__mobile .new-range__input input { border-radius: 100px; background: #202020; padding: 15px 30px; text-align: center; color: white; border: 1px solid #262626; min-width: 150px; font-size: 18px; } .new-range__price-mobile { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 20px; } .new-range__price-wrap p { text-align: center; color: white; font-size: 16px; margin-top: 15px; } .new-range__price-mobile .new-range__price { position: relative; top: 0; left: 0; transform: none; font-size: 16px; } .new-range__price-mobile .new-range__price::before { border-top: 10px solid transparent; border-right: 10px solid #202020; left: unset; top: 50%; right: -18px; transform: translateY(-50%) rotate(180deg); width: max-content; } .new-range__price-wrap:last-child .new-range__price::before { display: none; } .stage__badge { max-width: 250px; } .stage__title { margin-bottom: 10px; } .unique-tarif .new-seo-banner__switch-wrap { display: flex; } .new-mobile-overflow { height: 250px; position: relative; overflow: hidden; transition: all .3s; } .new-mobile-overflow.active {} .advantages__badge { width: 100%; justify-content: space-between; } .new-mobile-overflow.active .new-mobile-overflow-arrow { opacity: 0; visibility: hidden; } .new-mobile-overflow-arrow { display: block; position: absolute; bottom: 0; width: 100%; height: 100px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 20px; background: linear-gradient(0deg, #1f1f1f, transparent); color: #dafe52; text-decoration: underline; } .new-competencies__wrapper { grid-template-columns: repeat(1, 1fr); } .new-competencies__block:first-child { position: static; } .unique-tarif__hours { font-size: 18px; } .unique-tarif__text { font-size: 14px; } .unique-tarif__total { font-size: 32px; } .unique-tarif__price { margin-top: 20px; } .popup-ready-tarif .price__items { grid-template-columns: repeat(1, 1fr); } .popup__table { display: block; } .popup__table thead { position: sticky; top: -15px; display: block; background: #262626; } .popup__table thead tr { display: grid; grid-template-columns: repeat(2, 1fr) } .popup__table thead th { text-align: center; } .popup__table thead th:first-child { display: none; } .popup__table tbody { display: grid; width: 100%; } .popup__table tbody tr { display: grid; width: 100%; grid-template-columns: repeat(2, 1fr); } .popup__table tbody tr td { display: block; } .popup__table tbody tr td:first-child { grid-column: 1/3; text-align: center; width: 100%; } .popup__table tbody tr:last-child td:first-child { border-bottom-left-radius: unset; } .popup__table tbody tr td:first-child { border-bottom: 1px solid #313131; } .popup__table tbody tr:nth-child(even) { border-left: 1px solid #1F1F1F; border-right: 1px solid #1F1F1F; } .popup__table tbody tr:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; } .popup__table tbody tr:last-child { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .stage__items--no-number .stage__item { border-bottom: none; } .stage__items--no-number .stage__badge { top: -30px; } .title-h1 { hyphens: none; font-size: 28px; } .start__head { font-size: 17px; } .success-partners .container, .new-overview .container { padding: 0 20px; } .long-cases { gap: 30px; } .success-partners__items { gap: 15px; } .success-partners__item { min-height: 150px; padding: 15px; } .success-partners__item-rutube { padding: 30px; } .new-about-marquee { padding-top: 25px; } .about-new__quote-inner { padding: 70px 20px; } .program-contact .team__image { max-width: 200px; } .program-contact .team__name br { display: none; } .program-contact .team__text br { display: none; } .long-cases-item-logo { right: 20px; bottom: 20px; } .long-cases-item-text { padding-right: 0; padding-bottom: 30px; } .new-sertificates__slider::after { width: 50px; } .smi__block { height: unset; } .smi__image { height: 300px; } .smi__watch .article__video { gap: 30px; } .smi__swiper .swiper-slide { height: 350px; } .seo-case-two-graphs .long-cases-item-glass svg { width: 300px; height: 134px; } .seo-case-two-graphs .long-cases-item-glass .blur-glass { top: 53px; border-radius: 10px 52px 0 0; } .seo-case-two-graphs .seo-case__right-wrap .slide-graph .seo-case__chart { width: 100%; } .seo-case-two-graphs .long-cases-item-logo img { max-width: 100px; max-height: 50px; object-fit: contain; } .seo-case-two-graphs .long-cases-item-logo { bottom: 30px; } .seo-case-two-graphs .seo-case__right.swiper { height: 325px; } .seo-case-two-graphs .seo-case__right-wrap .slide-graph { display: flex; flex-direction: column; justify-content: center; } .your-pain__wrapper { grid-template-columns: 1fr; } } @media (max-width:577px) { .new-seo-banner { margin-bottom: 80px; padding-top: 80px; } .new-company__image.desktop { left: -15px; } .new-company__image.tablet { left: 25px; } .new-company__image.mobile { left: 150px; } .about-info, .mb-140 { margin-bottom: 60px; } .window_cookie { bottom: 25px; padding: 25px; } .case__card .case__image .new-company__image.desktop { bottom: -15px; right: 0px; width: 300px; height: 222px; } .case__card .case__image .new-company__image.desktop .image-in-desktop { max-height: 165px; } .new-seo-banner__switch-wrap { margin-top: 4px; } .unique-tarif .develop__header { grid-template-columns: repeat(1, 1fr); } .new-seo-banner__switch-cont p, .new-seo-banner__switch-cont ul li { font-size: 18px; } .new-range__mobile .new-range__input label { font-size: 16px; } .new-range__mobile .new-range__input input { min-width: 100px; font-size: 16px; } .new-seo-banner__switch { padding: 10px; font-size: 15px; } .new-range__price-mobile .new-range__price { font-size: 16px; } .new-range__price-wrap p { font-size: 14px; } .new-popular-services .price__item-main { width: 100%; } .unique-tarif__left, .unique-tarif__right { padding: 20px; } .unique-tarif__hours span { font-size: 16px; } .new-popular__item { position: relative; padding: 15px 15px; } .new-competencies__icons { width: 100%; margin-top: 30px; } .advantages__badge { flex-direction: column-reverse; gap: 15px; justify-content: flex-start; align-items: flex-start; } .advantages__badge .stage__badge { width: 100%; max-width: unset; } .new-competencies__wrapper { gap: 0; } .new-competencies__top { display: flex; gap: 15px; align-items: center; } .new-competencies__title { margin-top: 0px; } .breadcrumbs__top { overflow: auto; padding-bottom: 10px; } .breadcrumbs__content { width: max-content; } .new-competencies__item { min-height: 150px; gap: 20px; } .creator-tech-help .creator__block .creator-subtitle { line-height: 120%; font-size: 18px; } .unique-tarif__top .switch-item { display: flex; align-items: center; justify-content: center; text-align: center; } .tech-help-page .advantages__image img { display: none; } .popup__table tr td { padding: 10px; } .popup__table tbody tr td { font-size: 14px; } .popup__table tbody tr td:first-child { font-size: 16px; } .popup-difference-napol, .popup-difference-paket, .popup-ready-tarif { padding: 25px; } .ready-tarif p { margin-bottom: 20px; font-size: 16px; } .ready-tarif ul li { font-size: 14px; } .ready-tarif-selected { font-size: 16px; } .popup__table tr td .bitrix__arrow { width: 25px; height: 25px; } .popup__table tr td .bitrix__arrow img { width: 14px; } .popup__table tr td .price__new-not { width: 25px; height: 25px; } .popup__table tr td .price__new-not::before { width: 14px; } .popup-reviews { height: 90vh; } .popup-reviews .popup__inner { height: 100%; } .popup-reviews .popup-reviews__image { height: calc(100% - 5vh); } .popup-reviews iframe { height: 100%; object-fit: contain; } #popup-reviews.reviews-text-popup { height: auto; } .maps-reviews__tab .new-seo-banner__switch { padding: 5px 15px; } .maps-reviews .new-seo-banner__switcher { max-width: 100%; gap: 15px; } .new-services-contents .faq__inner { grid-template-columns: repeat(1, 1fr); } .maps-reviews__items { grid-template-columns: repeat(1, 1fr); } .new-about-marquee, .about-new .about-new__video { margin-bottom: 60px; } .new-overview__awards { flex-wrap: wrap; justify-content: center; } .new-overview__text { text-align: center; } .smi__image { height: 250px; } .smi__swiper .swiper-slide { height: 250px; } .seo-case-two-graphs .seo-case__name { font-size: 16px; } .seo-case-two-graphs .seo-case__buttons { flex-wrap: wrap; } .your-pain__block { padding: 20px; } .your-pain__list li { flex-direction: column; align-items: flex-start; } .your-pain__list li p { /* background: #1F1F1F; padding: 5px; */ } .your-pain__icon { width: 40px; height: 40px; padding: 5px; } } @media (max-width:400px) { .long-cases-item-text { padding-bottom: 50px; } .long-cases-item-text_title { font-size: 24px; } .long-cases-item-text_subtitle { font-size: 16px; } } .program-min-top { margin-top: 60px; } .article-inner__info h4 { padding-top: 30px; font-size: clamp(1.125rem, 1.0917rem + 0.1333vw, 1.25rem); position: relative; font-weight: 500; color: white; } .unique-tarif__form .success { margin-bottom: 0; display: none; } .header-inner_address { display: flex; justify-content: flex-end; } .header-addres { display: flex; flex-direction: row; gap: 10px; } .header-addres span { color: #fff; } .case__items-services .case__name { font-size: 36px; } .article-explanation { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 600px; box-sizing: border-box; } .article-explanation__item { display: flex; align-items: center; background-color: rgba(38, 38, 38, 0.45); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 28px; padding: 24px 32px 24px 24px; transition: background-color 0.3s ease, border-color 0.3s ease; } .article-explanation__item:hover { background-color: rgba(38, 38, 38, 0.6); border-color: rgba(255, 255, 255, 0.15); } .article-explanation__icon-wrap { flex-shrink: 0; width: 64px; height: 64px; border-radius: 50%; border: 1px solid rgba(218, 254, 82, 0.3); background-color: #262626; display: flex; align-items: center; justify-content: center; margin-right: 24px; } .article-explanation__icon { width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: contain; } .article-explanation__icon--box { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 64 64'%3E%3Cg%3E%3Cpath d='m44.689 20.725 10.558-10.558a5.015 5.015 0 1 0-1.414-1.414L43.275 19.311A16.9 16.9 0 0 0 33 15.051V10.9a5 5 0 1 0-2 0v4.152a16.9 16.9 0 0 0-10.275 4.26L10.167 8.753a5.015 5.015 0 1 0-1.414 1.414l10.558 10.558A16.9 16.9 0 0 0 15.051 31H10.9a5 5 0 1 0 0 2h4.152a16.9 16.9 0 0 0 4.26 10.275L8.753 53.833a5.015 5.015 0 1 0 1.414 1.414l10.558-10.558A16.9 16.9 0 0 0 31 48.949V53.1a5 5 0 1 0 2 0v-4.151a16.9 16.9 0 0 0 10.275-4.26l10.558 10.558a5.015 5.015 0 1 0 1.414-1.414L44.689 43.275A16.9 16.9 0 0 0 48.949 33H53.1a5 5 0 1 0 0-2h-4.151a16.9 16.9 0 0 0-4.26-10.275ZM6 35a3 3 0 1 1 3-3 3 3 0 0 1-3 3Zm52-6a3 3 0 1 1-3 3 3 3 0 0 1 3-3Zm0-26a3 3 0 1 1-3 3 3 3 0 0 1 3-3ZM29 6a3 3 0 1 1 3 3 3 3 0 0 1-3-3ZM6 9a3 3 0 1 1 3-3 3 3 0 0 1-3 3Zm0 52a3 3 0 1 1 3-3 3 3 0 0 1-3 3Zm29-3a3 3 0 1 1-3-3 3 3 0 0 1 3 3Zm23-3a3 3 0 1 1-3 3 3 3 0 0 1 3-3Zm-26-8a15 15 0 1 1 15-15 15.017 15.017 0 0 1-15 15Z' fill='%23dafe52'/%3E%3Cpath d='m41.316 26.051-9-3a1 1 0 0 0-.632 0l-9 3A1 1 0 0 0 22 27v10a1 1 0 0 0 .684.949l9 3a1 1 0 0 0 .632 0l9-3A1 1 0 0 0 42 37V27a1 1 0 0 0-.684-.949Zm-9.316-1L37.838 27 32 28.946 26.162 27Zm-8 3.334 7 2.333v7.891l-7-2.333Zm9 10.224v-7.888l7-2.333v7.891Z' fill='%23dafe52'/%3E%3C/g%3E%3C/svg%3E"); } .article-explanation__icon--cloud { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 480.119 480.119'%3E%3Cg%3E%3Cpath d='M423.239 120.119a56.915 56.915 0 0 0-17.208 2.648c.528-4.195.795-8.42.8-12.648C405.792 48.272 354.813-1.023 292.965.016c-45.131.758-85.397 28.534-102.134 70.455C158.463 50.4 115.953 60.37 95.883 92.738a68.954 68.954 0 0 0-10.34 35.037 57.137 57.137 0 0 0-28.664-7.656c-30.928 0-56 25.072-56 56s25.072 56 56 56a8 8 0 0 0 0-16c-22.089-.359-39.704-18.556-39.345-40.645.359-22.089 18.556-39.704 40.645-39.345a40.002 40.002 0 0 1 33.1 18.525 8 8 0 0 0 14.112-7.376 50.795 50.795 0 0 1-3.872-19.16c.321-28.992 24.048-52.253 53.04-52a53.434 53.434 0 0 1 35.08 13.312 8 8 0 0 0 12.968-3.896c14.638-50.936 67.796-80.361 118.731-65.723 40.442 11.622 68.595 48.236 69.437 90.307a92.8 92.8 0 0 1-3.48 24.8 8 8 0 0 0 12.296 8.696 41.017 41.017 0 0 1 23.648-7.496c22.091 0 40 17.909 40 40s-17.909 40-40 40a8 8 0 0 0 0 16c30.928 0 56-25.072 56-56 0-30.927-25.072-55.999-56-55.999zM376.039 304.119h-272c-13.255 0-24 10.745-24 24v32c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-32c0-13.255-10.745-24-24-24zm8 56a8 8 0 0 1-8 8h-272a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h272a8 8 0 0 1 8 8v32z' fill='%23dafe52'/%3E%3Cpath d='M353.847 328.615c-8.525.053-15.408 6.978-15.408 15.503.04 8.584 7.016 15.517 15.6 15.504 8.563-.053 15.461-7.037 15.408-15.6-.053-8.562-7.037-15.46-15.6-15.407zm.192 16.008c-.24 0-.4-.264-.4-.504l.4-.496v1zM270.439 336.119h-152a8 8 0 0 0 0 16h152a8 8 0 0 0 0-16zM319.839 336.119h-21.28a8 8 0 0 0 0 16h21.28a8 8 0 0 0 0-16zM376.039 400.119h-272c-13.255 0-24 10.745-24 24v32c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-32c0-13.255-10.745-24-24-24zm8 56a8 8 0 0 1-8 8h-272a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h272a8 8 0 0 1 8 8v32z' fill='%23dafe52'/%3E%3Cpath d='M353.847 424.615c-8.525.053-15.408 6.978-15.408 15.503.04 8.584 7.016 15.517 15.6 15.504 8.563-.053 15.461-7.037 15.408-15.6-.053-8.562-7.037-15.46-15.6-15.407zm.192 16.008c-.24 0-.4-.264-.4-.504l.4-.496v1zM270.439 432.119h-152a8 8 0 0 0 0 16h152a8 8 0 0 0 0-16zM319.839 432.119h-21.28a8 8 0 0 0 0 16h21.28a8 8 0 0 0 0-16zM376.039 208.119h-272c-13.255 0-24 10.745-24 24v32c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-32c0-13.255-10.745-24-24-24zm8 56a8 8 0 0 1-8 8h-272a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h272a8 8 0 0 1 8 8v32z' fill='%23dafe52'/%3E%3Cpath d='M366.935 245.935c-1.542-8.499-9.681-14.139-18.18-12.597a15.639 15.639 0 0 0-9.972 6.349 15.308 15.308 0 0 0-2.576 11.56 15.656 15.656 0 0 0 18 12.656 15.45 15.45 0 0 0 10.152-6.4 15.252 15.252 0 0 0 2.576-11.568zm-15.744 2.816.36-.632.04 1c-.36 0-.384-.2-.4-.368zM268.839 240.119h-152a8 8 0 0 0 0 16h152a8 8 0 0 0 0-16zM314.727 240.119h-21.28a8 8 0 0 0 0 16h21.28a8 8 0 0 0 0-16zM205.695 130.463l-24-24a8 8 0 0 0-11.312 0l-24 24a8 8 0 0 0 11.312 11.312l10.344-10.344v52.688a8 8 0 0 0 16 0v-52.688l10.344 10.344a8 8 0 0 0 11.312-11.312zM333.499 154.463a8.001 8.001 0 0 0-11.116 0l-10.344 10.344v-52.688a8 8 0 0 0-16 0v52.688l-10.344-10.344a8 8 0 0 0-11.312 11.312l24 24a8 8 0 0 0 11.312 0l24-24a8 8 0 0 0-.196-11.312z' fill='%23dafe52'/%3E%3C/g%3E%3C/svg%3E"); } .article-explanation__content { display: flex; flex-direction: column; gap: 8px; } .article-explanation__title { color: #ffffff; font-size: 18px; font-family: sans-serif; font-weight: 600; margin: 0; line-height: 1.3; } .article-explanation__text { color: rgba(255, 255, 255, 0.65); font-size: 15px; font-family: sans-serif; font-weight: 400; line-height: 1.4; margin: 0; } @media (max-width: 480px) { .article-explanation__item { flex-direction: column; align-items: flex-start; padding: 20px; } .article-explanation__icon-wrap { margin-right: 0; margin-bottom: 16px; } } .article-explanation-list { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 800px; box-sizing: border-box; } .article-explanation-list__intro { color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 8px; padding-left: 8px; } .article-explanation-list__item { display: flex; align-items: flex-start; background-color: rgba(38, 38, 38, 0.45); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 24px; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease; } .article-explanation-list__item:hover { background-color: rgba(38, 38, 38, 0.6); border-color: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } .article-explanation-list__number { flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background-color: #262626; border: 1px solid rgba(218, 254, 82, 0.4); color: #dafe52; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-right: 20px; box-shadow: inset 0 0 10px rgba(218, 254, 82, 0.05); } .article-explanation-list__content { display: flex; flex-direction: column; gap: 6px; padding-top: 2px; } .article-explanation-list__title { color: #ffffff; font-size: 18px; font-weight: 600; line-height: 1.3; } .article-explanation-list__text { color: rgba(255, 255, 255, 0.7); font-size: 15px; font-weight: 400; line-height: 1.5; } @media (max-width: 576px) { .article-explanation-list__item { flex-direction: column; padding: 20px; } .article-explanation-list__number { margin-right: 0; margin-bottom: 16px; width: 40px; height: 40px; font-size: 18px; } } .article-quotation { position: relative; width: 100%; max-width: 800px; box-sizing: border-box; padding: 40px 48px; background-color: rgba(38, 38, 38, 0.45); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; display: flex; flex-direction: column; gap: 24px; font-family: sans-serif; overflow: hidden; } .article-quotation:hover { background-color: rgba(38, 38, 38, 0.55); border-color: rgba(255, 255, 255, 0.15); transition: background-color 0.4s ease, border-color 0.4s ease; } .popup-leave { max-width: 1020px; width: 100%; padding: 40px; position: relative; overflow: hidden; display: none; } .popup-leave .title { text-align: left; -webkit-text-fill-color: inherit; background: transparent; color: var(--white, #FFF); font-size: 36px; font-weight: 500; line-height: 120%; letter-spacing: -0.36px; text-transform: uppercase; } .popup-leave .title span { color: var(--green, #DAFE52); } .popup-leave .popup__inner p { text-align: left; font-weight: 500; } .popup-leave .popup__inner p span { color: white; } .popup-leave__image { position: absolute; bottom: 0; right: 0; height: 100%; pointer-events: none; } .popup-leave__image img { height: 100%; } .popup-leave .popup__close { top: 30px; right: 30px; } .popup-leave .form__end { grid-template-columns: repeat(1, 1fr); gap: 20px; } .popup-leave .form__input:has(input[name="site"]) { grid-column: 1/3; } .popup-leave .seo-form__fon { width: 65%; } .popup-leave .seo-form__fon::before { content: ''; background: linear-gradient(90deg, #262626, transparent); position: absolute; left: 0; height: 100%; width: 300px; z-index: 2; } .popup-leave .popup__inner { max-width: 540px; margin-top: 0; } .cursor { position: absolute; bottom: 40px; max-width: 325px; right: 40px; border-radius: 10px; background: var(--white, #FFF); padding: 20px; } .cursor-icon { position: absolute; top: -25px; left: -15px; animation: clickAnimation 5s infinite; } @keyframes clickAnimation { 0% { transform: translate(0, 0) scale(1); } 25% { transform: translate(-6px, -3px) scale(0.98); } 50% { transform: translate(5px, -4px) scale(0.96); } 75% { transform: translate(-3px, 6px) scale(0.97); } 100% { transform: translate(0, 0) scale(1); } } .cursor-text { color: var(--text, #777); font-size: 16px; font-weight: 500; line-height: 130%; /* 20.8px */ letter-spacing: -0.16px; } .cursor-text span { color: var(--purple, #DC4BFF); } .fixed-video { position: fixed; display: none; width: 125px; bottom: 30px; left: 30px; border-radius: 30px; z-index: 10; overflow: hidden; transform-origin: left bottom; cursor: pointer; transition: all .3s; } @media(hover:hover) { .fixed-video:hover { width: 200px; } .fixed-video:hover .fixed-video__close { top: 60px; } } .fixed-video.hide { animation: closeVideo .5s forwards; } .fixed-video.active { display: block; } @keyframes closeVideo { 0% { left: 0; bottom: 0; } 100% { transform: scale(.5); opacity: 0; display: none; } } .fixed-video__close { transition: all .3s; cursor: pointer; position: absolute; z-index: 20; top: 10px; right: 10px; backdrop-filter: blur(5px); background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .1); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .fixed-video__close svg { width: 15px; height: 15px; } .fixed-video__close svg path { stroke: white; } .fixed-video video { width: 100%; border-radius: 30px; object-fit: contain; } .statement-partners {} .statement-partners__wrapper {} .statement-partners__items .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .statement-partners__item { padding: 20px; border-radius: 20px; background: #262626; display: flex; flex-direction: column; gap: 40px; height: unset; transition: all .5s; user-select: none; opacity: 0; transform: scale(.9); } .statement-partners__item.element-show { opacity: 1; transform: scale(1); } .your-pain { overflow: hidden; } @media (hover:hover) { .statement-partners__item:hover { transform: scale(0.975); } .statement-partners__item:hover .statement-partners__icon { filter: grayscale(0); transform: scale(1.025); } .statement-partners__item:hover .statement-partners__name { color: white; } } .statement-partners__icon { display: flex; justify-content: center; align-items: center; filter: grayscale(1); transition: all .5s; height: 120px; } .statement-partners__name { text-align: center; align-content: center; transition: all .3s; height: 82px; } .statement-partners .swiper-pagination { display: none; } .your-pain-statement .your-pain__icon { color: #DC4BFF; } .your-pain-statement .your-pain__block-green { background: #202020; } .your-pain-statement .your-pain__block-green .your-pain__icon { background: #DAFE52; color: #202020; } .stage-statement .stage__item { border-left: 1px solid #313131; border-right: none; padding-right: 0; padding-left: 30px; } .stage-statement .stage__text p { margin-bottom: 5px; } .stage-statement .stage__text p:last-child { margin-bottom: 0; } .stage__bottom { position: relative; width: 100%; border-radius: 15px; border: 1px solid rgba(0, 0, 0, 0.20); background: #262626; color: #DAFE52; font-size: 20px; font-weight: 400; line-height: 130%; letter-spacing: -0.2px; padding: 20px; text-align: center; margin-top: auto; } .stage__bottom .border-gradient { --border-radius: 15px; } .stage__bottom:hover .border-gradient:after { background: linear-gradient(170deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); } .tech-competence .services__header, .services__left { max-width: 700px; } .statement-partners .price__header { grid-template-columns: 700px 426px; } .tech-competence {} .tech-competence__wrapper {} .tech-competence__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 30px; } .tech-competence__item { border-radius: 30px; background: #262626; padding: 30px; display: flex; flex-direction: column; transition-duration: 500ms; opacity: 0; transform: translateX(-40px); } .tech-competence__item.element-show { opacity: 1; transform: translateX(0px); } .tech-competence__icon { max-height: 100px; } .tech-competence__name { margin-top: 24px; color: #FFF; font-size: 24px; font-weight: 500; line-height: 120%; } .tech-competence__list { margin-top: 40px; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; padding-left: 20px; gap: 10px; } .tech-competence__list li { color: #AEAEAE; font-size: 16px; font-weight: 400; list-style: disc; } .tech-competence__list li::marker { color: white; } .tech-competence__list li span { color: #fff; } .tech-competence__list li span.green { color: #DAFE52; } .SmartCaptcha-Shield_position_bottom { z-index: 100; } .statement-projects__item { position: relative; display: grid; grid-template-rows: 90px 1fr; row-gap: 30px; grid-template-columns: 770px 1fr 430px; min-height: 710px; overflow: hidden; border-radius: 30px; background: #262626; padding: 40px; } .statement-projects .reviews__left { max-width: 700px; } .statement-projects__item::before { content: ''; background: linear-gradient(0deg, #262626 26.22%, rgba(38, 38, 38, 0.00) 100%); height: 250px; width: 100%; z-index: 1; position: absolute; bottom: 0; left: 0; } .statement-projects__url { color: #FFF; text-align: right; font-size: 24px; font-weight: 400; line-height: 100%; letter-spacing: -0.24px; text-transform: uppercase; display: flex; align-items: center; gap: 5px; } .statement-projects__top { grid-column: 1/4; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; height: max-content; } .statement-projects__block { position: relative; z-index: 2; } .statement-projects__block.element-show {} .statement-projects__left { display: flex; flex-direction: column; justify-content: space-between; } .statement-projects__right {} .statement-projects__name { display: flex; align-items: center; gap: 30px; color: #FFF; font-size: 36px; font-weight: 500; line-height: 100%; letter-spacing: -0.36px; text-transform: uppercase; } .statement-projects__name p { max-width: 730px; } .statement-projects__list { margin-top: 70px; color: #D9D9D9; font-size: 20px; font-weight: 500; line-height: 110%; letter-spacing: -0.2px; } .statement-projects__list.element-animation { transform: translateY(-30px); opacity: 0; transition: all 1s; } .statement-projects__list.element-show { transform: translateY(0px); opacity: 1; } .statement-projects__list li span { font-size: 16px; } .list-dots { display: grid; gap: 40px; } .list-dots li { max-width: 310px; width: max-content; position: relative; } .list-dots li::before { content: ''; width: 130px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 40px); background: linear-gradient(90deg, #202020 0%, #424242 56.73%, #424242 95.81%); } .list-dots li:nth-child(1):before, .list-dots li:nth-child(3):before { left: calc(100% + 0px); } .list-dots li:nth-child(1) .dot, .list-dots li:nth-child(3) .dot { left: calc(100% + 130px + 40px); } .list-dots .dot { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; position: absolute; left: calc(100% + 130px + 80px); top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.00); backdrop-filter: blur(5px); } .list-dots .dot .border-gradient:after { background: linear-gradient(210deg, rgba(0, 0, 0, 0.5) 8.71%, rgba(255, 255, 255, 0.9) 33.08%, #30302f 78.61%); } .list-dots .dot::before { content: ''; display: block; width: 10px; height: 10px; background: #DC4BFF; border-radius: 50%; } .statement-projects__numbers { display: flex; align-items: flex-start; gap: 40px; } .statement-projects__number {} .number-block {} .number-block__value { color: #FFF; font-size: 36px; font-weight: 500; line-height: 100%; letter-spacing: -1.44px; } .number-block__value span { font-size: 96px; letter-spacing: -3.84px; } .number-block.active .number-block__value { color: #DAFE52; } .number-block__name { max-width: 220px; color: #777; font-size: 18px; font-weight: 500; line-height: 110%; letter-spacing: -0.2px; margin-top: 20px; } .statement-projects__image { z-index: 0; pointer-events: none; user-select: none; -webkit-user-drag: none; opacity: 0; transition: all 1s; } .statement-projects__image.element-show { opacity: 1; } .statement-projects__image img { position: absolute; left: 50%; transform: translateX(-50%); top: 0px; } .statement-projects__goals { display: grid; gap: 30px; margin-top: 30px; transform: translateY(-30px); opacity: 0; transition: all 1s .5s; } .statement-projects__goals.element-show { transform: translateY(0px); opacity: 1; } .statement-projects__goals-title { color: #DAFE52; font-size: 28px; font-weight: 500; line-height: 100%; letter-spacing: -1.12px; transform: translateY(-30px); opacity: 0; transition: all 1s .25s; } .statement-projects__goals-title.element-show { transform: translateY(0px); opacity: 1; } .statement-projects__goal { color: #D9D9D9; font-size: 20px; font-weight: 500; line-height: 110%; letter-spacing: -0.2px; } .cursor-green { z-index: 2; max-width: 475px; padding: 30px; border-radius: 15px; background: #262626; } .liquid-glass { border-radius: 56.00000000000001px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; isolation: isolate; box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; border: none; background: none; padding: 0; margin: 0; text-decoration: none; cursor: pointer; } .liquid-glass:focus { outline: none; } .liquid-glass::before { content: ''; position: absolute; inset: 0; z-index: 0; border-radius: 56.00000000000001px; box-shadow: inset 0 0 15px -5px #ffffff; background-color: rgba(255, 255, 255, 0); } .liquid-glass::after { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: 56.00000000000001px; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); filter: url(#glass-distortion); -webkit-filter: url(#glass-distortion); } .glass-text { position: relative; color: #ffffff; font-size: 24px; font-weight: 400; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); opacity: 1; transform: translate(0px, 0px); font-family: 'Georgia', 'Microsoft YaHei', '微软雅黑', serif; } .cursor-green .border-gradient { --border-radius: 15px; } .cursor-green .border-gradient:after { background: linear-gradient(320deg, rgba(0, 0, 0, 0.2) 8.71%, rgba(255, 255, 255, 0.2) 33.08%, #30302f 78.61%); } .cursor-green .cursor-descr { z-index: 2; color: #777; font-size: 20px; font-weight: 400; line-height: 130%; letter-spacing: -0.2px; margin-top: 20px; } .cursor-green .cursor-text { color: #FFF; font-size: 28px; font-weight: 500; line-height: 110%; /* 30.8px */ letter-spacing: -0.28px; } .cursor-green .cursor-text span { color: white; position: relative; } .cursor-green .cursor-text span::after { content: ''; position: absolute; left: -5px; width: 100%; height: 100%; z-index: -1; top: 0; background: linear-gradient(90deg, #656E40 0%, rgba(37, 37, 37, 0.00) 100%); } .cursor-green .cursor-text span::before { content: url('/local/templates/brevis/assets/css/../images/type-icon.svg'); position: absolute; top: 50%; transform: translateY(-50%); left: -10px; } .cursor-green .cursor-icon { width: 28px; top: -30px; left: -20px; animation: none; } @media (max-width:1700px) { .new-company__images { top: unset; bottom: -100px; } .window_cookie { width: 75%; } .new-competencies__wrapper { gap: 50px; } .new-popular-services .price__block { flex-direction: column; } .advantages__badge .stage__badge { padding: 15px; } .case__card .case__image .new-company__image.desktop { bottom: -20px; width: 300px; height: 220px; } .case__card .case__image .new-company__image.desktop .image-in-desktop { max-height: 165px; } .new-seo-banner__image { transform: translateX(5%); right: -255px; } .new-seo-banner__wrapper { max-width: calc(100% - 300px); } .services-price-min .services-price__man { right: 0px; } .new-services-tabs { background: #262626; overflow: hidden; border-radius: 30px; } .success-partners .success__left { position: sticky; top: 75px; } .success-partners .success__inner { align-items: flex-start; } .smi__swiper .swiper-slide { height: 425px; } .seo-case-two-graphs.seo-case__block { grid-template-columns: 650px 1fr; } .seo-case__chars { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } .seo-case-two-graphs .seo-case__right-wrap { margin-bottom: 30px; } .seo-case-two-graphs .seo-case__right-wrap .slide-graph { padding: 5px; display: flex; align-items: center; justify-content: center; } .seo-case-two-graphs .seo-case__right-wrap .slide-graph .seo-case__chart { width: 500px; } .seo-case-two-graphs .seo-case__right-wrap .team__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } .seo-case-two-graphs .seo-case__right-wrap { position: relative; } .seo-case-two-graphs .seo-case__right-wrap .seo-case__next { right: 0; } .seo-case-two-graphs .seo-case__right-wrap .seo-case__prev { left: 0; } .seo-case-two-graphs .seo-case__chart { margin-bottom: 0; } .list-dots li { font-size: 18px; } .statement-projects__goal { font-size: 18px; } .cursor-green { max-width: 400px; padding: 25px; } .statement-projects__item { padding: 30px; grid-template-columns: 600px 1fr 350px; } .cursor-green .cursor-text { font-size: 24px; } .statement-projects__item::before { height: 350px; } .statement-projects__image img { height: 600px; top: 45%; transform: translateX(-50%) translateY(-50%); } .number-block__value span { font-size: 62px; } .list-dots li::before { left: calc(100% + 20px); width: 75px; } .list-dots li:nth-child(1):before, .list-dots li:nth-child(3):before { left: calc(100% + 0px); } .cursor-green { right: 30px; bottom: 30px; } .statement-projects__list { margin-top: 40px; } .list-dots .dot { left: calc(100% + 75px + 40px); } .list-dots li:nth-child(1) .dot, .list-dots li:nth-child(3) .dot { left: calc(100% + 75px + 20px); } .cursor-green .cursor-descr { font-size: 18px; } .statement-projects__goals-title { font-size: 24px; } } @media (max-width:1400px) { .stage-onlinestore .stage__items--no-number .stage__item:nth-child(3) { border-right: none; padding-right: 0; } .tech-competence__swiper, .statement-partners__items { padding-bottom: 30px; } .statement-partners__items .swiper-wrapper { display: flex; gap: 0; } .statement-partners .swiper-pagination { display: flex; } .tech-competence__items { display: flex; gap: 0; width: max-content; } .success-partners__items .swiper-wrapper, .new-overview__items .swiper-wrapper { grid-template-columns: unset; display: flex; gap: 0; } .success.success-partners .swiper, .new-overview__items.swiper { overflow: hidden; padding-bottom: 30px; } .success-partners .success__left { position: static; } .seo-case-two-graphs.seo-case__block { grid-template-columns: 1fr; } .seo-case-two-graphs .seo-case__right-wrap .slide-graph .seo-case__chart { width: 580px; padding: 40px; } .stage__bottom { font-size: 18px; } .statement-projects__image img { height: 450px; } .number-block__value span { font-size: 52px; } .statement-projects__item { grid-template-columns: 550px 1fr 275px; /* padding: 20px; */ } .statement-projects__name { font-size: 28px; } .statement-projects__top { gap: 30px; } .statement-projects__goal { font-size: 16px; } .list-dots li::before { display: none; } .list-dots .dot { left: calc(100% + 40px); } .list-dots li:nth-child(1) .dot, .list-dots li:nth-child(3) .dot { left: calc(100% + 20px); } .list-dots li { max-width: 273px; } .statement-projects__numbers { gap: 25px; } .cursor-green { width: 325px; } .cursor-green .cursor-text { font-size: 20px; } .cursor-green .cursor-descr { font-size: 16px; } .statement-projects__item::before { background: linear-gradient(0deg, #262626 50%, rgba(38, 38, 38, 0.00) 100%); } } @media (max-width:1399px) { .seo-case .new-company__images { display: none; } .calculator__block { padding: 60px 30px 30px 30px; } .new-company__image.desktop { width: 345px; height: 250px; top: -25px; } .new-company__image.desktop .image-in-desktop { top: 5px; right: 12px; max-height: 185px; } .new-company__image.tablet { width: 200px; height: 150px; bottom: 0px; } .new-company__image.mobile { bottom: -75px; left: 50px; } .services-page-list .faq__inner { grid-template-columns: repeat(2, 1fr); } .new-company__images { bottom: -125px; } .case__card .case__image .new-company__image.desktop { bottom: -30px; right: -30px; width: 200px; height: 148px; } .case__card .case__image .new-company__image.desktop .image-in-desktop { max-height: 108px; } .new-seo-banner__wrapper { width: 100%; max-width: unset; } .new-seo-banner__item { width: 100%; } .new-seo-banner__wrapper { padding: 0 15px; } .new-seo-banner { padding-top: 193px; padding-bottom: 50px; } .new-seo-banner__image { display: none; } .new-seo-banner, .unique-tarif, .new-competencies, .new-sertificates, .about-info, .smi, .mb-140 { margin-bottom: 120px; } .new-range__price { font-size: 14px; padding: 15px 10px; } .new-range__marks span { font-size: 14px; } .unique-tarif__hours { font-size: 22px; } .unique-tarif__total { font-size: 40px; } .unique-tarif__form-inner { grid-template-columns: repeat(1, 1fr); gap: 15px; } .unique-tarif__block { padding: 40px; } .new-popular-services .develop__inner { grid-template-columns: repeat(1, 1fr); gap: 50px; } .new-popular-services .price__item-main { position: static; width: max-content; margin: 0 auto; } .new-popular-services .price__head { max-width: 500px; } .tech-help-page .container { padding: 0 20px; } .creator-tech-help .creator__inner { grid-template-columns: repeat(1, 1fr); } .new-seo-banner__switch-cont p, .new-seo-banner__switch-cont ul li { font-size: 22px; } .new-competencies__wrapper { grid-template-columns: 1fr 1.2fr; } .popup-difference-napol, .popup-difference-paket, .popup-ready-tarif { padding: 40px; max-width: 95%; } .popup-ready-tarif .price__items { grid-template-columns: repeat(3, 1fr); gap: 20px; } .popup-ready-tarif .price__list li { font-size: 14px; } .popup-ready-tarif .price__top { gap: 20px; } .new-services-tabs-block .functional__swipe { margin-top: 30px; margin-bottom: 0px; } .header__items-themes .header__item-three .header__info { grid-template-columns: repeat(2, 1fr) !important; } .header__items-themes .header__item-four .header__info { grid-template-columns: repeat(2, 1fr) !important; } .statement-partners .price__header { grid-template-columns: repeat(1, 1fr); } .unique-tarif .unique-tarif__button { order: -1; width: 74%; margin-left: 0; margin-right: auto; } .unique-tarif__top { flex-wrap: wrap; } .new-seo-banner__switcher { max-width: 80%; } .about-advantages-item__num { font-size: 46px; } .new-sertificates__slider .functional__swipe { position: relative; z-index: 10; } .smi__block { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); height: 300px; } .smi__wrapper { grid-template-columns: repeat(1, 1fr); } .smi .reviews__header { flex-wrap: wrap; } .seo-case-two-graphs .seo-case__right-wrap { margin-bottom: 0; } .smi .reviews__header p.element-show { padding-left: 0; } .stage__bottom { font-size: 16px; } .your-pain__list { gap: 15px; } .footer .header__social li a svg { height: 24px; } .footer .header__social li.max a svg { height: 40px; } } @media (max-width:991px) { .popup-ready-tarif .price__items { grid-template-columns: repeat(2, 1fr); } .header-mobule__max svg { width: 40px; height: 40px; } .header-mobule__max { display: flex; flex-direction: column; justify-content: center; } .new-sertificates__slider { margin-left: 0; } .new-company__images { position: static; margin-top: 50px; } .stage__bottom { font-size: 16px; } .services-price-min .services-price__subtitle { margin-bottom: 30px; } .new-company__image.desktop { left: 200px; } .new-company__image.tablet { width: 200px; height: 150px; bottom: 0px; left: 150px; } .new-company__image.mobile { bottom: -50px; left: 325px; } .services-page-list .faq__inner { grid-template-columns: repeat(1, 1fr); } .popup_cookie { bottom: 100px; } .footer__connect a { font-size: 24px; } .footer__mob { font-size: 24px; } .window_cookie { width: 90%; bottom: 50px; flex-direction: column; gap: 25px; } .case__card .case__image { height: 300px; position: static; order: 1; margin: 0 auto; } .case__card .case__left { order: 2; } .case__card .case__image .new-company__image.desktop { bottom: -15px; right: 0px; width: 372px; height: 275px; } .case__card .case__image .new-company__image.desktop .image-in-desktop { max-height: 205px; } .new-seo-banner__list { margin-top: 30px; flex-direction: column; } .new-seo-banner__item { padding-left: 30px; padding-top: 30px; } .new-seo-banner__item::before { top: 33px; left: -5px; } .new-seo-banner__item::after { width: 1px; height: 100%; left: 0; top: 36px; } .new-seo-banner__item:last-child:after { height: 75%; } .new-seo-banner { padding-top: 125px; } .new-seo-banner__wrapper .title { margin-bottom: 20px; } .new-seo-banner, .unique-tarif, .new-competencies { margin-bottom: 120px; } .long-cases-item { background-position: center !important; } .long-cases-item-top { margin-bottom: 90px; } .long-cases-item-text_title { font-size: 40px; max-width: 450px; } .long-cases-item-logo img { max-width: 100px; } .long-cases-item .long-cases-item-glass { width: 360px; height: 161px; } .case__header { margin-bottom: 10px; } .links { gap: 10px; margin-bottom: 30px; } .links a { font-size: 13px; padding: 7px 15px; } .new-range { flex-direction: column; } .new-range__selected { margin-bottom: 25px; align-self: flex-end; } .new-range input[type="range"]::-webkit-slider-runnable-track { border-radius: 20px; } .unique-tarif__center { padding-top: 60px; } .unique-tarif__bottom { grid-template-columns: repeat(1, 1fr); } .stage__badge { padding: 15px; font-size: 14px; max-width: 200px; } .advantages__badge .stage__badge { font-size: 12px; } .new-competencies__wrapper { grid-template-columns: 1fr 200px; } .new-competencies__block:first-child { position: sticky; height: max-content; top: 110px; } .new-competencies .develop__header { gap: 20px; } .unique-tarif .develop__header { grid-template-columns: 1fr .5fr; } .unique-tarif .develop__header .button { min-width: 200px; } .new-range__price { font-size: 13px; } .new-seo-banner, .unique-tarif, .new-competencies, .new-sertificates, .about-info, .smi, .mb-140 { margin-bottom: 80px; } .popup__table tbody tr td:first-child { width: 40%; } .new-services-contents { padding-top: 30px; } .new-about-marquee { padding: 30px; padding-top: 15px; } .new-sertificates__slider .new-sertificates__slide img { height: 300px; } .long-cases-item-logo { right: 30px; bottom: 30px; } .long-cases-item-text { padding-right: 100px; } .smi .container { padding: 0 20px; } .smi__block { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .smi__watch .title-h2 { font-size: 30px; } .smi .reviews__header p { margin-top: 30px; } .popup-leave { height: 90vh; overflow-y: auto; } .popup-leave__image { display: none; } .popup-leave .popup__inner { max-width: unset; } .popup-leave .form__content-inner { grid-template-columns: repeat(2, 1fr); } .fixed-video { bottom: 120px; border-radius: 15px; } .fixed-video video { border-radius: 15px; } .statement-projects__item { /* grid-template-columns: repeat(1, 1fr); grid-template-rows: 90px 1fr 350px 1fr; */ grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .statement-projects__top { grid-column: 1/3; } .statement-projects__image { display: none; } .number-block__value { font-size: 32px; } .number-block__name { font-size: 16px; max-width: 150px; } .statement-projects__name p { gap: 20px; } .statement-projects__name { font-size: 24px; } .statement-projects__numbers { /* margin-top: 30px; flex-wrap: wrap; */ width: max-content; } .list-dots li { max-width: 250px; font-size: 16px; padding-left: 50px; } .list-dots li:nth-child(1) .dot, .list-dots li:nth-child(3) .dot { left: 0px; } .list-dots .dot { left: 0px; } .statement-projects__list { margin-top: 0; } .statement-projects__left { width: 300px; gap: 50px; padding-bottom: 175px; } .cursor-green { width: 75%; left: 30px; right: unset; max-width: unset; } .cursor-green .cursor-icon { display: none; } } @media (max-width:767px) { .stage-statement .stage__item { border-left: none; } .stage__bottom { width: max-content; position: absolute; right: 0; top: 0; } .new-seo-banner__wrapper { padding: 0; } .services-price-min .services-price__inner { padding-bottom: 0; } .case-long-screen { max-height: 250px; } .services-price-min .services-price__man { margin: unset; margin-left: auto; } .new-company__images { position: static; margin-top: 50px; } .new-company__image.desktop { left: 75px; } .new-company__image.tablet { left: 75px; } .new-company__image.mobile { left: 225px; } .long-cases-item { padding: 25px 15px; } .your-pain__icon { width: 40px; height: 40px; } .your-pain__icon svg { width: 20px; height: 20px; } .long-cases-item-top__text { font-size: 13px; padding: 0 30px; } .long-cases-item-text_title { font-size: 33px; margin-bottom: 15px; } .long-cases-item-text_subtitle { font-size: 18px; max-width: 225px; } .long-cases-item .long-cases-item-glass { width: 220px; height: 134px; } .long-cases-item-logo img { max-width: 52px; margin-right: 15px; } .new-range { justify-content: flex-start; flex-direction: row; } .new-range__mobile { display: block; width: 100%; } .unique-tarif__top { flex-direction: column; padding-bottom: 30px; } .unique-tarif__top .new-seo-differences { font-size: 0; align-items: start; height: max-content; padding: 10px; gap: 0; margin-top: -5px; margin-left: -5px; } .unique-tarif__center { padding-top: 30px; } .unique-tarif__bottom { margin-top: 30px; } .new-range-wrap, .new-range__selected { display: none; } .new-range__mobile .new-range__input { display: flex; flex-direction: row; align-items: center; gap: 10px; } .new-range__mobile .new-range__input label { color: white; font-size: 18px; } .unique-tarif__block { padding: 20px; } .new-range__mobile .new-range__input input { border-radius: 100px; background: #202020; padding: 15px 30px; text-align: center; color: white; border: 1px solid #262626; min-width: 150px; font-size: 18px; } .new-range__price-mobile { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 20px; } .new-range__price-wrap p { text-align: center; color: white; font-size: 16px; margin-top: 15px; } .new-range__price-mobile .new-range__price { position: relative; top: 0; left: 0; transform: none; font-size: 16px; } .new-range__price-mobile .new-range__price::before { border-top: 10px solid transparent; border-right: 10px solid #202020; left: unset; top: 50%; right: -18px; transform: translateY(-50%) rotate(180deg); width: max-content; } .new-range__price-wrap:last-child .new-range__price::before { display: none; } .stage__badge { max-width: 250px; } .stage__title { margin-bottom: 10px; } .unique-tarif .new-seo-banner__switch-wrap { display: flex; } .new-mobile-overflow { height: 250px; position: relative; overflow: hidden; transition: all .3s; } .new-mobile-overflow.active {} .advantages__badge { width: 100%; justify-content: space-between; } .new-mobile-overflow.active .new-mobile-overflow-arrow { opacity: 0; visibility: hidden; } .new-mobile-overflow-arrow { display: block; position: absolute; bottom: 0; width: 100%; height: 100px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 20px; background: linear-gradient(0deg, #1f1f1f, transparent); color: #dafe52; text-decoration: underline; } .new-competencies__wrapper { grid-template-columns: repeat(1, 1fr); } .new-competencies__block:first-child { position: static; } .unique-tarif__hours { font-size: 18px; } .unique-tarif__text { font-size: 14px; } .unique-tarif__total { font-size: 32px; } .unique-tarif__price { margin-top: 20px; } .popup-ready-tarif .price__items { grid-template-columns: repeat(1, 1fr); } .popup__table { display: block; } .popup__table thead { position: sticky; top: -15px; display: block; background: #262626; } .popup__table thead tr { display: grid; grid-template-columns: repeat(2, 1fr) } .popup__table thead th { text-align: center; } .popup__table thead th:first-child { display: none; } .popup__table tbody { display: grid; width: 100%; } .popup__table tbody tr { display: grid; width: 100%; grid-template-columns: repeat(2, 1fr); } .popup__table tbody tr td { display: block; } .popup__table tbody tr td:first-child { grid-column: 1/3; text-align: center; width: 100%; } .popup__table tbody tr:last-child td:first-child { border-bottom-left-radius: unset; } .popup__table tbody tr td:first-child { border-bottom: 1px solid #313131; } .popup__table tbody tr:nth-child(even) { border-left: 1px solid #1F1F1F; border-right: 1px solid #1F1F1F; } .popup__table tbody tr:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; } .popup__table tbody tr:last-child { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .stage__items--no-number .stage__item { border-bottom: none; } .stage__items--no-number .stage__badge { top: -30px; } .title-h1 { hyphens: none; font-size: 28px; } .start__head { font-size: 17px; } .success-partners .container, .new-overview .container { padding: 0 20px; } .long-cases { gap: 30px; } .success-partners__items { gap: 15px; } .success-partners__item { min-height: 150px; padding: 15px; } .success-partners__item-rutube { padding: 30px; } .new-about-marquee { padding-top: 25px; } .about-new__quote-inner { padding: 70px 20px; } .program-contact .team__image { max-width: 200px; } .program-contact .team__name br { display: none; } .program-contact .team__text br { display: none; } .long-cases-item-logo { right: 20px; bottom: 20px; } .long-cases-item-text { padding-right: 0; padding-bottom: 30px; } .new-sertificates__slider::after { width: 50px; } .smi__block { height: unset; } .smi__image { height: 300px; } .smi__watch .article__video { gap: 30px; } .smi__swiper .swiper-slide { height: 350px; } .seo-case-two-graphs .long-cases-item-glass svg { width: 300px; height: 134px; } .seo-case-two-graphs .long-cases-item-glass .blur-glass { top: 53px; border-radius: 10px 52px 0 0; } .seo-case-two-graphs .seo-case__right-wrap .slide-graph .seo-case__chart { width: 100%; } .seo-case-two-graphs .long-cases-item-logo img { max-width: 100px; max-height: 50px; object-fit: contain; } .seo-case-two-graphs .long-cases-item-logo { bottom: 30px; } .seo-case-two-graphs .seo-case__right.swiper { height: 325px; } .seo-case-two-graphs .seo-case__right-wrap .slide-graph { display: flex; flex-direction: column; justify-content: center; } .your-pain__wrapper { grid-template-columns: 1fr; } .popup-leave .cursor { position: relative; top: unset; left: unset; bottom: unset; right: unset; margin-top: 20px; margin-left: auto; } .popup-leave .form__end { grid-column: 1/3; } .popup-leave .cursor-icon { z-index: 5; pointer-events: none; } .popup-leave .title { font-size: 28px; margin-bottom: 30px; } .popup-leave .cursor { margin-top: 30px; margin-left: 0; margin-right: auto; } .seo-case__block .title-h1 { font-size: 28px; } .statement-projects__numbers { left: 0; width: 100%; } .statement-projects__name { gap: 15px; font-size: 20px; } .statement-projects__left { width: unset; } .number-block__value span { font-size: 46px; } .list-dots li { max-width: unset; width: 100%; } .statement-projects__top { grid-column: auto; flex-wrap: wrap; } .number-block__name { font-size: 14px; } .statement-projects__item { grid-template-columns: repeat(1, 1fr); } .statement-projects__goals { transition-delay: 0; } .statement-projects__goals-title { transition-delay: 0; } .statement-projects__list { display: none; } .statement-projects__right { grid-row: 2; } .cursor-green { width: calc(100% - 60px); left: 30px; } .statement-projects .reviews__header { margin-bottom: 40px; } } @media (max-width:577px) { .new-seo-banner { margin-bottom: 80px; padding-top: 90px; } .seo-case__text { font-size: 16px; } .seo-case__items { gap: 25px; } .seo-case-two-graphs .seo-case__items .seo-case__item:nth-child(1) { display: none; } .seo-case-two-graphs .seo-case__items { grid-template-columns: repeat(1, 1fr); } .seo-case-two-graphs .seo-case__buttons { margin-top: 25px; } .seo-case-two-graphs.seo-case__block { gap: 30px; } .seo-case__chars { margin-bottom: 20px; padding-bottom: 20px; } .seo-case__list li { font-size: 14px; } .new-company__image.desktop { left: -15px; } .new-company__image.tablet { left: 25px; } .new-company__image.mobile { left: 150px; } .about-info, .mb-140 { margin-bottom: 60px; } .window_cookie { bottom: 25px; padding: 25px; } .case__card .case__image .new-company__image.desktop { bottom: -15px; right: 0px; width: 300px; height: 222px; } .case__card .case__image .new-company__image.desktop .image-in-desktop { max-height: 165px; } .new-seo-banner__switch-wrap { margin-top: 4px; } .unique-tarif .develop__header { grid-template-columns: repeat(1, 1fr); } .new-seo-banner__switch-cont p, .new-seo-banner__switch-cont ul li { font-size: 18px; } .new-range__mobile .new-range__input label { font-size: 16px; } .new-range__mobile .new-range__input input { min-width: 100px; font-size: 16px; } .new-seo-banner__switch { padding: 10px; font-size: 15px; } .new-range__price-mobile .new-range__price { font-size: 16px; } .new-range__price-wrap p { font-size: 14px; } .new-popular-services .price__item-main { width: 100%; } .unique-tarif__left, .unique-tarif__right { padding: 20px; } .unique-tarif__hours span { font-size: 16px; } .is-ios .smi__image { height: 200px; } .is-ios .smi__image img { height: auto; width: 100%; } .new-popular__item { position: relative; padding: 15px 15px; } .new-competencies__icons { width: 100%; margin-top: 30px; } .advantages__badge { flex-direction: column-reverse; gap: 15px; justify-content: flex-start; align-items: flex-start; } .advantages__badge .stage__badge { width: 100%; max-width: unset; } .new-competencies__wrapper { gap: 0; } .new-competencies__top { display: flex; gap: 15px; align-items: center; } .new-competencies__title { margin-top: 0px; } .breadcrumbs__top { overflow: auto; padding-bottom: 10px; } .breadcrumbs__content { width: max-content; } .new-competencies__item { min-height: 150px; gap: 20px; } .creator-tech-help .creator__block .creator-subtitle { line-height: 120%; font-size: 18px; } .unique-tarif__top .switch-item { display: flex; align-items: center; justify-content: center; text-align: center; } .tech-help-page .advantages__image img { display: none; } .popup__table tr td { padding: 10px; } .popup__table tbody tr td { font-size: 14px; } .popup__table tbody tr td:first-child { font-size: 16px; } .popup-difference-napol, .popup-difference-paket, .popup-ready-tarif { padding: 25px; } .ready-tarif p { margin-bottom: 20px; font-size: 16px; } .ready-tarif ul li { font-size: 14px; } .ready-tarif-selected { font-size: 16px; } .popup__table tr td .bitrix__arrow { width: 25px; height: 25px; } .popup__table tr td .bitrix__arrow img { width: 14px; } .popup__table tr td .price__new-not { width: 25px; height: 25px; } .popup__table tr td .price__new-not::before { width: 14px; } .popup-reviews { height: 90vh; } .popup-reviews .popup__inner { height: 100%; } .popup-reviews .popup-reviews__image { height: calc(100% - 5vh); } .popup-reviews iframe { height: 100%; object-fit: contain; } #popup-reviews.reviews-text-popup { height: auto; } .maps-reviews__tab .new-seo-banner__switch { padding: 5px 15px; } .maps-reviews .new-seo-banner__switcher { max-width: 100%; gap: 15px; } .new-services-contents .faq__inner { grid-template-columns: repeat(1, 1fr); } .long-cases-item { background-size: 300% 100% !important; background-repeat: no-repeat !important; } .maps-reviews__items { grid-template-columns: repeat(1, 1fr); } .new-about-marquee, .about-new .about-new__video { margin-bottom: 60px; } .new-overview__awards { flex-wrap: wrap; justify-content: center; } .new-overview__text { text-align: center; } .smi__image { height: 250px; } .smi__swiper .swiper-slide { height: 250px; } .seo-case-two-graphs .seo-case__name { font-size: 16px; } .seo-case-two-graphs .seo-case__buttons { flex-wrap: wrap; } .your-pain__block { padding: 20px; } .your-pain__list li { flex-direction: column; align-items: flex-start; } .your-pain__list li p { /* background: #1F1F1F; padding: 5px; */ } .your-pain__icon { width: 40px; height: 40px; padding: 5px; } .popup-leave .form__content-inner { grid-template-columns: repeat(1, 1fr); } .popup-leave .form__input:has(input[name="site"]) { grid-column: auto; } .popup-leave .form__end { grid-column: auto; } .cursor-green { width: calc(100%); position: relative; left: unset; top: unset; margin-top: 30px; } .statement-projects__left { padding-bottom: 0; } .statement-projects__name img { width: 50px; } .statement-projects__name br { display: none; } .statement-projects__item { padding: 20px; } .statement-projects__numbers { flex-wrap: wrap; width: unset; max-width: unset; } .number-block__name { max-width: 100%; } .statement-projects__goal { font-size: 14px; } .statement-projects__goals { margin-top: 15px; } .cursor-green .cursor-text { font-size: 18px; } .cursor-green .cursor-descr { font-size: 14px; } .statement-projects__number { text-align: left; max-width: calc(50% - 12.5px); flex-grow: 1; } .statement-projects__goals-title { font-size: 18px; } .statement-projects__url { font-size: 16px; } .number-block__value span { font-size: 32px; letter-spacing: -1px; } .statement-projects__goals { gap: 20px; } .number-block__name { margin-top: 10px; } .statement-projects__number:last-child { max-width: unset; } .statement-projects__number:last-child .number-block__name { max-width: unset; } } @media (max-width:500px) { .long-cases-item { background-size: 300% 100% !important; background-repeat: no-repeat !important; background-position-x: -475px !important; } } @media (max-width:400px) { .long-cases-item-text { padding-bottom: 25px; } .long-cases-item-text_title { font-size: 24px; } .header-mobule__max svg { width: 30px; height: 30px; transform: scale(1.25); } .long-cases-item-text_subtitle { font-size: 16px; } } @media (max-width:350px) { .long-cases-item-text { padding-bottom: 35px; } } .program-min-top { margin-top: 60px; } .article-inner__info h4 { padding-top: 30px; font-size: clamp(1.125rem, 1.0917rem + 0.1333vw, 1.25rem); position: relative; font-weight: 500; color: white; } .unique-tarif__form .success { margin-bottom: 0; display: none; } .header-inner_address { display: flex; justify-content: flex-end; } .header-addres { display: flex; flex-direction: row; gap: 10px; } .header-addres span { color: #fff; } .case__items-services .case__name { font-size: 36px; } .article-explanation { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 600px; box-sizing: border-box; } .article-explanation__item { display: flex; align-items: center; background-color: rgba(38, 38, 38, 0.45); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 28px; padding: 24px 32px 24px 24px; transition: background-color 0.3s ease, border-color 0.3s ease; } .article-explanation__item:hover { background-color: rgba(38, 38, 38, 0.6); border-color: rgba(255, 255, 255, 0.15); } .article-explanation__icon-wrap { flex-shrink: 0; width: 64px; height: 64px; border-radius: 50%; border: 1px solid rgba(218, 254, 82, 0.3); background-color: #262626; display: flex; align-items: center; justify-content: center; margin-right: 24px; } .article-explanation__icon { width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: contain; } .article-explanation__icon--box { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 64 64'%3E%3Cg%3E%3Cpath d='m44.689 20.725 10.558-10.558a5.015 5.015 0 1 0-1.414-1.414L43.275 19.311A16.9 16.9 0 0 0 33 15.051V10.9a5 5 0 1 0-2 0v4.152a16.9 16.9 0 0 0-10.275 4.26L10.167 8.753a5.015 5.015 0 1 0-1.414 1.414l10.558 10.558A16.9 16.9 0 0 0 15.051 31H10.9a5 5 0 1 0 0 2h4.152a16.9 16.9 0 0 0 4.26 10.275L8.753 53.833a5.015 5.015 0 1 0 1.414 1.414l10.558-10.558A16.9 16.9 0 0 0 31 48.949V53.1a5 5 0 1 0 2 0v-4.151a16.9 16.9 0 0 0 10.275-4.26l10.558 10.558a5.015 5.015 0 1 0 1.414-1.414L44.689 43.275A16.9 16.9 0 0 0 48.949 33H53.1a5 5 0 1 0 0-2h-4.151a16.9 16.9 0 0 0-4.26-10.275ZM6 35a3 3 0 1 1 3-3 3 3 0 0 1-3 3Zm52-6a3 3 0 1 1-3 3 3 3 0 0 1 3-3Zm0-26a3 3 0 1 1-3 3 3 3 0 0 1 3-3ZM29 6a3 3 0 1 1 3 3 3 3 0 0 1-3-3ZM6 9a3 3 0 1 1 3-3 3 3 0 0 1-3 3Zm0 52a3 3 0 1 1 3-3 3 3 0 0 1-3 3Zm29-3a3 3 0 1 1-3-3 3 3 0 0 1 3 3Zm23-3a3 3 0 1 1-3 3 3 3 0 0 1 3-3Zm-26-8a15 15 0 1 1 15-15 15.017 15.017 0 0 1-15 15Z' fill='%23dafe52'/%3E%3Cpath d='m41.316 26.051-9-3a1 1 0 0 0-.632 0l-9 3A1 1 0 0 0 22 27v10a1 1 0 0 0 .684.949l9 3a1 1 0 0 0 .632 0l9-3A1 1 0 0 0 42 37V27a1 1 0 0 0-.684-.949Zm-9.316-1L37.838 27 32 28.946 26.162 27Zm-8 3.334 7 2.333v7.891l-7-2.333Zm9 10.224v-7.888l7-2.333v7.891Z' fill='%23dafe52'/%3E%3C/g%3E%3C/svg%3E"); } .article-explanation__icon--cloud { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 480.119 480.119'%3E%3Cg%3E%3Cpath d='M423.239 120.119a56.915 56.915 0 0 0-17.208 2.648c.528-4.195.795-8.42.8-12.648C405.792 48.272 354.813-1.023 292.965.016c-45.131.758-85.397 28.534-102.134 70.455C158.463 50.4 115.953 60.37 95.883 92.738a68.954 68.954 0 0 0-10.34 35.037 57.137 57.137 0 0 0-28.664-7.656c-30.928 0-56 25.072-56 56s25.072 56 56 56a8 8 0 0 0 0-16c-22.089-.359-39.704-18.556-39.345-40.645.359-22.089 18.556-39.704 40.645-39.345a40.002 40.002 0 0 1 33.1 18.525 8 8 0 0 0 14.112-7.376 50.795 50.795 0 0 1-3.872-19.16c.321-28.992 24.048-52.253 53.04-52a53.434 53.434 0 0 1 35.08 13.312 8 8 0 0 0 12.968-3.896c14.638-50.936 67.796-80.361 118.731-65.723 40.442 11.622 68.595 48.236 69.437 90.307a92.8 92.8 0 0 1-3.48 24.8 8 8 0 0 0 12.296 8.696 41.017 41.017 0 0 1 23.648-7.496c22.091 0 40 17.909 40 40s-17.909 40-40 40a8 8 0 0 0 0 16c30.928 0 56-25.072 56-56 0-30.927-25.072-55.999-56-55.999zM376.039 304.119h-272c-13.255 0-24 10.745-24 24v32c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-32c0-13.255-10.745-24-24-24zm8 56a8 8 0 0 1-8 8h-272a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h272a8 8 0 0 1 8 8v32z' fill='%23dafe52'/%3E%3Cpath d='M353.847 328.615c-8.525.053-15.408 6.978-15.408 15.503.04 8.584 7.016 15.517 15.6 15.504 8.563-.053 15.461-7.037 15.408-15.6-.053-8.562-7.037-15.46-15.6-15.407zm.192 16.008c-.24 0-.4-.264-.4-.504l.4-.496v1zM270.439 336.119h-152a8 8 0 0 0 0 16h152a8 8 0 0 0 0-16zM319.839 336.119h-21.28a8 8 0 0 0 0 16h21.28a8 8 0 0 0 0-16zM376.039 400.119h-272c-13.255 0-24 10.745-24 24v32c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-32c0-13.255-10.745-24-24-24zm8 56a8 8 0 0 1-8 8h-272a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h272a8 8 0 0 1 8 8v32z' fill='%23dafe52'/%3E%3Cpath d='M353.847 424.615c-8.525.053-15.408 6.978-15.408 15.503.04 8.584 7.016 15.517 15.6 15.504 8.563-.053 15.461-7.037 15.408-15.6-.053-8.562-7.037-15.46-15.6-15.407zm.192 16.008c-.24 0-.4-.264-.4-.504l.4-.496v1zM270.439 432.119h-152a8 8 0 0 0 0 16h152a8 8 0 0 0 0-16zM319.839 432.119h-21.28a8 8 0 0 0 0 16h21.28a8 8 0 0 0 0-16zM376.039 208.119h-272c-13.255 0-24 10.745-24 24v32c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-32c0-13.255-10.745-24-24-24zm8 56a8 8 0 0 1-8 8h-272a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h272a8 8 0 0 1 8 8v32z' fill='%23dafe52'/%3E%3Cpath d='M366.935 245.935c-1.542-8.499-9.681-14.139-18.18-12.597a15.639 15.639 0 0 0-9.972 6.349 15.308 15.308 0 0 0-2.576 11.56 15.656 15.656 0 0 0 18 12.656 15.45 15.45 0 0 0 10.152-6.4 15.252 15.252 0 0 0 2.576-11.568zm-15.744 2.816.36-.632.04 1c-.36 0-.384-.2-.4-.368zM268.839 240.119h-152a8 8 0 0 0 0 16h152a8 8 0 0 0 0-16zM314.727 240.119h-21.28a8 8 0 0 0 0 16h21.28a8 8 0 0 0 0-16zM205.695 130.463l-24-24a8 8 0 0 0-11.312 0l-24 24a8 8 0 0 0 11.312 11.312l10.344-10.344v52.688a8 8 0 0 0 16 0v-52.688l10.344 10.344a8 8 0 0 0 11.312-11.312zM333.499 154.463a8.001 8.001 0 0 0-11.116 0l-10.344 10.344v-52.688a8 8 0 0 0-16 0v52.688l-10.344-10.344a8 8 0 0 0-11.312 11.312l24 24a8 8 0 0 0 11.312 0l24-24a8 8 0 0 0-.196-11.312z' fill='%23dafe52'/%3E%3C/g%3E%3C/svg%3E"); } .article-explanation__content { display: flex; flex-direction: column; gap: 8px; } .article-explanation__title { color: #ffffff; font-size: 18px; font-family: sans-serif; font-weight: 600; margin: 0; line-height: 1.3; } .article-explanation__text { color: rgba(255, 255, 255, 0.65); font-size: 15px; font-family: sans-serif; font-weight: 400; line-height: 1.4; margin: 0; } @media (max-width: 480px) { .article-explanation__item { flex-direction: column; align-items: flex-start; padding: 20px; } .article-explanation__icon-wrap { margin-right: 0; margin-bottom: 16px; } } .article-explanation-list { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 800px; box-sizing: border-box; } .article-explanation-list__intro { color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 8px; padding-left: 8px; } .article-explanation-list__item { display: flex; align-items: flex-start; background-color: rgba(38, 38, 38, 0.45); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 24px; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease; } .article-explanation-list__item:hover { background-color: rgba(38, 38, 38, 0.6); border-color: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } .article-explanation-list__number { flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background-color: #262626; border: 1px solid rgba(218, 254, 82, 0.4); color: #dafe52; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-right: 20px; box-shadow: inset 0 0 10px rgba(218, 254, 82, 0.05); } .article-explanation-list__content { display: flex; flex-direction: column; gap: 6px; padding-top: 2px; } .article-explanation-list__title { color: #ffffff; font-size: 18px; font-weight: 600; line-height: 1.3; } .article-explanation-list__text { color: rgba(255, 255, 255, 0.7); font-size: 15px; font-weight: 400; line-height: 1.5; } @media (max-width: 576px) { .article-explanation-list__item { flex-direction: column; padding: 20px; } .article-explanation-list__number { margin-right: 0; margin-bottom: 16px; width: 40px; height: 40px; font-size: 18px; } } .article-quotation { position: relative; width: 100%; max-width: 800px; box-sizing: border-box; padding: 40px 48px; background-color: rgba(38, 38, 38, 0.45); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; display: flex; flex-direction: column; gap: 24px; overflow: hidden; margin-top: 20px; } .article-quotation:hover { background-color: rgba(38, 38, 38, 0.55); border-color: rgba(255, 255, 255, 0.15); transition: background-color 0.4s ease, border-color 0.4s ease; } .article-quotation__icon { width: 64px; height: 64px; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5.293 1.293 1.414 1.414L3 6.414V7h4v7H1V5.586zM15 7h-4v-.586l3.707-3.707-1.414-1.414L9 5.586V14h6z' fill='%23dafe52'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; background-size: contain; } .article-quotation__content { display: flex; flex-direction: column; } .article-quotation__text { color: rgba(255, 255, 255, 0.9); font-size: 24px; font-weight: 400; line-height: 1.4; margin: 0; } .article-quotation__highlight { color: #dafe52; font-weight: 500; } @media (max-width: 576px) { .article-quotation { padding: 24px; gap: 16px; } .article-quotation__icon { width: 48px; height: 48px; } .article-quotation__text { font-size: 18px; } } .article-quotation__content { display: flex; flex-direction: column; } .article-quotation__text { color: rgba(255, 255, 255, 0.9); font-size: 24px; font-weight: 400; line-height: 1.4; margin: 0; } .article-quotation__highlight { color: #dafe52; font-weight: 500; } @media (max-width: 576px) { .article-quotation { padding: 24px; gap: 16px; } .article-quotation__icon { width: 48px; height: 48px; } .article-quotation__text { font-size: 18px; } } .article__table table span { color: #dafe52; padding: 0; font-size: 16px; } /* ФИКС ДЛЯ ПРИВАТНОСТИ ЯНДЕКС */ @media (max-width: 768px) { .SmartCaptcha-Shield_position_right .SmartCaptcha-Shield-PrivacyLink { max-width: 0; overflow: hidden; transition: 0.3s; } .SmartCaptcha-Shield { max-width: 53px; transition: 0.3s; } a.SmartCaptcha-Shield-Anchor { pointer-events: none; } .SmartCaptcha-Shield.active { max-width: 120px; } .SmartCaptcha-Shield.active .SmartCaptcha-Shield-PrivacyLink { max-width: 100px; } } /* ФИКС ДЛЯ ПРИВАТНОСТИ ЯНДЕКС */ .article-note { position: relative; background-color: rgba(38, 38, 38, 0.45); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 50px 40px; max-width: 720px; margin-top: 30px; box-sizing: border-box; } .article-note-icon { position: absolute; top: -50px; right: -45px; width: 100px; height: 100px; background-image: url('/local/templates/brevis/assets/images/articles/article-pin.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1; } .article-note-text { margin: 0; font-size: 18px; line-height: 1.6; } .article-note p { padding-top: 0px; } .article-note-text .article-note-highlight { color: #d47aea; font-weight: 600; } /* End */ /* Start:/local/templates/brevis/assets/css/style-no-lag.css?1784193872153*/ @media (max-width:1700px) {} @media (max-width:1400px) {} @media (max-width:991px) {} @media (max-width:767px) {} @media (max-width:577px) {} /* End */ /* Start:/local/templates/brevis/assets/css/media.css?17804671506379*/ @media only screen and (max-width: 1700px) { .advantages-vacancy .develop__header { grid-template-columns: auto 544px; } .advantages-vacancy .advantages__title { font-size: 26px; } .vacancy { margin-bottom: 180px; } .vacancy__header { max-width: 100%; } } @media only screen and (max-width: 1400px) { .advantages-vacancy .develop__header { grid-template-columns: 1fr; gap: 40px; } .advantages-vacancy .advantages__items { grid-template-columns: 1fr 1fr; } .advantages-vacancy .advantages__title { font-size: 24px; } .vacancy { margin-bottom: 120px; } .vacancy__header { flex-direction: column; align-items: flex-start; margin-bottom: 60px; } .vacancy__left { max-width: 100%; } .vacancy__text { max-width: 100%; } .vacancy__items { grid-template-columns: 1fr; gap: 20px; } } @media only screen and (max-width: 991px) { .form__file { grid-column: auto; } .advantages-vacancy .advantages__title { font-size: 22px; } .vacancy { margin-bottom: 80px; } .vacancy__header { margin-bottom: 40px; gap: 30px; } .vacancy .faq__head { padding: 30px 20px 75px; } .vacancy .faq__drop { padding: 30px 20px 75px !important; } .vacancy .faq__items:last-child .faq__drop { padding: 0 20px 30px !important; } .vacancy .faq__items:last-child .faq__head { padding: 30px; } } @media only screen and (max-width: 767px) { .form__file { padding: 10px 30px; } .form__file svg { display: none; } .anchor-vacancy .anchor__nav { grid-template-columns: 1fr; } .advantages-vacancy .develop__header { gap: 20px; } .advantages-vacancy .advantages__items { grid-template-columns: 1fr; gap: 20px; } .advantages-vacancy .advantages__title { font-size: 18px; } .vacancy__header { gap: 20px; } .vacancy .faq__head { flex-direction: column-reverse; gap: 10px; padding: 30px 15px 75px; } .vacancy__info h2 { font-size: 20px; } .vacancy .case__category { margin-bottom: 20px; font-size: 14px; align-items: baseline; padding: 15px; gap: 7px; } .vacancy .faq__drop { padding: 30px 15px 75px !important; } .vacancy .faq__items:last-child .faq__drop { padding: 0 15px 30px !important; } .vacancy .faq__items:last-child .faq__head { padding: 30px 15px; } .vacancy__items { padding-top: 30px; } .vacancy__item { padding: 30px 20px; } .vacancy__item h3 { font-size: 18px; } .vacancy__block { gap: 25px; padding: 20px 20px; } .vacancy__block h3 { font-size: 18px; } .vacancy .btn-ellipse { position: relative; top: auto; right: auto; margin-left: auto; } .vacancy .header__social { position: relative; bottom: auto; right: auto; z-index: 5; } .vacancy .faq__click { margin-left: auto; } } @media only screen and (max-width: 1700px) { .about-new { margin-bottom: 150px; } .about-new__video { margin-bottom: 150px; } .about-new__block { margin-bottom: 150px; } .about-new__quote-inner { padding: 130px 0; } .about-new__quote-left { width: 100px; height: auto; } .about-new__quote-right { width: 100px; height: auto; } .about-info { margin-bottom: 150px; } .about-info__head { grid-template-columns: 40.75% 25.5%; } .about-cooperation .success__inner { grid-template-columns: 35.75% 57.06%; } } @media only screen and (max-width: 1400px) { .about-new { margin-bottom: 120px; } .about-new__video { margin-bottom: 120px; } .about-new__block { grid-template-columns: repeat(2, 1fr); margin-bottom: 120px; } .about-new__image:first-child { grid-column: auto; grid-row: auto; } .about-new__info { grid-column: 1/3; grid-row: 2/2; } .about-new__quote-inner { padding: 90px 0; } .about-new__quote-inner>p { font-size: 24px; max-width: 642px; } .about-new__quote-left { width: 80px; } .about-new__quote-right { width: 80px; } .about-new__director { bottom: 0; } .about-info { margin-bottom: 120px; } .about-info__head { grid-template-columns: 54.75% 1fr; gap: 50px; margin-bottom: 60px; } .about-info__items { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; } .about-info__image:nth-child(3) { grid-column: 2/3; grid-row: 2/2; } .about-info__list { flex-direction: column; gap: 15px; left: 20px; bottom: 20px; } .about-info__list li { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .about-form .form__inner { grid-template-columns: 1fr; gap: 40px; } } @media only screen and (max-width: 991px) { .about-new { margin-bottom: 80px; } .about-new__video { margin-bottom: 80px; border-radius: 20px; aspect-ratio: 1.8; } .about-new__block { margin-bottom: 80px; } .about-new__image { border-radius: 15px; } .about-new__info { border-radius: 15px; } .about-new__quote-inner>p { font-size: 20px; max-width: 535px; } .about-info { margin-bottom: 80px; } .about-info__head { grid-template-columns: 1fr; align-items: flex-start; gap: 30px; margin-bottom: 40px; } .about-info__head p { max-width: 659px; } .about-info__image { border-radius: 20px; } .about-info__block { border-radius: 20px; } .about-article .swiper { padding: 0 0 50px; } .about-article .swiper-pagination { display: flex; } .about-article .team__arrows { display: none; } .about-article .article__header { padding-bottom: 70px; } } @media only screen and (max-width: 767px) { .about-new__video { aspect-ratio: 1.5; } .about-new__block { gap: 10px; } .about-new__info { padding: 20px 15px; } .about-new__quote { padding-top: 40px; } .about-new__quote-inner { padding: 70px 20px; } .about-new__quote-inner>p { margin: 0 0 30px; font-size: 18px; } .about-new__quote-left { width: 60px; } .about-new__quote-right { width: 60px; } .about-new__director { position: static; } .about-info__items { grid-template-columns: 1fr; gap: 20px; } .about-info__image:nth-child(3) { grid-row: auto; grid-column: auto; } .about-info__block { padding: 20px 15px; } .about-info__list { bottom: 15px; left: 15px; gap: 10px; } .about-info__list li { padding: 10px 15px; font-size: 14px; font-weight: 400; } .about-article .article__header { margin-bottom: 50px; padding-bottom: 50px; } } /* End */ /* Start:/local/templates/brevis/components/bitrix/menu/top-1/style.min.css?1759732158490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/brevis/components/bitrix/menu/top-1/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/brevis/components/bitrix/menu/top-2/style.min.css?1768981428490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/brevis/components/bitrix/menu/top-2/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/brevis/components/bitrix/menu/footer/style.min.css?1759333091490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/brevis/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /local/templates/brevis/assets/libs/swiper/swiper-bundle.min.css?175933361518432 */ /* /local/templates/brevis/assets/libs/fancybox/cdn.jsdelivr.net_npm_@fancyapps_ui@5.0_dist_fancybox_fancybox.css?175933361224789 */ /* /local/templates/brevis/assets/css/style.css?1785313773658157 */ /* /local/templates/brevis/assets/css/style-no-lag.css?1784193872153 */ /* /local/templates/brevis/assets/css/media.css?17804671506379 */ /* /local/templates/brevis/components/bitrix/menu/top-1/style.min.css?1759732158490 */ /* /local/templates/brevis/components/bitrix/menu/top-2/style.min.css?1768981428490 */ /* /local/templates/brevis/components/bitrix/menu/footer/style.min.css?1759333091490 */